.app-brand-history,
.app-brand-paraphrase {
	padding-bottom: 60px;
	padding-top: 60px
}

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

	.app-brand-history,
	.app-brand-paraphrase {
		padding-bottom: 40px;
		padding-top: 40px
	}
}

.app-brand-history .years {
	position: relative
}

.app-brand-history .years .swiper-slide {
	color: #000;
	cursor: pointer;
	font-size: 24px;
	margin-top: 10px;
	padding-top: 35px;
	position: relative;
	text-align: center
}

@media screen and (max-width:1200px) {
	.app-brand-history .years .swiper-slide {
		font-size: 20px;
		padding-top: 25px
	}
}

@media screen and (max-width:1000px) {
	.app-brand-history .years .swiper-slide {
		font-size: 16px;
		padding-top: 20px
	}
}

.app-brand-history .years .swiper-slide svg {
	fill: #efebec;
	height: 20px;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
	width: 20px
}

.app-brand-history .years .swiper-slide-active svg {
	fill: #df242a
}

.app-brand-history .years [class^=history-years-button] {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==) no-repeat 50%/80% 80%;
	border: 1px solid #df242a;
	border-radius: 4px;
	cursor: pointer;
	height: 40px;
	position: absolute;
	top: -10px;
	transition: background .3s ease;
	width: 40px;
	z-index: 10
}

@media screen and (max-width:460px) {
	.app-brand-history .years [class^=history-years-button] {
		height: 30px;
		top: -5px;
		width: 30px
	}
}

.app-brand-history .years [class^=history-years-button]:hover {
	background-color: #df242a;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==)
}

.app-brand-history .years .history-years-button-next {
	right: 0
}

.app-brand-history .years .history-years-button-prev {
	left: 0;
	transform: rotate(180deg)
}

.app-brand-history .years .history-years-swiper {
	overflow: hidden;
	position: relative
}

.app-brand-history .years .history-years-swiper:before {
	background-color: #efebec;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 10px
}

.app-brand-history .years .history-years-swiper .swiper {
	margin: 0;
	overflow: visible;
	position: relative;
	width: 20%;
	z-index: 1
}

@media screen and (max-width:680px) {
	.app-brand-history .years .history-years-swiper .swiper {
		width: 33.33%
	}
}

@media screen and (max-width:460px) {
	.app-brand-history .years .history-years-swiper .swiper {
		width: 50%
	}
}

.app-brand-history .main .swiper-slide {
	height: auto !important
}

.app-brand-history .main .swiper-slide-active .main-year:before {
	height: 100%
}

.app-brand-history .main-year {
	margin-left: 10%;
	min-height: 100%;
	padding-left: 35px;
	position: relative
}

@media screen and (max-width:680px) {
	.app-brand-history .main-year {
		margin-left: 16.665%
	}
}

@media screen and (max-width:460px) {
	.app-brand-history .main-year {
		margin-left: 15px
	}
}

.app-brand-history .main-year .title {
	color: #000;
	font-size: 48px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-brand-history .main-year .title {
		font-size: 38px
	}
}

@media screen and (max-width:1000px) {
	.app-brand-history .main-year .title {
		font-size: 28px
	}
}

.app-brand-history .main-year .content {
	align-items: flex-start;
	display: flex;
	padding-bottom: 40px;
	padding-top: 20px
}

@media screen and (max-width:760px) {
	.app-brand-history .main-year .content {
		flex-direction: column
	}
}

.app-brand-history .main-year .content .text {
	align-items: flex-start;
	display: flex;
	flex: 1 1 auto
}

.app-brand-history .main-year .content .text .year {
	color: #333;
	flex: 0 0 auto;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	white-space: nowrap
}

@media screen and (max-width:1200px) {
	.app-brand-history .main-year .content .text .year {
		font-size: 16px
	}
}

.app-brand-history .main-year .content .text .year:before {
	background-color: #df242a;
	content: "";
	display: block;
	height: 2px;
	left: -35px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 30px
}

.app-brand-history .main-year .content .text .list {
	color: #666;
	font-size: 14px;
	list-style: none;
	margin-left: 1em
}

@media screen and (max-width:1200px) {
	.app-brand-history .main-year .content .text .list {
		font-size: 12px
	}
}

.app-brand-history .main-year .content .text .list li {
	display: flex
}

.app-brand-history .main-year .content .text .list li:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2LjcgNTYuNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QyMjgyYTtzdHJva2Utd2lkdGg6NjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgZD0ibTIuNCAyOC4zIDE3LjIgMTdMNTQuNCA5LjkiLz48L3N2Zz4=) no-repeat 50%/contain;
	content: "";
	display: block;
	flex: 0 0 1em;
	height: 1em;
	margin-right: 10px;
	transform: translateY(3px);
	width: 1em
}

.app-brand-history .main-year .content .text .list li+li {
	margin-top: 1em
}

.app-brand-history .main-year .content .image {
	border-radius: 4px;
	flex: 0 0 60%;
	font-size: 0;
	margin-left: 40px;
	overflow: hidden
}

@media screen and (max-width:760px) {
	.app-brand-history .main-year .content .image {
		margin-left: 0;
		margin-top: 20px
	}
}

.app-brand-history .main-year .content .image img {
	height: auto;
	width: 100%
}

.app-brand-history .main-year:before {
	background-color: #df242a;
	bottom: 0;
	content: "";
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	transition: height .3s ease .15s;
	width: 1px
}

.app-brand-paraphrase .items .item {
	align-items: center;
	display: flex;
	margin: -20px -10px
}

@media screen and (max-width:1200px) {
	.app-brand-paraphrase .items .item {
		margin-bottom: -10px;
		margin-top: -10px
	}
}

@media screen and (max-width:1000px) {
	.app-brand-paraphrase .items .item {
		margin-bottom: 0;
		margin-top: 0
	}
}

@media screen and (max-width:800px) {
	.app-brand-paraphrase .items .item {
		display: block;
		padding-bottom: 30px
	}
}

.app-brand-paraphrase .items .item:first-child {
	margin-top: 0 !important
}

.app-brand-paraphrase .items .item:last-child {
	margin-bottom: 0 !important
}

.app-brand-paraphrase .items .item .image,
.app-brand-paraphrase .items .item .text {
	flex: 0 0 auto;
	padding: 0 10px;
	width: 50%
}

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

	.app-brand-paraphrase .items .item .image,
	.app-brand-paraphrase .items .item .text {
		width: 100%
	}
}

.app-brand-paraphrase .items .item .image .pic {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	padding-bottom: 41.37%;
	width: 100%
}

.app-brand-paraphrase .items .item .text {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding-bottom: 10px;
	padding-top: 10px
}

.app-brand-paraphrase .items .item .text .title {
	color: #000;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-brand-paraphrase .items .item .text .title {
		font-size: 16px
	}
}

.app-brand-paraphrase .items .item .text .title strong {
	color: #df242a;
	font-size: 1.44em;
	font-weight: 500
}

.app-brand-paraphrase .items .item .text .intro {
	color: #555;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 1em;
	text-align: justify
}

@media screen and (max-width:1200px) {
	.app-brand-paraphrase .items .item .text .intro {
		font-size: 12px
	}
}

.app-brand-paraphrase .items .item:nth-child(2n) .image {
	order: 1
}

.app-brand-paraphrase .items .item:nth-child(2n) .text {
	order: 0
}

.app-about-honor .items-grid .item .inner .text .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-about-business,
.app-about-culture,
.app-about-history,
.app-about-honor,
.app-about-party,
.app-about-responsibility,
.app-about-staff,
.app-about-targets,
.app-about-targets-wrap,
.app-about-why {
	padding-bottom: 60px;
	padding-top: 60px
}

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

	.app-about-business,
	.app-about-culture,
	.app-about-history,
	.app-about-honor,
	.app-about-party,
	.app-about-responsibility,
	.app-about-staff,
	.app-about-targets,
	.app-about-targets-wrap,
	.app-about-why {
		padding-bottom: 40px;
		padding-top: 40px
	}
}

.app-about-honor .items .item .inner {
	background: linear-gradient(180deg, hsla(0, 100%, 97%, .48), #fff);
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .23), 8px 8px 10px rgba(198, 45, 45, .05)
}

.app-about-party .wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px
}

.app-about-party .wrap .text,
.app-about-party .wrap .thumbs {
	flex: 0 0 auto;
	padding: 0 20px
}

.app-about-party .wrap .thumbs {
	width: 41.9%
}

@media screen and (max-width:800px) {
	.app-about-party .wrap .thumbs {
		width: 50%
	}
}

@media screen and (max-width:600px) {
	.app-about-party .wrap .thumbs {
		width: 100%
	}
}

.app-about-party .wrap .thumbs .inner {
	overflow: hidden;
	position: relative;
	width: 100%
}

.app-about-party .wrap .thumbs .inner .color {
	background-color: #df242a;
	border-radius: 4px;
	height: 0;
	margin-top: 7.5%;
	padding-bottom: 55%;
	width: 93%
}

.app-about-party .wrap .thumbs .inner .photos {
	background-color: #000;
	border-radius: 4px;
	height: 0;
	padding-bottom: 55%;
	position: absolute;
	right: 0;
	top: 0;
	width: 93%
}

.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-arrow {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNkZjI0MmE7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==) no-repeat 50%/auto 60%;
	border: 0;
	bottom: 0;
	cursor: pointer;
	font-size: 0;
	height: 37px;
	left: 0;
	outline: none;
	position: absolute;
	width: 37px;
	z-index: 1
}

.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-prev {
	border-top-right-radius: 4px;
	transform: rotate(180deg)
}

.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-next {
	border-top-right-radius: 4px;
	left: 37px
}

.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-list,
.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-slide,
.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-slide>div,
.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-slide>div>div,
.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-slide>div>div>.pic,
.app-about-party .wrap .thumbs .inner .photos [data-moup-carousel] .carousel-track {
	height: 100%;
	width: 100%
}

.app-about-party .wrap .thumbs .inner .photos .pic {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px
}

.app-about-party .wrap .text {
	color: #000;
	width: 58.1%
}

@media screen and (max-width:800px) {
	.app-about-party .wrap .text {
		width: 50%
	}
}

@media screen and (max-width:600px) {
	.app-about-party .wrap .text {
		margin-top: 30px;
		width: 100%
	}
}

.app-about-party .wrap .text .title {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 1em
}

@media screen and (max-width:1200px) {
	.app-about-party .wrap .text .title {
		font-size: 20px
	}
}

.app-about-party .wrap .text .subtitle {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-about-party .wrap .text .subtitle {
		font-size: 16px
	}
}

.app-about-party .wrap .text .intro {
	color: #555;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 1em;
	margin-top: 1em
}

@media screen and (max-width:1200px) {
	.app-about-party .wrap .text .intro {
		font-size: 12px
	}
}

.app-about-party .wrap .text .button {
	margin-top: 2em
}

.app-about-targets {
	background: url(/static/images/bg1.d90ba247.png) no-repeat 50%/cover
}

.app-about-targets .app-head-main {
	padding: 0 5%
}

.app-about-targets .app-head-main-intro,
.app-about-targets .app-head-main-title {
	color: #fff
}

.app-about-targets-wrap {
	padding-top: 0
}

.app-about-targets .wrap {
	padding-left: 15%;
	padding-right: 15%
}

@media screen and (max-width:1000px) {
	.app-about-targets .wrap {
		padding-left: 10%;
		padding-right: 10%
	}
}

.app-about-targets .numbers {
	color: #fff;
	display: flex;
	justify-content: space-between;
	margin: -10px
}

@media screen and (max-width:760px) {
	.app-about-targets .numbers {
		flex-wrap: wrap
	}
}

.app-about-targets .numbers .item {
	padding: 10px
}

.app-about-targets .numbers .item .inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 160px;
	justify-content: center;
	position: relative;
	width: 160px
}

@media screen and (max-width:1200px) {
	.app-about-targets .numbers .item .inner {
		height: 140px;
		width: 140px
	}
}

@media screen and (max-width:1000px) {
	.app-about-targets .numbers .item .inner {
		height: 120px;
		width: 120px
	}
}

.app-about-targets .numbers .item .inner:after {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAMAAAD6TlWYAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAAL3RSTlMAb52ABAtzmnwHQiWREx8uZBp3lSkOOlZsM2mjTWBRhFyISXk3jBcQRsZZPrGruhi77MIAABdPSURBVHja7Nxnc+I8EADg1cq9F2xccaG+YPP/f97LccEyGAgkFAP3fLjJzE2SmY20u1rLwD/vhrdNZWgJUlZMNVdERNHVphkdB3k5UT0Z/jmOsydDYRpX6//OW9dapBg8/NPgjAXR6vXf8FR1jK5W0LEjEEZwxrSYuhjXXwGuRMkqB//CyA2WNN6GpKpRy8bkEkKmiXFV1Yg4FZbhx0bRm0TuersncTom1xOy0qIuIhaWYsOH4ScE139iJ2bk52DDVqwCETWi6PApjNG02gQv1iTyKxF84cNcEhGz3OTg3XFm8Cfn1ZpDfi2FFnliTRFdsnrrlGhGm+it8dttG6TLUams/EkYmhthOPH91SIZ5hFpGcIBI3FEFAX/TXvFv9ETx2filidKqM54Dk6T54bpl0OLEJJAF78SRBTJ+8VQH4nnohcsF+F1zTGnqyocxSuOiG5qwBuZONVm50rHYzf01TncFq9QRLp4k3SoL3H9X12QI6wktDm4CyN10bVUeHlqUK/XokM6gpE5h3viVhKiNIGXFkrVf1VBOlLF4OD+7FTEYvGyBYVTNg1z3M18eTiHR+FHGmpDD14Qt3DXa3Q60ZvML5ptqaZpwIb6px3UYcOTf/hnLFDMXy+Eilat3c7O9XU4Zzbwy+H2C7qx/UqhGyZsWFQSgm0QebhOSNEdvlZJXm3CJ5IDiQGn8IYHGxGl1JEBQA5N1dgGW/bm+kzehmExyi3YmFMpGpnXhTBDd/Q6IZwUm/AJZE96em5n5AKlE9hQVV2Gb3nKMJAS2DAuH6lOMtSS15g1GON6jQfhGxnHQ/E3zY3T8uqWZhvoEaVkdOl3rgosQug9L43X8X74goV+NNCLiEoc/IY3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) no-repeat 50%/100% 100%;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: transform .3s ease;
	width: 100%
}

.app-about-targets .numbers .item .inner .num strong {
	font-size: 36px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-about-targets .numbers .item .inner .num strong {
		font-size: 30px
	}
}

@media screen and (max-width:760px) {
	.app-about-targets .numbers .item .inner .num strong {
		font-size: 24px
	}
}

.app-about-targets .numbers .item .inner .num sup {
	position: relative;
	top: -15px
}

@media screen and (max-width:760px) {
	.app-about-targets .numbers .item .inner .num sup {
		top: -5px
	}
}

.app-about-targets .numbers .item .inner .intro {
	font-size: 12px
}

.app-about-targets .numbers .item .inner:hover:after {
	transform: rotate(90deg)
}

.app-about-history {
	background: url(/static/images/bg2.9b6eb21c.png) no-repeat bottom/cover;
	overflow: hidden
}

.app-about-history .box {
	left: 50%;
	overflow: hidden;
	position: relative;
	transform: translateX(-55.5%);
	width: 120%
}

.app-about-history .box svg .title {
	font-size: 16px
}

.app-about-history .box svg .title+.intro {
	transform: translateY(18px)
}

@media screen and (max-width:1200px) {
	.app-about-history .box svg .title {
		font-size: 18px
	}

	.app-about-history .box svg .title+.intro {
		transform: translateY(20px)
	}
}

@media screen and (max-width:1000px) {
	.app-about-history .box svg .title {
		font-size: 20px
	}

	.app-about-history .box svg .title+.intro {
		transform: translateY(22px)
	}
}

@media screen and (max-width:500px) {
	.app-about-history .box svg .title {
		font-size: 24px
	}

	.app-about-history .box svg .title+.intro {
		transform: translateY(26px)
	}
}

.app-about-history .box svg .intro,
.app-about-history .box svg foreignObject {
	font-size: 12px
}

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

	.app-about-history .box svg .intro,
	.app-about-history .box svg foreignObject {
		font-size: 14px
	}
}

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

	.app-about-history .box svg .intro,
	.app-about-history .box svg foreignObject {
		font-size: 16px
	}
}

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

	.app-about-history .box svg .intro,
	.app-about-history .box svg foreignObject {
		font-size: 18px
	}
}

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

	.app-about-history .box svg .intro,
	.app-about-history .box svg foreignObject {
		font-size: 20px
	}
}

.app-about-history .box svg .intro,
.app-about-history .box svg .title {
	fill: #000
}

.app-about-history .box svg .intro.active,
.app-about-history .box svg .title.active {
	fill: #df242a
}

.app-about-history .box svg foreignObject {
	color: #666;
	line-height: 1.8
}

@keyframes bg_zoom {

	0%,
	to {
		transform: scale(1)
	}

	50% {
		transform: scale(2.5)
	}
}

.app-about-business {
	overflow: hidden;
	position: relative
}

.app-about-business-bg {
	animation: bg_zoom 240s infinite;
	background: url(/static/images/bg3.6a8b7b1d.png) no-repeat 50%/cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0
}

.app-about-business .app-container {
	position: relative;
	z-index: 1
}

.app-about-business .app-head-main-intro,
.app-about-business .app-head-main-title {
	color: #fff
}

.app-about-business .svg {
	background: url(/static/images/circle-wrap.552e0c85.svg) no-repeat 50%/100% 100%
}

.app-about-business .svg .item {
	cursor: default
}

.app-about-business .svg .item image {
	filter: drop-shadow(1px 1px 4px rgba(239, 235, 236, .7))
}

.app-about-business .svg .item text {
	font-size: 14px
}

.app-about-business .svg .item.left text {
	text-anchor: end
}

.app-about-business .svg .item.left image {
	transform: translateY(-20px) translateX(5px)
}

.app-about-business .svg .item.right text {
	transform: translateX(35px)
}

.app-about-business .svg .item.right image {
	transform: translateY(-20px)
}

.app-about-business-popup {
	align-items: stretch;
	display: flex;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 100%;
	transition: left .4s cubic-bezier(.23, 1, .32, 1), top .4s cubic-bezier(.23, 1, .32, 1), opacity .4s cubic-bezier(.23, 1, .32, 1), visibility .4s cubic-bezier(.23, 1, .32, 1);
	visibility: hidden;
	z-index: 9999
}

.app-about-business-popup:before {
	content: "";
	display: block;
	width: 5px
}

.app-about-business-popup ul {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 4px rgba(153, 153, 153, .7);
	font-size: 12px;
	padding: 1em
}

.app-about-business-popup ul li {
	list-style: none
}

.app-about-business-popup ul li+li {
	margin-top: .5em
}

.app-about-business-popup ul a {
	color: #666
}

.app-about-business-popup ul a:hover {
	color: #df242a
}

.app-about-honor .app-head-main-intro {
	padding-left: 15%;
	padding-right: 15%
}

@media screen and (max-width:1000px) {
	.app-about-honor .app-head-main-intro {
		padding-left: 0;
		padding-right: 0
	}
}

.app-about-honor .items {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:860px) {
	.app-about-honor .items {
		margin: -5px
	}
}

.app-about-honor .items .item {
	padding: 10px;
	width: 33.33%
}

@media screen and (max-width:860px) {
	.app-about-honor .items .item {
		padding: 5px;
		width: 100%
	}
}

.app-about-honor .items .item .inner {
	align-items: stretch;
	display: flex;
	height: 100%;
	padding: 20px
}

@media screen and (max-width:860px) {
	.app-about-honor .items .item .inner {
		padding: 10px
	}
}

.app-about-honor .items .item .inner .image {
	flex: 0 0 auto;
	font-size: 0;
	margin-right: 20px
}

@media screen and (max-width:860px) {
	.app-about-honor .items .item .inner .image {
		margin-right: 10px
	}
}

.app-about-honor .items .item .inner .image img {
	height: auto;
	max-height: 140px;
	max-width: 140px;
	width: auto
}

@media screen and (max-width:1000px) {
	.app-about-honor .items .item .inner .image img {
		max-height: 100px;
		max-width: 100px
	}
}

@media screen and (max-width:860px) {
	.app-about-honor .items .item .inner .image img {
		max-height: 120px;
		max-width: 120px
	}
}

.app-about-honor .items .item .inner .text .title {
	color: #333;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-about-honor .items .item .inner .text .title {
		font-size: 16px
	}
}

.app-about-honor .items .item .inner .text .intro {
	color: #666;
	font-size: 14px;
	line-height: 1.6;
	margin-top: .5em
}

@media screen and (max-width:1200px) {
	.app-about-honor .items .item .inner .text .intro {
		font-size: 12px
	}
}

.app-about-honor .items .item.center .inner {
	align-items: center;
	flex-direction: column
}

.app-about-honor .items .item.center .inner .image {
	margin-bottom: 20px;
	margin-right: 0 !important
}

@media screen and (max-width:860px) {
	.app-about-honor .items .item.center .inner .image {
		margin-bottom: 10px
	}
}

.app-about-honor .items .item.center .inner .text {
	text-align: center
}

.app-about-honor .items.vertical .item .inner {
	align-items: center;
	flex-direction: column
}

.app-about-honor .items.vertical .item .inner .text {
	margin-top: 1em;
	text-align: center
}

.app-about-honor .items-grid .item {
	width: 20%
}

@media screen and (max-width:1600px) {
	.app-about-honor .items-grid .item {
		width: 25%
	}
}

@media screen and (max-width:900px) {
	.app-about-honor .items-grid .item {
		width: 33.33%
	}
}

@media screen and (max-width:600px) {
	.app-about-honor .items-grid .item {
		width: 50%
	}
}

.app-about-honor .items-grid .item .inner {
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .35), 8px 8px 10px rgba(198, 45, 45, .15);
	margin: 0 auto;
	max-width: 285px;
	padding: 0;
	position: relative
}

.app-about-honor .items-grid .item .inner .image {
	height: 0;
	margin: 0 !important;
	overflow: hidden;
	padding-bottom: 66.66%;
	position: relative;
	width: 100%
}

.app-about-honor .items-grid .item .inner .image img {
	height: auto;
	left: 0;
	max-height: none;
	max-width: 100%;
	position: absolute;
	top: 0;
	width: 100%
}

.app-about-honor .items-grid .item .inner .text {
	align-items: center;
	background-color: rgba(223, 36, 42, .95);
	bottom: 0;
	display: flex;
	height: 40px;
	justify-content: center;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: opacity .3s ease
}

@media screen and (max-width:900px) {
	.app-about-honor .items-grid .item .inner .text {
		height: 35px
	}
}

.app-about-honor .items-grid .item .inner .text .title {
	color: #fff;
	font-size: 16px;
	padding: 0 1em
}

@media screen and (max-width:1600px) {
	.app-about-honor .items-grid .item .inner .text .title {
		font-size: 14px
	}
}

@media screen and (max-width:600px) {
	.app-about-honor .items-grid .item .inner .text .title {
		font-size: 12px
	}
}

.app-about-honor .items-grid .item .inner .text .intro {
	display: none
}

.app-about-honor .items-grid .item .inner:hover .text {
	opacity: 1
}

.app-about-honor [data-moup-carousel] .carousel-list {
	overflow: visible
}

.app-about-honor [data-moup-carousel] .carousel-slide {
	opacity: 0;
	transition: opacity .6s ease
}

.app-about-honor [data-moup-carousel] .carousel-current {
	opacity: 1
}

.app-about-honor [data-moup-carousel] .carousel-dots {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 10px
}

.app-about-honor [data-moup-carousel] .carousel-dots li {
	list-style: none;
	margin: 0 2px
}

.app-about-honor [data-moup-carousel] .carousel-dots li button {
	background-color: #df242a;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-size: 0;
	height: 6px;
	opacity: .5;
	outline: none;
	width: 6px
}

.app-about-honor [data-moup-carousel] .carousel-dots .carousel-active button {
	opacity: 1
}

.app-about-culture .items {
	align-items: stretch;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .1);
	display: flex;
	flex-wrap: wrap
}

.app-about-culture .items .item {
	align-items: flex-end;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: flex;
	height: 310px;
	padding: 45px 35px;
	width: 33%
}

@media screen and (max-width:700px) {
	.app-about-culture .items .item {
		height: 240px;
		padding: 25px;
		width: 100%
	}
}

.app-about-culture .items .item:first-child {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY3IiBoZWlnaHQ9IjI2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRDNEMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii43IiBkPSJNMS40ODQgMS4zNnYxNzYuNTA3bDE1NC4xNzIgODguMjkgMTA5Ljg4NS02My4yOTEiLz48cGF0aCBzdHJva2U9IiNGM0Q1RDUiIG9wYWNpdHk9Ii4zIiBkPSJtMS40ODQgMS4zNiAxNTIuNTYgODMuODQgMTExLjQ5Ny01OS40NjMiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4yNDMiIGZpbGw9IiNFRkVCRUMiIGQ9Im04MC42NjQgMTI0LjA3MiA3Ny4zOS00My41NzggNzEuNDE3IDQzLjU3OC03My4xMzMgNDMuMzk5eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjUyNCIgZmlsbD0iI0VGRUJFQyIgZD0ibTgwLjY2NCAxMTUuMDcyIDc3LjM5LTQzLjU3OCA3MS40MTcgNDMuNTc4LTczLjEzMyA0My4zOTl6Ii8+PGcgZmlsbD0iI0VDMzUzNiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJtMTQ1LjE2NyA3OC4wODcgMTMuMjYxLTYuMzVhMS4yMDkgMS4yMDkgMCAwIDEgMS40NTEgMGMuNDg4LjIzNi43OTkuNzMuNzk4IDEuMjczdjMxLjcxOWMuMDUyLjM3Ni0uMDAzLjc1OS0uMTYgMS4xMDUtLjE2LjE2LS4zMTQuNDgzLS40ODMuNDgzLS40MS4xNTQtLjg1LjIwOS0xLjI4NC4xNmgtMTUuNDc0YTIuMDE0IDIuMDE0IDAgMCAxLTEuMTEyLS4xNmMtLjE2LS4xNi0uNDg0LS4zMTQtLjQ4NC0uNDgzYTEuOTkgMS45OSAwIDAgMS0uMTYtMS4xVjg0LjczN2MtLjAyOC0xLjAxMi4wNzctMi4wMjMuMzE1LTMuMDA3LjE2My0uNjU4LjQ5Ni0xLjI2MS45NjctMS43NDhhMTIuODQzIDEyLjg0MyAwIDAgMSAyLjM4LTEuODk2aC0uMDE1Wm0yLjcxNyA5LjM1N2ExLjQ1IDEuNDUgMCAwIDAgMS4yODQgMS41ODhoMy44MzdhMS42MjIgMS42MjIgMCAwIDAgMC0zLjE3NGgtMy44MzdhMS40NSAxLjQ1IDAgMCAwLTEuMjg0IDEuNTk4di0uMDEyWm0uMTY3IDQuNzYzYTIuNjc2IDIuNjc2IDAgMCAwIDAgMS41ODhjLjE2OS40Ny42MTMuNzg2IDEuMTEyLjc5MUgxNTNhMS42MjIgMS42MjIgMCAwIDAgMC0zLjE3NWgtMy44Mzd2LjAxM2MtLjQ3Ni4wMS0uNzkuMzI2LTEuMTEyLjc5NXYtLjAxMlptLS4xNjcgNi4zNDRhMS40NSAxLjQ1IDAgMCAwIDEuMjg0IDEuNTg5aDMuODM3YTEuNjIyIDEuNjIyIDAgMCAwIDAtMy4xNzVoLTMuODM3YTEuNDUgMS40NSAwIDAgMC0xLjI4NCAxLjU5OHYtLjAxMlpNMTY2LjA5MyA3OS45OTVhMS41MjYgMS41MjYgMCAwIDAtMS40NTEtLjMxNWMtLjUxNi4yMDMtLjg0LjcyLS43OTggMS4yNzJ2MjMuNzk0Yy0uMDUzLjM3Ni4wMDMuNzU5LjE2IDEuMTA0LjE2LjMxNS4zMTQuMzE1LjQ4My40ODQuMTcuMTcuNDg0LjE2Ljk1LjE2aDMuMmMuNjQyIDAgLjc5NyAwIC45NjYtLjE2bC40ODQtLjQ4NGMuMTYtLjE1NC4xNi0uNDgzLjE2LTEuMTA0Vjg3Ljc3M2MuMDctLjc5Ny4wMTYtMS42LS4xNi0yLjM4YTUuOTAyIDUuOTAyIDAgMCAwLS42MzYtMS40MzMgMTMuMTEyIDEzLjExMiAwIDAgMC0xLjQ1LTEuOTAzbC0xLjkwOC0yLjA2MloiLz48L2c+PHBhdGggc3Ryb2tlLW9wYWNpdHk9Ii42MzciIHN0cm9rZT0iI0Q3OTA5MCIgZD0iTTEwOC4wNCA1OS4yMTh2NTUuODA1bDQ4LjUwOCAyOC4wMTUgNDguMDg5LTI4LjAxNVY1OS4yMThsLTQ4LjA4OS0yNy43MjR6Ii8+PC9nPjwvc3ZnPg==)
}

.app-about-culture .items .item:nth-child(2) {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY3IiBoZWlnaHQ9IjI2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRDNEMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii43IiBkPSJNMS40ODQgMS4zNnYxNzYuNTA3bDE1NC4xNzIgODguMjkgMTA5Ljg4NS02My4yOTEiLz48cGF0aCBzdHJva2U9IiNGM0Q1RDUiIG9wYWNpdHk9Ii4zIiBkPSJtMS40ODQgMS4zNiAxNTIuNTYgODMuODQgMTExLjQ5Ny01OS40NjMiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4yNDMiIGZpbGw9IiNFRkVCRUMiIGQ9Im04MC42NjQgMTI0LjA3MiA3Ny4zOS00My41NzggNzEuNDE3IDQzLjU3OC03My4xMzMgNDMuMzk5eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjUyNCIgZmlsbD0iI0VGRUJFQyIgZD0ibTgwLjY2NCAxMTUuMDcyIDc3LjM5LTQzLjU3OCA3MS40MTcgNDMuNTc4LTczLjEzMyA0My4zOTl6Ii8+PGcgZmlsbD0iI0VDMzUzNiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTYzLjYxOSA5MS4zNTNhNy4xMzQgNy4xMzQgMCAxIDEtMTQuMjY5IDAgNy4xMzQgNy4xMzQgMCAwIDEgNy4xMzMtNy4xMzRjLjM1OS4wMDIuNzE3LjAzNCAxLjA3MS4wOTZsMS43MTctNy42OTFjLTguMTM4LTEuNTM4LTE1Ljk4MyAzLjgxMi0xNy41MjEgMTEuOTUxLTEuNTM4IDguMTQgMy44MSAxNS45ODUgMTEuOTQ5IDE3LjUyMiA4LjEzOCAxLjUzNiAxNS45ODQtMy44MTMgMTcuNTIyLTExLjk1Mi4xNzQtLjkyLjI2Mi0xLjg1NS4yNjItMi43OTJoLTcuODY0WiIvPjxwYXRoIGQ9Ik0xNTYuOTAyIDg3LjU1YTMuODg5IDMuODg5IDAgMSAwIDMuMDc1IDMuODAzaC0xLjk4MmwzLjEzOC0yLjQ5NiAyLjA3OS4yNjggNi4xOTEtNS4yNy0zLjU4OC0uNDUuMTI3LTMuNjIxLTYuMTkgNS4yNy0uMDU0IDIuMjI5LTMuMyAyLjYwMy41MDQtMi4zMzVaIi8+PC9nPjxwYXRoIHN0cm9rZS1vcGFjaXR5PSIuNjM3IiBzdHJva2U9IiNENzkwOTAiIGQ9Ik0xMDguMDQgNTkuMjE4djU1LjgwNWw0OC41MDggMjguMDE1IDQ4LjA4OS0yOC4wMTVWNTkuMjE4bC00OC4wODktMjcuNzI0eiIvPjwvZz48L3N2Zz4=)
}

.app-about-culture .items .item:nth-child(3) {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY3IiBoZWlnaHQ9IjI2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iI0ZGRDNEMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIG9wYWNpdHk9Ii43IiBkPSJNMS40ODQgMS4zNnYxNzYuNTA3bDE1NC4xNzIgODguMjkgMTA5Ljg4NS02My4yOTEiLz48cGF0aCBzdHJva2U9IiNGM0Q1RDUiIG9wYWNpdHk9Ii4zIiBkPSJtMS40ODQgMS4zNiAxNTIuNTYgODMuODQgMTExLjQ5Ny01OS40NjMiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4yNDMiIGZpbGw9IiNFRkVCRUMiIGQ9Im04MC42NjQgMTI0LjA3MiA3Ny4zOS00My41NzggNzEuNDE3IDQzLjU3OC03My4xMzMgNDMuMzk5eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjUyNCIgZmlsbD0iI0VGRUJFQyIgZD0ibTgwLjY2NCAxMTUuMDcyIDc3LjM5LTQzLjU3OCA3MS40MTcgNDMuNTc4LTczLjEzMyA0My4zOTl6Ii8+PHBhdGggZD0ibTE1Ni4xMjkgNzYuMzYgMTIuNjI5IDUuNDIyVjkwYTE2LjA5NSAxNi4wOTUgMCAwIDEtLjk1MiA1LjQ4OCAxNy40OSAxNy40OSAwIDAgMS0yLjYzMyA0LjgwMyAxNy4yMDMgMTcuMjAzIDAgMCAxLTQuMDI2IDMuODA4IDE1LjIwNiAxNS4yMDYgMCAwIDEtNS4wMTggMi4xOTggMTUuMTk2IDE1LjE5NiAwIDAgMS01LjAzMy0yLjIwOSAxNy4xOCAxNy4xOCAwIDAgMS00LjAyNi0zLjgwOCAxNy40ODEgMTcuNDgxIDAgMCAxLTIuNjEzLTQuNzg4IDE2LjA4NyAxNi4wODcgMCAwIDEtLjk1Mi01LjQ4OXYtOC4yMjFsMTIuNjI0LTUuNDIyWm0wIDE0LjkzM1Y3OS4zMDdsLTkuODQgNC4yODR2Ny43MDdoOS44NHYxMi4xMzhhMTEuNTA2IDExLjUwNiAwIDAgMCAzLjYzNy0xLjc1NiAxNC4wODEgMTQuMDgxIDAgMCAwIDIuOTIzLTIuODA5IDE1LjI4NSAxNS4yODUgMCAwIDAgMy4yOC03LjU5OGwtOS44NC4wMloiIGZpbGw9IiNFQzM1MzYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIHN0cm9rZS1vcGFjaXR5PSIuNjM3IiBzdHJva2U9IiNENzkwOTAiIGQ9Ik0xMDguMDQgNTkuMjE4djU1LjgwNWw0OC41MDggMjguMDE1IDQ4LjA4OS0yOC4wMTVWNTkuMjE4bC00OC4wODktMjcuNzI0eiIvPjwvZz48L3N2Zz4=)
}

.app-about-culture .items .item:nth-child(4) {
	background-image: url(data:image/png;base64,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)
}

.app-about-culture .items .item .title {
	color: #333;
	font-size: 24px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-about-culture .items .item .title {
		font-size: 30px
	}
}

@media screen and (max-width:1000px) {
	.app-about-culture .items .item .title {
		font-size: 22px
	}
}

@media screen and (max-width:800px) {
	.app-about-culture .items .item .title {
		font-size: 20px
	}
}

.app-about-culture .items .item .intro {
	color: #555;
	font-size: 14px;
	height: 2em;
	margin-top: .5em
}

@media screen and (max-width:1200px) {
	.app-about-culture .items .item .intro {
		font-size: 12px
	}
}

@media screen and (max-width:1000px) {
	.app-about-culture .items .item .intro {
		height: 3em
	}
}

.app-about-culture .items .item+.item {
	border-left: 1px solid #ffd3d3
}

@media screen and (max-width:700px) {
	.app-about-culture .items .item+.item {
		border-left: 0;
		border-top: 1px solid #ffd3d3
	}
}

.app-about-staff [data-moup-carousel] {
	margin: 0 -10px;
	position: relative
}

@media screen and (max-width:800px) {
	.app-about-staff [data-moup-carousel] {
		margin: 0 -5px
	}
}

.app-about-staff [data-moup-carousel] .carousel-slide {
	padding: 0 10px
}

@media screen and (max-width:800px) {
	.app-about-staff [data-moup-carousel] .carousel-slide {
		padding: 0 5px
	}
}

.app-about-staff [data-moup-carousel] .carousel-slide>div {
	border-radius: 4px;
	font-size: 0;
	overflow: hidden
}

.app-about-staff [data-moup-carousel] .carousel-slide>div img {
	height: auto;
	width: 100%
}

.app-about-staff [data-moup-carousel] .carousel-arrow {
	background: rgba(223, 36, 42, .9) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==) no-repeat 50%/100% auto;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	font-size: 0;
	height: 32px;
	outline: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	z-index: 5
}

.app-about-staff [data-moup-carousel] .carousel-prev {
	left: 20px;
	transform: rotate(180deg) translateY(50%)
}

.app-about-staff [data-moup-carousel] .carousel-next {
	right: 20px
}

.app-about-staff [data-moup-carousel] .carousel-dots {
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	list-style: none;
	position: absolute;
	right: 0;
	transform: translateY(100%)
}

.app-about-staff [data-moup-carousel] .carousel-dots li {
	margin: 0 .25em
}

.app-about-staff [data-moup-carousel] .carousel-dots li button {
	background-color: rgba(223, 36, 42, .35);
	border: 0;
	border-radius: 50%;
	font-size: 0;
	height: 5px;
	outline: none;
	width: 5px
}

.app-about-staff [data-moup-carousel] .carousel-dots li.carousel-active button {
	background-color: #df242a
}

.app-about-responsibility .items {
	display: grid;
	grid-auto-rows: minmax(195px, auto);
	grid-template-columns: repeat(4, 25%);
	margin: -10px
}

@media screen and (max-width:1600px) {
	.app-about-responsibility .items {
		grid-auto-rows: minmax(160px, auto)
	}
}

@media screen and (max-width:1200px) {
	.app-about-responsibility .items {
		margin: -5px
	}
}

@media screen and (max-width:760px) {
	.app-about-responsibility .items {
		grid-template-columns: repeat(2, 50%)
	}
}

@media screen and (max-width:680px) {
	.app-about-responsibility .items {
		grid-auto-rows: minmax(120px, auto)
	}
}

.app-about-responsibility .items .item {
	padding: 10px
}

.app-about-responsibility .items .item:first-child {
	grid-column-start: span 2;
	grid-row-start: span 2
}

.app-about-responsibility .items .item:first-child .inner .title {
	font-size: 18px
}

@media screen and (max-width:1200px) {
	.app-about-responsibility .items .item:first-child .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-about-responsibility .items .item:first-child .inner .title {
		font-size: 14px
	}
}

.app-about-responsibility .items .item:nth-child(2),
.app-about-responsibility .items .item:nth-child(4) {
	grid-column: 3
}

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

	.app-about-responsibility .items .item:nth-child(2),
	.app-about-responsibility .items .item:nth-child(4) {
		grid-column: 1
	}
}

.app-about-responsibility .items .item:nth-child(3),
.app-about-responsibility .items .item:nth-child(5) {
	grid-column: 4
}

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

	.app-about-responsibility .items .item:nth-child(3),
	.app-about-responsibility .items .item:nth-child(5) {
		grid-column: 2
	}
}

.app-about-responsibility .items .item:nth-child(4),
.app-about-responsibility .items .item:nth-child(5) {
	grid-row: 2
}

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

	.app-about-responsibility .items .item:nth-child(4),
	.app-about-responsibility .items .item:nth-child(5) {
		grid-row: 4
	}

	.app-about-responsibility .items .item:nth-child(2),
	.app-about-responsibility .items .item:nth-child(3) {
		grid-row: 3
	}
}

@media screen and (max-width:1200px) {
	.app-about-responsibility .items .item {
		padding: 5px
	}
}

.app-about-responsibility .items .item .inner {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative
}

.app-about-responsibility .items .item .inner .text {
	bottom: 0;
	color: #fff;
	font-size: 14px;
	left: 0;
	padding: 1em;
	position: absolute;
	right: 0
}

@media screen and (max-width:1000px) {
	.app-about-responsibility .items .item .inner .text {
		font-size: 12px
	}
}

.app-about-responsibility .items .item .inner .text .intro,
.app-about-responsibility .items .item .inner .text .title {
	display: block;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1
}

.app-about-responsibility .items .item .inner .text .intro {
	margin-top: .25em
}

.app-about-responsibility .items .item .inner .text .title {
	font-weight: 500
}

.app-about-responsibility .items .item .inner .text:after {
	background: linear-gradient(0deg, #000, transparent);
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	opacity: .5;
	position: absolute;
	right: 0;
	top: -10px
}

.app-download-topbox {
	display: flex;
	flex-wrap: wrap;
	margin: -5px
}

.app-download-topbox-title {
	background: #df242a url(data:image/png;base64,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) no-repeat 100%/auto 100%
}

.app-download-topbox .item {
	flex: 0 0 auto;
	padding: 5px;
	width: 50%
}

.app-download-topbox .item.full {
	width: 100%
}

.app-download-topbox .item .inner {
	align-items: center;
	border: 1px solid #efebec;
	border-radius: 4px;
	color: #555;
	display: flex;
	font-size: 14px;
	justify-content: center;
	padding: .5em 1em;
	width: 100%
}

@media screen and (max-width:1200px) {
	.app-download-topbox .item .inner {
		font-size: 12px
	}
}

.app-download-topbox .item .inner:hover {
	border-color: currentColor;
	color: #df242a
}

.app-download-topbox .item .inner svg {
	fill: currentColor;
	height: .8em;
	width: .8em
}

.app-download-topbox .item .inner *+* {
	margin-left: 1em
}

.app-download-topbox .item .inner.primary {
	border-color: #df242a;
	color: #df242a
}

.app-download-topbox .item .inner.primary:hover {
	background: #df242a;
	color: #fff
}

.app-download-topbox .item:last-child {
	margin-top: 20px
}

.app-download-body {
	padding-bottom: 60px;
	padding-top: 120px
}

@media screen and (max-width:860px) {
	.app-download-body {
		padding-bottom: 40px;
		padding-top: 100px
	}
}

.app-download-part:first-child {
	margin-top: -70px
}

.app-download-part .app-head-main {
	height: 40px
}

.app-download-part-body {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 -10px 20px rgba(18, 7, 7, .06), 0 10px 20px rgba(18, 7, 7, .06);
	margin: 0 0 50px;
	padding: 30px
}

.app-download-part-body.transparent {
	background: transparent;
	box-shadow: none
}

.app-download-part-list,
.app-download-part-pagination {
	margin-top: 30px
}

.app-download-items {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:960px) {
	.app-download-items {
		margin: -5px
	}
}

.app-download-items-item {
	flex: 0 0 auto;
	padding: 10px;
	position: relative;
	width: 33.33%
}

@media screen and (max-width:960px) {
	.app-download-items-item {
		padding: 5px;
		width: 50%
	}
}

@media screen and (max-width:500px) {
	.app-download-items-item {
		width: 100%
	}
}

.app-download-items-item input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	display: block;
	height: 14px;
	left: 20px;
	outline: none;
	position: absolute;
	top: 20px;
	width: 14px
}

.app-download-items-item input[type=checkbox]:checked {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2LjcgNTYuNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QyMjgyYTtzdHJva2Utd2lkdGg6NjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgZD0ibTIuNCAyOC4zIDE3LjIgMTdMNTQuNCA5LjkiLz48L3N2Zz4=) no-repeat 50%/10px auto;
	border-color: #df242a
}

.app-download-items-item input[type=checkbox]:checked+.app-download-items-inner .app-download-file .main {
	border-color: #df242a
}

.app-download-items-item input[type=checkbox].white {
	background-color: transparent;
	border-color: #fff;
	left: auto;
	right: 20px;
	z-index: 5
}

.app-download-items-item input[type=checkbox].white:checked {
	background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2LjcgNTYuNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6NjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgZD0ibTIuNCAyOC4zIDE3LjIgMTdMNTQuNCA5LjkiLz48L3N2Zz4=) no-repeat 50%/10px auto;
	border-color: #fff
}

.app-download-items-item input[type=checkbox].white:checked+.app-download-items-inner .app-download-video .bottom {
	border-color: #df242a
}

.app-download-items-inner {
	height: 100%
}

.app-download-file .main {
	align-items: center;
	background-color: #fff;
	border: 2px solid #efebec;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	display: flex;
	flex-direction: column;
	font-size: 12px;
	height: 140px;
	justify-content: center;
	padding: 20px;
	text-align: center
}

.app-download-file .main .icon {
	background: url(/static/images/pdf.ab3686fa.svg) no-repeat 50%/100% 100%;
	flex: 0 0 auto;
	height: 47px;
	margin-bottom: .6em;
	width: 61px
}

@media screen and (max-width:1000px) {
	.app-download-file .main .icon {
		height: 37px;
		width: 48px
	}
}

.app-download-file .main .title {
	color: #333;
	font-size: 18px
}

@media screen and (max-width:1200px) {
	.app-download-file .main .title {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-download-file .main .title {
		font-size: 14px
	}
}

.app-download-file .main .attrs {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: .25em
}

.app-download-file .main .attrs span {
	align-items: center;
	color: rgba(153, 153, 153, .64);
	display: inline-flex;
	opacity: .8
}

.app-download-file .main .attrs span+span:before {
	content: "|";
	display: block;
	margin: 0 1em;
	opacity: .5;
	transform: translateY(-1px)
}

.app-download-file .bottom {
	align-items: center;
	background-color: #df242a;
	color: #fff;
	display: flex;
	height: 35px;
	justify-content: center;
	line-height: 1
}

.app-download-file .bottom a {
	align-items: center;
	color: currentColor;
	display: inline-flex;
	font-size: 12px
}

.app-download-file .bottom a svg {
	fill: currentColor;
	height: 1em;
	margin-right: .25em;
	width: 1em
}

.app-download-file .bottom a+a {
	margin-left: 2em
}

.app-download-video .main {
	align-items: center;
	background-color: #333;
	border-radius: 4px;
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .1);
	color: #fff;
	display: flex;
	height: 140px;
	padding: 20px;
	position: relative;
	z-index: 1
}

.app-download-video .main:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEyIiBoZWlnaHQ9Ijc0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgMSkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHRleHQgdHJhbnNmb3JtPSJyb3RhdGUoLTE0IDYzLjIyIDI3LjQ3NCkiIGZvbnQtZmFtaWx5PSJTb3VyY2VIYW5TYW5zQ04tTWVkaXVtLCBTb3VyY2UgSGFuIFNhbnMgQ04iIGZvbnQtc2l6ZT0iMy41IiBmb250LXdlaWdodD0iNDAwIiBmaWxsPSIjRkZGIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dHNwYW4geD0iNTkuMjIxIiB5PSIyOC45NzQiPkxJVkU8L3RzcGFuPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC90ZXh0PjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuNyIgZD0ibTQ5LjU1MiA2NC45MDcgNTkuMDgtMTguMTExTDU5Ljk1IDM1LjA4LjcgNTMuNzA4eiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuNyIgZD0ibTQ4Ljg1MiA3MS45MDcgNTkuMDgtMTguMTExTDU5LjI1IDQyLjA4IDAgNjAuNzA4eiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuNyIgZD0iTTQ3Ljk5NyAxOS45MTYgODYuOTExIDcuODR2MzQuMDRMNDcuOTk3IDU0LjI1NHoiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iLjciIGQ9Im0yNy4yMjggMTUuODI2IDIwLjc3IDQuMDl2MzQuMzM3bC0yMC43Ny00Ljc1NXpNNTcuODU1IDI2LjE4N3YyMC4xNTlsMjQuOTM2LTguMzIzVjE3LjgzOHpNNDYuNjUgNi45MDR2Ni44MjhsNS4wMzQuNzY2VjcuODR6TTc4LjE5NyAwIDUxLjY4NCA3Ljg0MXY2LjY1N0w3OC4xOTcgNC42N3pNMzguMjM3IDE0Ljg0M2w2LjY4MiAyLjAwN000MS4wMzcgMTMuNDQzbDYuNjgyIDIuMDA3Ii8+PGVsbGlwc2Ugc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii43IiBjeD0iNTEuOTY5IiBjeT0iMjQuODUiIHJ4PSIxLjQiIHJ5PSIyLjEiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iLjciIGQ9Ik0yNy4yMjggMTUuNDUgNzAuMzIzIDEuMTEzIDg2LjkxIDcuMjQ5Ii8+PGVsbGlwc2Ugc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii43IiBjeD0iMjguODY5IiBjeT0iMzYuNzUiIHJ4PSIxMC41IiByeT0iMTQiLz48ZWxsaXBzZSBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iLjciIGN4PSIzNC4xMTkiIGN5PSIzNy44IiByeD0iOC43NSIgcnk9IjExLjU1Ii8+PC9nPjwvc3ZnPg==) no-repeat 100% 0/auto 60%;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .13;
	position: absolute;
	right: 10%;
	top: 15%
}

.app-download-video .main .text {
	padding-top: 1em;
	position: relative;
	z-index: 1
}

.app-download-video .main .text .title {
	color: currentColor;
	font-size: 14px
}

@media screen and (max-width:1200px) {
	.app-download-video .main .text .title {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-download-video .main .text .title {
		font-size: 14px
	}
}

.app-download-video .main .text .time {
	font-size: 12px;
	margin-top: .5em;
	opacity: .25
}

.app-download-video .main .share {
	color: #fff;
	left: 0;
	position: absolute;
	top: 10px
}

.app-download-video .main .share a {
	align-items: center;
	background-color: rgba(255, 255, 255, .12);
	border-radius: 0 4px 4px 0;
	color: currentColor;
	display: inline-flex;
	font-size: 12px;
	height: 20px;
	padding: 0 1em
}

.app-download-video .main .share a svg {
	fill: currentColor;
	height: 1em;
	margin-right: .25em;
	width: 1em
}

.app-download-video .main .share a+a {
	margin-left: 2em
}

.app-download-video .bottom {
	align-items: center;
	border: 1px solid #efebec;
	border-radius: 0 0 4px 4px;
	border-top: 0;
	color: #333;
	display: flex;
	font-size: 14px;
	height: 75px;
	margin-top: -5px;
	padding: 5px 1em 0
}

.app-download-case .main {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px 4px 0 0;
	height: 140px
}

.app-download-case .main .share {
	color: #fff;
	left: 0;
	position: absolute;
	top: 10px
}

.app-download-case .main .share a {
	align-items: center;
	background-color: rgba(255, 255, 255, .12);
	border-radius: 0 4px 4px 0;
	color: currentColor;
	display: inline-flex;
	font-size: 12px;
	height: 20px;
	padding: 0 1em
}

.app-download-case .main .share a svg {
	fill: currentColor;
	height: 1em;
	margin-right: .25em;
	width: 1em
}

.app-download-case .main .share a+a {
	margin-left: 2em
}

.app-download-case .bottom {
	align-items: center;
	background-color: #df242a;
	color: #fff;
	display: flex;
	font-size: 12px;
	height: 45px;
	justify-content: space-between;
	line-height: 1;
	padding: 1em
}

.app-download-case .bottom a {
	color: currentColor;
	flex: 0 0 auto;
	white-space: nowrap
}

.app-download-case .bottom .title {
	flex: 1 1 auto;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-download-footer {
	height: 80px;
	position: relative;
	width: 100%
}

@media screen and (max-width:680px) {
	.app-download-footer {
		height: auto
	}
}

.app-download-footer .inner {
	align-items: center;
	background: #df242a url(/static/images/bg-2.80bfb05b.png) no-repeat 100%/auto 100%;
	bottom: 0;
	color: #fff;
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	left: 0;
	padding: 0 calc(50vw - 720px) 0 2em;
	position: absolute;
	right: calc(720px - 50vw);
	top: 0
}

@media screen and (max-width:1600px) {
	.app-download-footer .inner {
		padding-right: calc(50vw - 590px);
		right: calc(590px - 50vw)
	}
}

@media screen and (max-width:1200px) {
	.app-download-footer .inner {
		padding-right: 3vw;
		right: -3vw
	}
}

@media screen and (max-width:1000px) {
	.app-download-footer .inner {
		font-size: 12px
	}
}

@media screen and (max-width:680px) {
	.app-download-footer .inner {
		border-radius: 4px;
		flex-direction: column;
		padding: 10px;
		position: static
	}

	.app-download-footer .inner>div {
		padding: 5px 0
	}
}

.app-download-footer .inner a {
	align-items: center;
	border: 1px solid;
	border-radius: 4px;
	color: currentColor;
	display: inline-flex;
	height: 30px;
	line-height: 1;
	padding: 0 .8em
}

@media screen and (max-width:680px) {
	.app-download-footer .inner a {
		padding: 0 .4em
	}
}

.app-download-footer .inner a svg {
	fill: currentColor;
	height: 1em;
	margin-left: .5em;
	width: 1em
}

.app-download-footer .inner a+a {
	margin-left: 1em
}

@media screen and (max-width:680px) {
	.app-download-footer .inner a+a {
		margin-left: .5em
	}
}

.app-download-footer .inner a.download {
	background-color: rgba(255, 255, 255, .2);
	padding: 0 3em
}

.app-download-checkbox {
	align-items: stretch;
	display: inline-flex
}

.app-download-checkbox-item {
	height: 30px
}

.app-download-checkbox-item label {
	cursor: pointer;
	height: 100%;
	position: relative
}

.app-download-checkbox-item label span {
	align-items: center;
	background-color: #fff;
	border: 1px solid #efebec;
	border-right: 0;
	color: #555;
	display: inline-flex;
	font-size: 14px;
	height: 100%;
	line-height: 1;
	padding: .5em 1em
}

@media screen and (max-width:1000px) {
	.app-download-checkbox-item label span {
		font-size: 12px
	}
}

.app-download-checkbox-item label span:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiM5Nzk3OTciIGQ9Ik0uNS41aDExdjExSC41eiIvPjwvc3ZnPg==) no-repeat 50%/100% 100%;
	content: "";
	display: block;
	flex: 0 0 auto;
	height: 1em;
	margin-right: 6px;
	opacity: .6;
	width: 1em
}

.app-download-checkbox-item label input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	bottom: 0;
	display: block;
	left: 0;
	opacity: 0;
	outline: none;
	position: absolute;
	right: 0;
	top: 0
}

.app-download-checkbox-item label input:checked+span {
	background-color: #df242a;
	border-color: #df242a;
	color: #fff
}

.app-download-checkbox-item label input:checked+span:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIgMTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0xMiAxMkgwVjBoMTJ2MTJ6IiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QyMjgyYTtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgZD0ibTIgNi4xIDIuNyAyLjZMMTAgMy4zIi8+PC9zdmc+) no-repeat 50%/100% 100%;
	opacity: 1
}

.app-download-checkbox-item button {
	align-items: center;
	background-color: #fff;
	border: 1px solid #efebec;
	color: #555;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	height: 100%;
	line-height: 1;
	outline: none;
	padding: .5em 1em
}

@media screen and (max-width:1000px) {
	.app-download-checkbox-item button {
		font-size: 12px
	}
}

.app-download-checkbox-item button:disabled {
	cursor: not-allowed
}

.app-download-checkbox-item button:not(:disabled):hover {
	border-color: #df242a;
	color: #df242a
}

.app-download-checkbox-item:first-child label span {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px
}

.app-download-checkbox-item:last-child button,
.app-download-checkbox-item:last-child label span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px
}

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url("data:application/font-woff;charset=utf-8;base64, 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")
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
	z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

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

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	height: var(--swiper-centered-offset-after);
	min-width: 1px;
	width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

@font-face {
	font-family: Noto Sans SC;
	font-weight: 100;
	src: url(/static/fonts/NotoSansSC-Thin.62155297.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Thin.c695f43e.woff) format("woff"), url(/static/fonts/NotoSansSC-Thin.30fd1899.otf) format("opentype")
}

@font-face {
	font-family: Noto Sans SC;
	font-weight: 300;
	src: url(/static/fonts/NotoSansSC-Light.c2cbe070.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Light.f27b741b.woff) format("woff"), url(/static/fonts/NotoSansSC-Light.ce5a6e16.otf) format("opentype")
}

@font-face {
	font-family: Noto Sans SC;
	font-weight: 400;
	src: url(/static/fonts/NotoSansSC-Regular.64778228.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Regular.a13acdc0.woff) format("woff"), url(/static/fonts/NotoSansSC-Regular.4809f99c.otf) format("opentype")
}

@font-face {
	font-family: Noto Sans SC;
	font-weight: 500;
	src: url(/static/fonts/NotoSansSC-Medium.846b9f0e.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Medium.9ab10683.woff) format("woff"), url(/static/fonts/NotoSansSC-Medium.b66e8f6d.otf) format("opentype")
}

@font-face {
	font-family: Noto Sans SC;
	font-weight: 700;
	src: url(/static/fonts/NotoSansSC-Bold.276991d3.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Bold.d9a15ec9.woff) format("woff"), url(/static/fonts/NotoSansSC-Bold.68638deb.otf) format("opentype")
}

@font-face {
	font-family: Noto Sans SC;
	font-weight: 900;
	src: url(/static/fonts/NotoSansSC-Black.1fc5893e.woff2) format("woff2"), url(/static/fonts/NotoSansSC-Black.5357a23c.woff) format("woff"), url(/static/fonts/NotoSansSC-Black.6e1f3f1c.otf) format("opentype")
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

* {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

body,
html {
	height: -webkit-fill-available
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased
}

body {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans SC, Noto Sans, Microsoft Yahei, sans-serif;
	font-size: 14px;
	line-height:1.8;
	overflow-x: hidden
}

a {
	text-decoration: none;
	transition: color .3s ease, opacity .3s ease, transform .3s ease
}

[data-icon3d] {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: 100%;
	width: 100%
}

[data-tabs-content] {
	display: none
}

.app-tag-small {
	align-items: center;
	border: 1px solid;
	border-radius: 2px;
	color: #df242a;
	display: inline-flex;
	font-size: 10px;
	height: 18px;
	justify-content: center;
	line-height: 1;
	padding: 0 .25em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap
}

.app-tag-small.blue {
	color: #0980e5
}

.app-icon {
	align-items: center;
	display: inline-flex;
	justify-content: center
}

.app-icon svg {
	fill: currentColor;
	height: 1em;
	width: 1em
}

.app-icon img {
	height: auto;
	width: 1em
}

.app-head-main {
	text-align: center
}

.app-head-main-title {
	color: #333;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: -.1785em;
	margin-top: -.1785em
}

@media screen and (max-width:860px) {
	.app-head-main-title {
		font-size: 24px
	}
}

.app-head-main.small .app-head-title {
	font-size: 24px
}

@media screen and (max-width:860px) {
	.app-head-main.small .app-head-title {
		font-size: 22px
	}
}

.app-head-main-intro {
	align-items: center;
	color: #666;
	display: flex;
	font-size: 14px;
	justify-content: center;
	line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
	margin-top: .8em
}

@media screen and (max-width:860px) {
	.app-head-main-intro {
		font-size: 12px;
		margin-top: .6em
	}
}

.app-head-main-intro * {
	margin: 0 .25em
}

.app-head-main-intro :first-child {
	margin-left: 0
}

.app-head-main-intro :last-child {
	margin-right: 0
}

.app-head-main+* {
	margin-top: 40px;
	color: #000;
}

@media screen and (max-width:860px) {
	.app-head-main+* {
		margin-top: 30px
	}
}

.app-link-more {
	align-items: center;
	color: #df242a;
	display: inline-flex;
	line-height: 1;
	vertical-align: middle
}

.app-link-more:after {
	content: ">";
	font-family: serif;
	line-height: 0;
	margin-left: .35em;
	transform: scaleY(1.9);
	transition: transform .3s ease
}

.app-link-more:hover:after {
	transform: scaleY(1.9) translateX(35%)
}

.app-link-arrow {
	align-items: center;
	color: #df242a;
	display: inline-flex;
	line-height: 1;
	vertical-align: middle
}

.app-link-arrow:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjRjUwMDAwIiBzdHJva2Utd2lkdGg9IjEuMjY0IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgNy43MDdoMTguNjIyIi8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0ibTEzLjE1IDEgNi4zNzcgNi41NDYtNi4zNzcgNi43MjEiLz48L2c+PC9zdmc+) no-repeat 100%/auto 80%;
	content: "";
	display: block;
	height: 1em;
	line-height: 0;
	opacity: .5;
	transition: transform .3s ease, opacity .3s ease;
	width: 1.357em
}

.app-link-arrow:hover:after {
	opacity: 1;
	transform: translateX(35%)
}

.app-input-search {
	align-items: stretch;
	display: inline-flex;
	font-size: 14px;
	height: 45px
}

.app-input-search>:first-child {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.app-input-search-input {
	align-items: center;
	background-color: #fff;
	display: flex;
	height: 100%
}

.app-input-search-input input {
	background-color: transparent;
	border: 0;
	height: 100%;
	max-width: 260px;
	min-width: 20px;
	outline: none;
	padding: 0 1em;
	color:#333;
}

.app-input-search-select {
	align-items: center;
	background-color: #fff;
	display: flex;
	height: 100%
}

.app-input-search-select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	border: 0;
	height: 100%;
	outline: 0;
	padding-left: 1em;
	padding-right: .5em
}

.app-input-search-select:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00LjUgNSA5IDBIMHoiIGZpbGw9IiM1NTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 50%/contain;
	content: "";
	display: block;
	height: .6em;
	width: .6em
}

.app-input-search-select+.app-input-search-input input {
	padding-left: 0
}

.app-input-search-select+.app-input-search-input:before {
	background-color: #efebec;
	content: "";
	display: block;
	height: 1.2em;
	margin: 0 1em;
	width: 1px
}

.app-input-search-button {
	height: 100%
}

.app-input-search-button button {
	align-items: center;
	background: #df242a url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQxNyAxMy4wMzNhNy44NzggNy44NzggMCAwIDAgMS45LTUuMTIxIDcuOTA1IDcuOTA1IDAgMSAwLTUuNTk2IDcuNTYzLjYyNS42MjUgMCAwIDAtLjM2NS0xLjE5NiA2LjY1NSA2LjY1NSAwIDEgMSA0LjcxMS02LjM2NyA2LjY0NyA2LjY0NyAwIDAgMS0xLjg5NyA0LjYzNS43MjMuNzIzIDAgMCAwIC4wMDcgMS4wMTRsMi45MyAyLjkzYS42MjUuNjI1IDAgMCAwIC44ODMtLjg4NWwtMi41NzMtMi41NzNaIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) no-repeat 50%/auto 40%;
	border: 0;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center;
	outline: none;
	padding: 0 1em;
	width: 50px
}

.app-input-search-button button svg {
	fill: #fff;
	display: none !important;
	height: 1.25em;
	width: 1.25em
}

.app-input-select {
	align-items: center;
	display: flex
}

.app-input-select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	border: 0;
	height: 100%;
	outline: 0;
	padding-left: 1em;
	padding-right: .5em;
	width: 100%
}

.app-input-select:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00LjUgNSA5IDBIMHoiIGZpbGw9IiM1NTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 50%/contain;
	content: "";
	display: block;
	height: .6em;
	width: .6em
}

.app-input-radios {
	align-items: stretch;
	display: flex
}

.app-input-radios-item {
	height: 30px
}

.app-input-radios-item label {
	cursor: pointer;
	position: relative
}

.app-input-radios-item label span {
	align-items: center;
	background-color: #fff;
	border: 1px solid #efebec;
	color: #555;
	display: inline-flex;
	font-size: 14px;
	line-height: 1;
	padding: .5em 1em
}

@media screen and (max-width:1000px) {
	.app-input-radios-item label span {
		font-size: 12px
	}
}

.app-input-radios-item label span svg {
	fill: currentColor;
	height: .9em;
	margin-right: .5em;
	width: .9em
}

.app-input-radios-item label input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	bottom: 0;
	display: block;
	left: 0;
	opacity: 0;
	outline: none;
	position: absolute;
	right: 0;
	top: 0
}

.app-input-radios-item label input:checked+span {
	background-color: #df242a;
	border-color: #df242a;
	color: #fff
}

.app-input-radios-item+.app-input-radios-item label span {
	border-left: 0
}

.app-input-radios-item:first-child label span {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px
}

.app-input-radios-item:last-child label span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px
}

.app-banner-page {
	background-color: #1d1d1d;
	box-shadow: 0 10px 18px rgba(63, 4, 4, .21);
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 24.3vw;
	overflow: hidden;
	position: relative
}

@media screen and (max-width:1440px) {
	.app-banner-page {
		height: 350px
	}
}

@media screen and (max-width:580px) {
	.app-banner-page {
		height: 240px
	}
}

.app-banner-page-menus {
	height: 60px;
	line-height: 1;
	position: relative;
	z-index: 2
}

@media screen and (max-width:610px) {
	.app-banner-page-menus {
		height: 50px
	}
}

.app-banner-page-menus [data-moup-hashmenu].carousel-slider {
	position: relative
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-list {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	height: 60px;
	width: 100%
}

@media screen and (max-width:1200px) {
	.app-banner-page-menus [data-moup-hashmenu] .carousel-list {
		margin-left: -3vw;
		margin-right: -3vw;
		padding: 0 3vw;
		width: auto
	}
}

@media screen and (max-width:610px) {
	.app-banner-page-menus [data-moup-hashmenu] .carousel-list {
		height: 50px
	}
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-arrow {
	align-items: center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: transparent;
	border: 0;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 0;
	border-top: 0;
	box-shadow: 0 2px 32px rgba(0, 0, 0, .18);
	color: #fff;
	cursor: pointer;
	display: flex !important;
	flex: 0 0 auto;
	font-size: 0;
	height: 60px;
	justify-content: center;
	position: absolute;
	text-align: center;
	top: 0;
	width: 60px;
	z-index: 1
}

@media screen and (max-width:610px) {
	.app-banner-page-menus [data-moup-hashmenu] .carousel-arrow {
		height: 50px;
		width: 50px
	}
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-arrow:after {
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	transform: scale(.65, 1.8)
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-prev {
	border-left: 0;
	left: 0
}

@media screen and (max-width:1200px) {
	.app-banner-page-menus [data-moup-hashmenu] .carousel-prev {
		margin-left: -3vw
	}
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-prev:after {
	content: "<";
	text-indent: -.15em
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-prev+.carousel-list {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-prev:not(.carousel-disabled)+.carousel-list {
	padding-left: calc(55px + 3vw)
}

@media screen and (max-width:610px) {
	.app-banner-page-menus [data-moup-hashmenu] .carousel-prev:not(.carousel-disabled)+.carousel-list {
		padding-left: calc(45px + 3vw)
	}
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-next {
	border-right: 0;
	right: 0
}

@media screen and (max-width:1200px) {
	.app-banner-page-menus [data-moup-hashmenu] .carousel-next {
		margin-right: -3vw
	}
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-next:after {
	content: ">";
	text-indent: .15em
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-disabled {
	display: none !important
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-track {
	display: flex
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-slide {
	font-size: 14px
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-slide>div>div {
	display: inline-flex !important;
	white-space: nowrap
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-slide:not(:last-child)>div>div:after {
	content: "|";
	display: inline-block;
	font-weight: 300;
	margin: 0 1.25em;
	transform: translateY(-1px)
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-slide a {
	color: currentColor;
	position: relative
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-slide a:hover {
	color: #df242a
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-slide .active {
	font-weight: 500
}

.app-banner-page-menus [data-moup-hashmenu] .carousel-slide .active a:after {
	background-color: #df242a;
	bottom: -7px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0
}

.app-banner-page-menus.fixed {
	color: #333;
	z-index: 2000
}

.app-banner-page-menus.fixed .fixed {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2000
}

.app-banner-page-menus.fixed .fixed [data-moup-hashmenu] .carousel-arrow {
	color: #df242a
}

.app-banner-page-menus.fixed .fixed [data-moup-hashmenu] .carousel-slide:not(:last-child)>div>div:after {
	opacity: .25
}

.app-banner-page-menus.fixed .fixed [data-moup-hashmenu] .carousel-slide,
.app-banner-page-menus.fixed .fixed [data-moup-hashmenu] .carousel-slide div,
.app-banner-page-menus.fixed .fixed [data-moup-hashmenu] .carousel-slide div a,
.app-banner-page-menus.fixed .fixed [data-moup-hashmenu] .carousel-track {
	align-items: center;
	display: flex;
	height: 100%
}

.app-banner-page-menus.fixed .fixed [data-moup-hashmenu] .carousel-slide div a:after {
	bottom: 0
}

.app-banner-page-main {
	flex: 1 1 auto;
	height: 100%;
	position: relative;
	z-index: 2
}

.app-banner-page-bg {
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.app-banner-page-bg.pc {
	display: block
}

.app-banner-page-bg.m {
	display: none
}

@media screen and (max-width:500px) {
	.app-banner-page-bg.pc {
		display: none
	}

	.app-banner-page-bg.m {
		display: block
	}
}

.app-banner-page-element {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media screen and (max-width:820px) {
	.app-banner-page-element {
		right: -8%
	}
}

@media screen and (max-width:540px) {
	.app-banner-page-element {
		bottom: -6%;
		right: -15%
	}
}

.app-banner-page-element .app-container {
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%
}

@media screen and (max-width:820px) {
	.app-banner-page-element .app-container {
		background-position: 100% 100%;
		background-size: auto 90%
	}
}

@media screen and (max-width:540px) {
	.app-banner-page-element .app-container {
		background-size: auto 80%
	}
}

@media screen and (max-width:375px) {
	.app-banner-page-element .app-container {
		background-size: auto 70%
	}
}

.app-banner-page-text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	padding-bottom: 5%;
	position: relative;
	width: 60%;
	z-index: 1
}

@media screen and (max-width:610px) {
	.app-banner-page-text {
		justify-content: flex-start;
		padding-top: 30px;
		width: 100%
	}
}

.app-banner-page-text .title {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.4
}

@media screen and (max-width:1440px) {
	.app-banner-page-text .title {
		font-size: 34px
	}
}

@media screen and (max-width:1200px) {
	.app-banner-page-text .title {
		font-size: 32px
	}
}

@media screen and (max-width:820px) {
	.app-banner-page-text .title {
		font-size: 28px
	}
}

.app-banner-page-text .intro {
	font-size: 18px;
	margin-top: 1em
}

@media screen and (max-width:1200px) {
	.app-banner-page-text .intro {
		font-size: 14px
	}
}

.app-banner-page-text .buttons {
	margin-top: 40px
}

@media screen and (max-width:610px) {
	.app-banner-page-text .buttons {
		margin-top: 30px
	}
}

.app-banner-page-text .input {
	margin-top: 40px
}

@media screen and (max-width:610px) {
	.app-banner-page-text .input {
		margin-top: 30px
	}
}

.app-banner-page-text .input .app-input-search-input input {
	width: 350px
}

@media screen and (max-width:800px) {
	.app-banner-page-text .input .app-input-search-input input {
		width: 200px
	}
}

.app-banner-page-text .input .hotwords {
	color: #999;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	margin-top: .6em
}

.app-banner-page-text .input .hotwords a,
.app-banner-page-text .input .hotwords span {
	color: currentColor;
	display: inline-flex
}

.app-banner-page-text .input .hotwords a {
	margin-right: 1em
}

.app-banner-page-text .input .hotwords a:hover {
	color: #fff
}

.app-banner-page-box {
	max-width: 275px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 45%
}

@media screen and (max-width:960px) {
	.app-banner-page-box {
		display: none !important
	}
}

.app-banner-page-box-title {
	align-items: center;
	background-color: #df242a;
	border-radius: 4px 4px 0 0;
	color: #fff;
	display: flex;
	height: 54px;
	justify-content: space-between;
	line-height: 1;
	padding: 0 25px
}

@media screen and (max-width:1200px) {
	.app-banner-page-box-title {
		padding: 0 20px
	}
}

@media screen and (max-width:1000px) {
	.app-banner-page-box-title {
		padding: 0 15px
	}
}

.app-banner-page-box-title strong {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-banner-page-box-title strong {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-banner-page-box-title strong {
		font-size: 14px
	}
}

.app-banner-page-box-close {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjU1Ny4zNDNhLjkuOSAwIDAgMSAwIDEuMjczTDcuMTczIDZsNC4zODQgNC4zODRhLjkuOSAwIDEgMS0xLjI3MyAxLjI3M0w1LjkgNy4yNzNsLTQuMzg0IDQuMzg0YS45LjkgMCAxIDEtMS4yNzMtMS4yNzNMNC42MjcgNiAuMjQzIDEuNjE2QS45LjkgMCAxIDEgMS41MTYuMzQzTDUuOSA0LjcyNyAxMC4yODQuMzQzYS45LjkgMCAwIDEgMS4yNzMgMFoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 50%/100% 100%;
	cursor: pointer;
	height: 12px;
	width: 12px
}

.app-banner-page-box-body {
	background: #fff;
	border-radius: 0 0 4px 4px;
	padding: 25px
}

@media screen and (max-width:1200px) {
	.app-banner-page-box-body {
		padding: 20px
	}
}

@media screen and (max-width:1000px) {
	.app-banner-page-box-body {
		padding: 15px
	}
}

.app-banner-page .app-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative
}

.app-banner-carousel {
	position: relative
}

.app-banner-carousel .carousel-dots {
	bottom: 20px;
	display: flex;
	left: 50%;
	list-style: none;
	position: absolute;
	transform: translateX(-50%);
	width: 1440px;
	z-index: 1000
}

@media screen and (max-width:1600px) {
	.app-banner-carousel .carousel-dots {
		width: 1180px
	}
}

@media screen and (max-width:1200px) {
	.app-banner-carousel .carousel-dots {
		left: 3%;
		transform: translateX(0);
		width: 94%
	}
}

.app-banner-carousel .carousel-dots li button {
	background-color: #b9abab;
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 4px;
	outline: none;
	width: 50px
}

@media screen and (max-width:500px) {
	.app-banner-carousel .carousel-dots li button {
		height: 2px;
		width: 20px
	}
}

.app-banner-carousel .carousel-dots li.carousel-active button {
	background-color: #df242a
}

.app-banner-carousel .carousel-dots li+li {
	margin-left: 10px
}

@media screen and (max-width:500px) {
	.app-banner-carousel .carousel-dots li+li {
		margin-left: 4px
	}
}

.app-button {
	align-items: center;
	border: 1px solid;
	border-radius: 2px;
	color: currentColor;
	display: inline-flex;
	font-size: 12px;
	height: 30px;
	justify-content: center;
	line-height: 1;
	padding: 0 1em;
	vertical-align: middle
}

.app-button span+span {
	margin-left: .5em
}

.app-button+.app-button {
	margin-left: 1em
}

.app-button-medium {
	font-size: 16px;
	height: 37px
}

@media screen and (max-width:1200px) {
	.app-button-medium {
		font-size: 14px
	}
}

.app-button-arrow:after {
	content: ">";
	font-family: serif;
	line-height: 0;
	margin-left: .5em;
	transform: scaleX(.7) scaleY(1.7)
}

.app-button-default {
	border-color: #df242a
}

.app-button-default .app-icon,
.app-button-default:after,
.app-button-default:hover {
	color: #df242a
}

.app-button-primary {
	background-color: #df242a;
	border-color: #df242a;
	color: #fff
}

.app-button-primary:hover {
	box-shadow: 0 4px 10px rgba(204, 4, 4, .26), 0 -4px 10px rgba(204, 4, 4, .14)
}

.app-button-white {
	background-color: #fff;
	border-color: #fff;
	color: #df242a
}

.app-shutters {
	align-items: stretch;
	border: 1px solid #ede2e3;
	display: flex;
	overflow: hidden;
	width: 100%
}

@media screen and (max-width:800px) {
	.app-shutters {
		flex-direction: column
	}
}

.app-shutters-item {
	background: linear-gradient(180deg, #fff, #fef6f6);
	cursor: default;
	height: 600px;
	position: relative;
	transition: width .3s ease;
	width: 10%
}

@media screen and (max-width:1600px) {
	.app-shutters-item {
		height: 600px
	}
}

@media screen and (max-width:800px) {
	.app-shutters-item {
		height: 60px;
		transition: height .3s ease;
		width: 100%
	}
}

.app-shutters-item:nth-child(odd) {
	background: linear-gradient(180deg, #fff, #fffbfb)
}

@media screen and (max-width:800px) {
	.app-shutters-item:nth-child(odd) {
		background: linear-gradient(90deg, #fff, #fef6f6)
	}
}

.app-shutters-item+.app-shutters-item {
	border-left: 1px solid #ede2e3
}

@media screen and (max-width:800px) {
	.app-shutters-item+.app-shutters-item {
		border-left: 0;
		border-top: 1px solid #ede2e3
	}
}

.app-shutters-item .inner {
	align-items: center;
	bottom: 0;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	justify-content: space-between;
	left: 0;
	padding: 2em;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.app-shutters-item .inner {
		font-size: 12px
	}
}

@media screen and (max-width:800px) {
	.app-shutters-item .inner {
		flex-direction: row
	}
}

.app-shutters-item .inner .text {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media screen and (max-width:800px) {
	.app-shutters-item .inner .text {
		display: block
	}
}

.app-shutters-item .inner .title {
	color: #000;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6
}

@media screen and (max-width:1200px) {
	.app-shutters-item .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:800px) {
	.app-shutters-item .inner .title {
		font-size: 14px;
		line-height: 1.24;
		transition: font-size .3s ease
	}
}

.app-shutters-item .inner .title:after {
	background-color: #df242a;
	content: "";
	display: block;
	height: 4px;
	margin-bottom: 1em;
	margin-top: .5em;
	opacity: 0;
	width: 26px
}

@media screen and (max-width:800px) {
	.app-shutters-item .inner .title:after {
		display: none;
		height: 2px;
		width: 20px
	}
}

.app-shutters-item .inner .intro {
	color: #555;
	opacity: 0;
	text-align: justify;
	width: 410px
}

@media screen and (max-width:800px) {
	.app-shutters-item .inner .intro {
		display: none;
		width: 60%
	}
}

.app-shutters-item .inner .icon {
	font-size: 0
}

.app-shutters-item .inner .icon img {
	height: 30px
}

@media screen and (max-width:1200px) {
	.app-shutters-item .inner .icon img {
		height: 25px
	}
}

.app-shutters-item .bg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	opacity: 0;
	transition: opacity .3s ease;
	width: 100%
}

.app-shutters-item.active {
	width: 50%;
	z-index: 1
}

@media screen and (max-width:800px) {
	.app-shutters-item.active {
		height: 600px;
		width: 100%
	}
}

.app-shutters-item.active .inner,
.app-shutters-item.active .inner .text {
	align-items: flex-start
}

.app-shutters-item.active .inner .text .intro,
.app-shutters-item.active .inner .text .title:after {
	opacity: 1
}

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

	.app-shutters-item.active .inner .text .intro,
	.app-shutters-item.active .inner .text .title:after {
		display: block
	}

	.app-shutters-item.active .inner .text .title {
		font-size: 20px
	}
}

.app-shutters-item.active .bg {
	opacity: 1
}

.app-shutters-pc {
	display: block
}

@media screen and (max-width:800px) {
	.app-shutters-pc {
		display: none
	}
}

.app-shutters-m {
	display: none
}

@media screen and (max-width:800px) {
	.app-shutters-m {
		display: block
	}
}

.app-shutters-carousel {
	border: 1px solid #ede2e3;
	position: relative
}

html[lang=en] .app-shutters-carousel {
	margin-top: 2em
}

.app-shutters-carousel .carousel-dots {
	bottom: 0;
	display: flex;
	left: 0;
	list-style: none;
	padding: 5px;
	position: absolute;
	right: 0
}

html[lang=en] .app-shutters-carousel .carousel-dots {
	justify-content: center;
	padding-bottom: 1em
}

.app-shutters-carousel .carousel-dots li {
	box-sizing: border-box;
	padding: 5px;
	width: 16.66%
}

html[lang=en] .app-shutters-carousel .carousel-dots li {
	height: 10px;
	margin: 0 .3em;
	padding: 0;
	width: 10px
}

html[lang=en] .app-shutters-carousel .carousel-dots li.carousel-active button {
	background-color: #df242a
}

.app-shutters-carousel .carousel-dots li button {
	align-items: flex-start;
	background-color: #fff;
	border: 0;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 500;
	justify-content: flex-start;
	outline: none;
	padding: 4px;
	width: 100%;
	color:#555;
}

html[lang=en] .app-shutters-carousel .carousel-dots li button {
	border-radius: 50%;
	font-size: 0;
	height: 100%
}

html[lang=en] .app-shutters-carousel .carousel-dots li button:after {
	display: none
}

.app-shutters-carousel .carousel-dots li button:after {
	background-color: #df242a;
	content: "";
	display: block;
	height: 2px;
	margin-top: .5em;
	width: 1em
}

.app-shutters-carousel .carousel-slide {
	height: auto !important
}

.app-shutters-carousel .item {
	background: linear-gradient(180deg, #fff, #fef6f6);
	cursor: default;
	position: relative;
	transition: width .3s ease
}

.app-shutters-carousel .item .inner {
	align-items: center;
	bottom: 0;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	justify-content: space-between;
	left: 0;
	padding: 2em;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.app-shutters-carousel .item .inner {
		font-size: 12px
	}
}

@media screen and (max-width:800px) {
	.app-shutters-carousel .item .inner {
		flex-direction: row
	}
}

.app-shutters-carousel .item .inner .text {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

@media screen and (max-width:800px) {
	.app-shutters-carousel .item .inner .text {
		display: block
	}
}

.app-shutters-carousel .item .inner .title {
	color: #000;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6
}

@media screen and (max-width:1200px) {
	.app-shutters-carousel .item .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:800px) {
	.app-shutters-carousel .item .inner .title {
		font-size: 14px;
		line-height: 1.24;
		transition: font-size .3s ease
	}
}

.app-shutters-carousel .item .inner .title:after {
	background-color: #df242a;
	content: "";
	display: block;
	height: 4px;
	margin-bottom: 1em;
	margin-top: .5em;
	opacity: 0;
	width: 26px
}

@media screen and (max-width:800px) {
	.app-shutters-carousel .item .inner .title:after {
		display: none;
		height: 2px;
		width: 20px
	}
}

.app-shutters-carousel .item .inner .intro {
	color: #555;
	opacity: 0;
	text-align: justify;
	width: auto
}

.app-shutters-carousel .item .inner .icon {
	font-size: 0
}

.app-shutters-carousel .item .inner .icon img {
	height: 30px
}

@media screen and (max-width:1200px) {
	.app-shutters-carousel .item .inner .icon img {
		height: 25px
	}
}

.app-shutters-carousel .item .bg {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 101%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s ease;
	width: 100%
}

.app-shutters-carousel .item.slide {
	min-height: 520px;
	width: 100%;
	z-index: 1
}

.app-shutters-carousel .item.slide .inner,
.app-shutters-carousel .item.slide .inner .text {
	align-items: flex-start
}

.app-shutters-carousel .item.slide .inner .text .intro,
.app-shutters-carousel .item.slide .inner .text .title:after {
	opacity: 1
}

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

	.app-shutters-carousel .item.slide .inner .text .intro,
	.app-shutters-carousel .item.slide .inner .text .title:after {
		display: block
	}

	.app-shutters-carousel .item.slide .inner .text .title {
		font-size: 20px
	}
}

.app-shutters-carousel .item.slide .bg {
	opacity: 1
}

.app-pagination {
	align-items: stretch;
	display: flex;
	font-size: 14px;
	height: 30px
}

.app-pagination .group {
	align-items: stretch;
	display: flex;
	height: 100%
}

.app-pagination .group:not(:last-child) {
	margin-right: 1em
}

.app-pagination .group a,
.app-pagination .group span {
	align-items: center;
	border-radius: 2px;
	color: #666;
	display: inline-flex;
	height: 100%;
	justify-content: center;
	line-height: 1;
	padding: 0 1em
}

.app-pagination .group a+a,
.app-pagination .group a+span,
.app-pagination .group span+a,
.app-pagination .group span+span {
	margin-left: 5px
}

.app-pagination .group a svg,
.app-pagination .group span svg {
	fill: currentColor;
	height: 1em;
	width: 1em
}

.app-pagination .group a.mobile:not(.pc),
.app-pagination .group span.mobile:not(.pc) {
	display: none
}

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

	.app-pagination .group a,
	.app-pagination .group span {
		display: none
	}

	.app-pagination .group a.mobile,
	.app-pagination .group span.mobile {
		display: inline-flex !important
	}
}

.app-pagination .group input {
	background-color: transparent;
	border: 1px solid #999;
	border-radius: 2px;
	height: 100%;
	margin: 0 -.5em;
	width: 36px
}

.app-pagination .group button {
	align-items: center;
	background-color: #df242a;
	border: 0;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 1em;
	height: 100%;
	justify-content: center;
	padding: 0 1em
}

.app-pagination .group a:not(.nobg) {
	background-color: #f7f7f7
}

.app-pagination .group a:hover {
	color: #df242a
}

.app-pagination .group:first-child:first-child {
	padding-left: 0
}

.app-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px
}

@media screen and (max-width:1600px) {
	.app-container {
		max-width: 1180px
	}
}

@media screen and (max-width:1200px) {
	.app-container {
		max-width: 94%
	}
}

.app-page-topnews-aside .filmstrip .item .title,
.app-page-topnews-aside .latest .items .item .title,
.app-page-topnews-aside .secondary .item .title,
.app-page-topnews-top .inner .text .intro,
.app-page-topnews-top .inner .text h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-page-advantage,
.app-page-cases,
.app-page-content,
.app-page-content-normal,
.app-page-documents,
.app-page-gird,
.app-page-intro-notice,
.app-page-list-gird,
.app-page-policy,
.app-page-rec,
.app-page-tabs-1,
.app-page-tabs-2,
.app-page-tabs-3,
.app-page-technology,
.app-page-topnews,
.app-page-values {
	padding-bottom: 60px;
	padding-top: 60px;
	background: #fff;
}

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

	.app-page-advantage,
	.app-page-cases,
	.app-page-content,
	.app-page-content-normal,
	.app-page-documents,
	.app-page-gird,
	.app-page-intro-notice,
	.app-page-list-gird,
	.app-page-policy,
	.app-page-rec,
	.app-page-tabs-1,
	.app-page-tabs-2,
	.app-page-tabs-3,
	.app-page-technology,
	.app-page-topnews,
	.app-page-values {
		padding-bottom: 40px;
		padding-top: 40px
	}
}

.app-page-content .wrap .side .sbox,
.app-page-gird-2 .item .inner {
	background: linear-gradient(180deg, hsla(0, 100%, 97%, .48), #fff);
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .23), 8px 8px 10px rgba(198, 45, 45, .05)
}

.app-page-intro-notice .intro {
	flex: 0 0 58.47%
}

@media screen and (max-width:1000px) {
	.app-page-intro-notice .intro {
		flex-basis: 55%
	}
}

@media screen and (max-width:780px) {
	.app-page-intro-notice .intro {
		flex-basis: 50%
	}
}

@media screen and (max-width:600px) {
	.app-page-intro-notice .intro {
		flex-basis: 100%
	}
}

.app-page-intro-notice .intro .title {
	align-items: center;
	display: flex;
	font-size: 18px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .intro .title {
		font-size: 16px
	}
}

.app-page-intro-notice .intro .title .icon {
	margin-right: 1em
}

.app-page-intro-notice .intro .title .icon img,
.app-page-intro-notice .intro .title .icon svg {
	height: auto;
	width: 48px
}

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

	.app-page-intro-notice .intro .title .icon img,
	.app-page-intro-notice .intro .title .icon svg {
		width: 38px
	}
}

.app-page-intro-notice .intro .title .text {
	color: #000;
	font-size: 1.5em;
	font-weight: 500
}

.app-page-intro-notice .intro .content {
	color: #333;
	font-size: 16px;
	line-height: 1.8
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .intro .content {
		font-size: 12px
	}
}

.app-page-intro-notice .intro .content p {
	min-height: em;
	text-align: justify
}

.app-page-intro-notice .intro .content,
.app-page-intro-notice .intro .links {
	margin-top: 30px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .intro .content {
		margin-top: 15px
	}
}

.app-page-intro-notice .intro .links ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin: -10px -20px
}

.app-page-intro-notice .intro .links li {
	align-items: center;
	display: inline-flex;
	line-height: 1;
	padding: 10px 20px;
	position: relative
}

.app-page-intro-notice .intro .links li+li:before {
	color: #efebec;
	content: "|";
	display: inline-block;
	font-size: 1em;
	left: 0;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.app-page-intro-notice .intro .links a {
	align-items: center;
	color: #df242a;
	display: inline-flex;
	font-size: 16px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .intro .links a {
		font-size: 14px
	}
}

@media screen and (max-width:1000px) {
	.app-page-intro-notice .intro .links a {
		font-size: 12px
	}
}

.app-page-intro-notice .intro .links a .app-icon {
	margin-right: .5em
}

.app-page-intro-notice .notice {
	flex: 0 0 41.53%
}

@media screen and (max-width:1000px) {
	.app-page-intro-notice .notice {
		flex-basis: 45%
	}
}

@media screen and (max-width:780px) {
	.app-page-intro-notice .notice {
		flex-basis: 50%
	}
}

@media screen and (max-width:600px) {
	.app-page-intro-notice .notice {
		flex-basis: 100%
	}
}

.app-page-intro-notice .notice .inner {
	padding-top: 15px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .notice .inner {
		padding-top: 10px
	}
}

.app-page-intro-notice .notice .inner .title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 18px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .notice .inner .title {
		font-size: 16px;
		margin-bottom: 20px
	}
}

.app-page-intro-notice .notice .list {
	margin-left: 35px;
	padding-left: 35px;
	position: relative
}

@media screen and (max-width:600px) {
	.app-page-intro-notice .notice .list {
		margin-left: 0;
		margin-top: 30px;
		padding-left: 0;
		padding-top: 30px
	}
}

.app-page-intro-notice .notice .list ul {
	list-style: none
}

.app-page-intro-notice .notice .list li {
	align-items: flex-start;
	display: flex
}

.app-page-intro-notice .notice .list li .app-tag-small {
	margin-right: 5px;
	transform: translateY(2px)
}

.app-page-intro-notice .notice .list li a {
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	text-align: justify
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .notice .list li a {
		font-size: 12px
	}
}

.app-page-intro-notice .notice .list li a:hover {
	color: #df242a
}

.app-page-intro-notice .notice .list li+li {
	margin-top: 18px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .notice .list li+li {
		margin-top: 15px
	}
}

.app-page-intro-notice .notice .list:before {
	background-color: #ededed;
	bottom: 1em;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 1em;
	width: 1px
}

@media screen and (max-width:600px) {
	.app-page-intro-notice .notice .list:before {
		bottom: auto;
		height: 1px;
		right: 0;
		top: 0;
		width: auto
	}
}

.app-page-intro-notice .notice .media {
	margin-left: 70px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice .notice .media {
		margin-left: 60px
	}
}

@media screen and (max-width:1000px) {
	.app-page-intro-notice .notice .media {
		margin-left: 50px
	}
}

@media screen and (max-width:800px) {
	.app-page-intro-notice .notice .media {
		margin-left: 35px
	}
}

@media screen and (max-width:600px) {
	.app-page-intro-notice .notice .media {
		border-top: 1px solid #ededed;
		margin-left: 0;
		margin-top: 20px;
		padding-top: 30px
	}
}

.app-page-intro-notice .notice .media .thumb {
	border-radius: 4px;
	font-size: 0;
	overflow: hidden;
	position: relative;
	transition: transform .6s ease, box-shadow .6s ease
}

.app-page-intro-notice .notice .media .thumb img {
	height: auto;
	width: 100%
}

.app-page-intro-notice .notice .media .thumb .play-icon {
	backdrop-filter: blur(10px);
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjggMjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgY3g9IjE0IiBjeT0iMTMiIHI9IjEzIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZmZmO2ZpbGwtb3BhY2l0eTouNzgwMiIvPjxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMxNDFmMjUiIGQ9Im0xOCAxMy02LjUgNC44VjguMXoiLz48L3N2Zz4=) no-repeat 50%/105% 105%;
	border-radius: 50%;
	bottom: 14px;
	height: 30px;
	left: 14px;
	overflow: hidden;
	position: absolute;
	width: 30px
}

@media screen and (max-width:1440px) {
	.app-page-intro-notice .notice .media .thumb .play-icon {
		background-size: 110% 110%;
		height: 26px;
		width: 26px
	}
}

.app-page-intro-notice .notice .media .thumb:hover {
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .45)
}

.app-page-intro-notice .notice .media .text {
	color: #666;
	font-size: 14px;
	margin-top: .3em;
	text-align: justify
}

@media screen and (max-width:1440px) {
	.app-page-intro-notice .notice .media .text {
		font-size: 12px
	}
}

.app-page-intro-notice .app-container,
.app-page-intro-notice.box-shadow {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap
}

.app-page-intro-notice.box-shadow {
	background: #fff linear-gradient(180deg, hsla(0, 100%, 97%, .48), #fff);
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(66, 60, 60, .09);
	margin-bottom: 60px;
	margin-top: -40px;
	padding: 20px 125px 20px 100px;
	position: relative;
	z-index: 10
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.box-shadow {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media screen and (max-width:860px) {
	.app-page-intro-notice.box-shadow {
		margin-bottom: 40px
	}
}

.app-page-intro-notice.box-shadow .tabs {
	flex: 0 0 auto;
	padding: 30px 0;
	width: 73.4%
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.box-shadow .tabs {
		padding: 10px
	}
}

@media screen and (max-width:600px) {
	.app-page-intro-notice.box-shadow .tabs {
		width: 100%
	}
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] {
	display: flex;
	flex-direction: column;
	width: 100%
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots {
	align-items: stretch;
	display: flex;
	list-style: none;
	order: 0
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots li {
	align-items: center;
	display: inline-flex;
	font-size: 18px;
	position: relative
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots li {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots li {
		font-size: 14px
	}
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots li button {
	align-items: center;
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	color: #333;
	cursor: pointer;
	display: inline-flex;
	font-size: 1em;
	font-weight: 500;
	line-height: 1;
	padding-bottom: 5px
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots li+li {
	margin-left: 1em;
	padding-left: 1em
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots li+li:before {
	color: #d8d8d8;
	content: "|";
	font-weight: 300;
	left: 0;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-dots li.carousel-active button {
	border-bottom-color: #df242a
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-list {
	order: 1
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div {
	margin-right: 100px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div {
		margin-right: 20px
	}
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div .content {
	color: #666;
	font-size: 14px;
	margin-top: 1em
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div .content {
		font-size: 12px
	}
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div .content p {
	min-height: 1em;
	text-align: justify
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div .tags {
	color: #df242a;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 500;
	margin-top: 1em
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div .tags {
		font-size: 12px
	}
}

.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div .tags .tag {
	margin-right: 3em;
	margin-top: 1em
}

@media screen and (max-width:600px) {
	.app-page-intro-notice.box-shadow .tabs [data-moup-carousel] .carousel-slide>div .tags .tag {
		margin-right: 2em
	}
}

.app-page-intro-notice.box-shadow .notice {
	flex: 0 0 26.6%
}

@media screen and (max-width:600px) {
	.app-page-intro-notice.box-shadow .notice {
		flex-basis: 100%
	}
}

.app-page-intro-notice.box-shadow .notice .inner {
	margin-top: 0;
	padding-top: 0
}

.app-page-intro-notice.box-shadow .notice .media {
	margin-left: 0
}

.app-page-intro-notice.two-column .intro {
	flex: 0 0 100%
}

.app-page-intro-notice.two-column .intro .content {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 5px
}

@media screen and (max-width:800px) {
	.app-page-intro-notice.two-column .intro .content {
		margin-left: 0;
		margin-right: 0
	}
}

.app-page-intro-notice.two-column .intro .content .col {
	flex: 0 0 50%;
	padding: 0 20px
}

@media screen and (max-width:800px) {
	.app-page-intro-notice.two-column .intro .content .col {
		flex: 0 0 100%;
		padding: 0
	}
}

.app-page-intro-notice.two-column .intro .content .col+.col {
	border-left: 1px solid #d8d8d8
}

@media screen and (max-width:800px) {
	.app-page-intro-notice.two-column .intro .content .col+.col {
		border-left: 0;
		border-top: 1px solid #d8d8d8;
		margin-top: 20px;
		padding-top: 20px
	}
}

.app-page-intro-notice.two-column .intro .content dl dd {
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
	margin: -.05em -1em
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.two-column .intro .content dl dd {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-intro-notice.two-column .intro .content dl dd {
		font-size: 14px
	}
}

.app-page-intro-notice.two-column .intro .content dl dd .tag {
	color: #df242a;
	display: inline-flex;
	font-weight: 500;
	margin: .05em 1em
}

.app-page-intro-notice.two-column .intro .content dl+dl {
	margin-top: 25px
}

@media screen and (max-width:1200px) {
	.app-page-intro-notice.two-column .intro .content dl+dl {
		margin-top: 20px
	}
}

@media screen and (max-width:1000px) {
	.app-page-intro-notice.two-column .intro .content dl+dl {
		margin-top: 15px
	}
}

@media screen and (max-width:800px) {
	.app-page-intro-notice.two-column .intro .content dl+dl {
		margin-top: 10px
	}
}

.app-page-advantage [class^=list-column] {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap
}

.app-page-advantage .list-column-2 {
	margin: -20px -40px
}

@media screen and (max-width:800px) {
	.app-page-advantage .list-column-2 {
		margin-left: -30px;
		margin-right: -30px
	}
}

.app-page-advantage .list-column-2 .item {
	display: flex;
	flex: 0 0 50%;
	padding: 20px 40px
}

@media screen and (max-width:800px) {
	.app-page-advantage .list-column-2 .item {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media screen and (max-width:680px) {
	.app-page-advantage .list-column-2 .item {
		flex-basis: 100%
	}
}

.app-page-advantage .list-column-2 .item .icon {
	font-size: 0;
	margin-right: 20px
}

.app-page-advantage .list-column-2 .item .icon img,
.app-page-advantage .list-column-2 .item .icon svg {
	height: auto;
	width: 48px
}

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

	.app-page-advantage .list-column-2 .item .icon img,
	.app-page-advantage .list-column-2 .item .icon svg {
		width: 40px
	}
}

.app-page-advantage .list-column-2 .item .text .title {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-column-2 .item .text .title {
		font-size: 16px
	}
}

@media screen and (max-width:680px) {
	.app-page-advantage .list-column-2 .item .text .title {
		font-size: 14px
	}
}

.app-page-advantage .list-column-2 .item .text .intro {
	color: #666;
	font-size: 14px;
	margin-top: .618em
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-column-2 .item .text .intro {
		font-size: 12px
	}
}

.app-page-advantage .list-column-2 .item .text .intro p {
	line-height: 1.8;
	min-height: 1em;
	text-align: justify
}

.app-page-advantage .list-column-4 {
	margin: -23px -34px
}

@media screen and (max-width:1000px) {
	.app-page-advantage .list-column-4 {
		margin-left: -23px;
		margin-right: -23px
	}
}

.app-page-advantage .list-column-4 .item {
	align-items: center;
	display: flex;
	flex: 0 0 25%;
	flex-direction: column;
	padding: 23px 34px
}

@media screen and (max-width:1000px) {
	.app-page-advantage .list-column-4 .item {
		padding-left: 23px;
		padding-right: 23px
	}
}

@media screen and (max-width:800px) {
	.app-page-advantage .list-column-4 .item {
		flex-basis: 50%
	}
}

@media screen and (max-width:375px) {
	.app-page-advantage .list-column-4 .item {
		flex-basis: 100%
	}
}

.app-page-advantage .list-column-4 .item .icon {
	font-size: 0;
	margin-bottom: 20px
}

.app-page-advantage .list-column-4 .item .icon img,
.app-page-advantage .list-column-4 .item .icon svg {
	height: 48px;
	width: auto
}

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

	.app-page-advantage .list-column-4 .item .icon img,
	.app-page-advantage .list-column-4 .item .icon svg {
		height: 40px
	}
}

.app-page-advantage .list-column-4 .item .text .title {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-column-4 .item .text .title {
		font-size: 16px
	}
}

@media screen and (max-width:680px) {
	.app-page-advantage .list-column-4 .item .text .title {
		font-size: 14px
	}
}

.app-page-advantage .list-column-4 .item .text .intro {
	color: #666;
	font-size: 14px;
	margin-top: .618em
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-column-4 .item .text .intro {
		font-size: 12px
	}
}

.app-page-advantage .list-column-4 .item .text .intro p {
	line-height: 1.6;
	min-height: 1em;
	text-align: justify
}

.app-page-advantage .list-column-5 {
	margin: -23px -34px
}

@media screen and (max-width:1000px) {
	.app-page-advantage .list-column-5 {
		margin-left: -23px;
		margin-right: -23px
	}
}

.app-page-advantage .list-column-5 .item {
	align-items: center;
	display: flex;
	flex: 0 0 20%;
	flex-direction: column;
	padding: 23px 34px
}

@media screen and (max-width:1000px) {
	.app-page-advantage .list-column-5 .item {
		padding-left: 23px;
		padding-right: 23px
	}
}

@media screen and (max-width:800px) {
	.app-page-advantage .list-column-5 .item {
		flex-basis: 50%
	}
}

@media screen and (max-width:375px) {
	.app-page-advantage .list-column-5 .item {
		flex-basis: 100%
	}
}

.app-page-advantage .list-column-5 .item .icon {
	font-size: 0;
	margin-bottom: 20px
}

.app-page-advantage .list-column-5 .item .icon img,
.app-page-advantage .list-column-5 .item .icon svg {
	height: 48px;
	width: auto
}

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

	.app-page-advantage .list-column-5 .item .icon img,
	.app-page-advantage .list-column-5 .item .icon svg {
		height: 40px
	}
}

.app-page-advantage .list-column-5 .item .text .title {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-column-5 .item .text .title {
		font-size: 16px
	}
}

@media screen and (max-width:680px) {
	.app-page-advantage .list-column-5 .item .text .title {
		font-size: 14px
	}
}

.app-page-advantage .list-column-5 .item .text .intro {
	color: #666;
	font-size: 14px;
	margin-top: .618em;
	text-align: center
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-column-5 .item .text .intro {
		font-size: 12px
	}
}

.app-page-advantage .list-column-5 .item .text .intro p {
	line-height: 1.6;
	min-height: 1em
}

.app-page-advantage .list-card {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-advantage .list-card {
		margin: -5px
	}
}

.app-page-advantage .list-card .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 25%
}

@media screen and (max-width:1000px) {
	.app-page-advantage .list-card .item {
		padding: 5px
	}
}

@media screen and (max-width:850px) {
	.app-page-advantage .list-card .item {
		width: 50%
	}
}

.app-page-advantage .list-card .item .inner {
	background-image: linear-gradient(180deg, hsla(0, 100%, 97%, .48), #fff);
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .1);
	height: 100%;
	padding: 24px;
	position: relative
}

.app-page-advantage .list-card .item .inner .text {
	color: #000;
	margin-bottom: 20%;
	position: relative;
	z-index: 1
}

.app-page-advantage .list-card .item .inner .text .title {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-card .item .inner .text .title {
		font-size: 16px
	}
}

.app-page-advantage .list-card .item .inner .text .intro {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 1em;
	opacity: .7
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-card .item .inner .text .intro {
		font-size: 12px
	}
}

.app-page-advantage .list-card .item .inner .text .intro p {
	text-align: justify
}

.app-page-advantage .list-card .item .inner .text .more {
	font-size: 14px;
	margin-top: 2em
}

@media screen and (max-width:1200px) {
	.app-page-advantage .list-card .item .inner .text .more {
		font-size: 12px
	}
}

.app-page-advantage .list-card .item .inner .icon {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: 140px auto;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0
}

@media screen and (max-width:1000px) {
	.app-page-advantage .list-card .item .inner .icon {
		background-size: 120px auto
	}
}

.app-page-interlaced {
	background-color: #fdfbfb;
	box-shadow: 0 -10px 20px rgba(18, 7, 7, .06), 0 10px 20px rgba(18, 7, 7, .06)
}

.app-page-interlaced.no-shadow {
	box-shadow: none
}

.app-page-interlaced-wrap>.app-page-interlaced-item {
	background-color: transparent
}

.app-page-interlaced-wrap>.app-page-interlaced-item:nth-child(2n) {
	background-color: #fdfbfb;
	box-shadow: 0 -10px 20px rgba(18, 7, 7, .06), 0 10px 20px rgba(18, 7, 7, .06);
	position: relative;
	z-index: 1
}

.app-page-tabs-1 .tabs {
	display: flex !important;
	flex-direction: column
}

.app-page-tabs-1 .tabs .carousel-dots {
	align-items: stretch;
	display: flex;
	justify-content: center;
	list-style: none;
	order: 0
}

.app-page-tabs-1 .tabs .carousel-dots button {
	background-color: transparent;
	border: 0;
	color: #333;
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	font-weight: 500;
	height: 100%;
	line-height: 1.4;
	outline: none;
	padding: .8em 1.5em
}

@media screen and (max-width:1000px) {
	.app-page-tabs-1 .tabs .carousel-dots button {
		font-size: 16px
	}
}

@media screen and (max-width:860px) {
	.app-page-tabs-1 .tabs .carousel-dots button {
		font-size: 14px
	}
}

.app-page-tabs-1 .tabs .carousel-dots li {
	align-items: center;
	display: flex;
	position: relative
}

.app-page-tabs-1 .tabs .carousel-dots li+li:before {
	color: #efebec;
	content: "|";
	font-weight: 300;
	line-height: 1;
	transform: translateY(-3px)
}

.app-page-tabs-1 .tabs .carousel-dots li.carousel-active {
	color: #df242a
}

.app-page-tabs-1 .tabs .carousel-dots li.carousel-active button {
	color: currentColor
}

.app-page-tabs-1 .tabs .carousel-dots li.carousel-active:after {
	background-color: currentColor;
	bottom: -1px;
	content: "";
	display: block;
	height: 2px;
	left: 2.5em;
	position: absolute;
	right: 2.5em
}

.app-page-tabs-1 .tabs .carousel-list {
	background-color: #fff;
	border: 1px solid #efebec;
	border-radius: 4px;
	order: 1
}

.app-page-tabs-1 .tabs-content .col-top {
	color: #555;
	font-size: 14px;
	padding-bottom: 40px;
	padding-top: 40px;
	text-align: center
}

.app-page-tabs-1 .tabs-content .col-top-title {
	color: #333;
	font-size: 18px;
	font-weight: 500
}

.app-page-tabs-1 .tabs-content .col-top-intro {
	font-size: 14px;
	line-height: 1.6;
	margin: 1.5em auto 0;
	max-width: 80%
}

.app-page-tabs-1 .tabs-content .col-2 {
	align-items: stretch;
	display: flex;
	padding: 24px
}

@media screen and (max-width:800px) {
	.app-page-tabs-1 .tabs-content .col-2 {
		flex-direction: column
	}
}

.app-page-tabs-1 .tabs-content .col-2 .col {
	flex: 0 0 50%
}

.app-page-tabs-1 .tabs-content .col-2 .col.col-basic-6 {
	flex: 0 0 60%
}

.app-page-tabs-1 .tabs-content .col-2 .col.col-basic-4 {
	flex: 0 0 40%
}

@media screen and (max-width:800px) {
	.app-page-tabs-1 .tabs-content .col-2 .col {
		flex-basis: 100%
	}
}

.app-page-tabs-1 .tabs-content .col-2 .col:first-child {
	padding-right: 24px
}

@media screen and (max-width:800px) {
	.app-page-tabs-1 .tabs-content .col-2 .col:first-child {
		padding-bottom: 24px;
		padding-right: 0
	}
}

.app-page-tabs-1 .tabs-content .col-2 .col+.col {
	border-left: 1px solid #efebec;
	padding-left: 24px
}

@media screen and (max-width:800px) {
	.app-page-tabs-1 .tabs-content .col-2 .col+.col {
		border-left: 0;
		border-top: 1px solid #efebec;
		padding-left: 0;
		padding-top: 24px
	}
}

.app-page-tabs-1 .tabs-content .col-2 .image {
	align-items: flex-start;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%
}

.app-page-tabs-1 .tabs-content .col-2 .image img {
	height: auto;
	max-width: 100%
}

.app-page-tabs-1 .tabs-content .col-2 .content {
	color: #666;
	font-size: 14px;
	user-select: all
}

@media screen and (max-width:1000px) {
	.app-page-tabs-1 .tabs-content .col-2 .content {
		font-size: 12px
	}
}

.app-page-tabs-1 .tabs-content .col-2 .content .title {
	color: #333;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1000px) {
	.app-page-tabs-1 .tabs-content .col-2 .content .title {
		font-size: 16px
	}
}

.app-page-tabs-1 .tabs-content .col-2 .content .title+* {
	margin-top: 1em
}

.app-page-tabs-1 .tabs-content .col-2 .content *+.title {
	margin-top: 1.5em
}

.app-page-tabs-1 .tabs-content .col-2 .content .intro {
	line-height: 1.8
}

.app-page-tabs-1 .tabs-content .col-2 .content .intro p {
	min-height: 1em;
	text-align: justify
}

.app-page-tabs-1 .tabs-content .col-2 .content .todo {
	list-style: none
}

.app-page-tabs-1 .tabs-content .col-2 .content .todo li {
	display: flex
}

.app-page-tabs-1 .tabs-content .col-2 .content .todo li:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2LjcgNTYuNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QyMjgyYTtzdHJva2Utd2lkdGg6NjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgZD0ibTIuNCAyOC4zIDE3LjIgMTdMNTQuNCA5LjkiLz48L3N2Zz4=) no-repeat 50%/contain;
	content: "";
	display: block;
	flex: 0 0 1em;
	height: 1em;
	margin-right: 10px;
	transform: translateY(3px);
	width: 1em
}

.app-page-tabs-1 .tabs-content .col-2 .content .todo li+li {
	margin-top: 1em
}

.app-page-tabs-1 .tabs-content .col-2 .content .todo.square li:before {
	background: none;
	background-color: #df242a;
	flex: 0 0 .8em;
	height: .8em;
	transform: translateY(5px);
	width: .8em
}

.app-page-tabs-1 .tabs-content .col-2 .content .buttons {
	margin-top: 3em
}

.app-page-tabs-1 .tabs-content .col-2 .content .buttons .app-button {
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 1em
}

.app-page-tabs-1 .tabs-content .col-2.focus-image {
	padding: 0 60px 60px
}

@media screen and (max-width:800px) {
	.app-page-tabs-1 .tabs-content .col-2.focus-image {
		padding: 0 20px 20px
	}
}

.app-page-tabs-1 .tabs-content .col-2.focus-image .col:first-child {
	flex-basis: 70%
}

.app-page-tabs-1 .tabs-content .col-2.focus-image .col:last-child {
	flex-basis: 30%
}

.app-page-tabs-1 .tabs-content .col-2.focus-image .col+.col {
	border: 0 !important;
	padding: 0
}

.app-page-tabs-1 .tabs-content .col-2.focus-image .image {
	text-align: center
}

.app-page-tabs-1 .tabs-content .col-2.padding {
	padding-bottom: 80px;
	padding-top: 80px
}

@media screen and (max-width:860px) {
	.app-page-tabs-1 .tabs-content .col-2.padding {
		padding-bottom: 60px;
		padding-top: 60px
	}
}

@media screen and (max-width:800px) {
	.app-page-tabs-1 .tabs-content .col-2.padding {
		padding-bottom: 20px;
		padding-top: 20px
	}
}

.app-page-tabs-1 .tabs-content .col-2.col-2-new {
	padding: 24px
}

.app-page-tabs-1 .tabs-content .col-2.col-2-new.focus-image .col:first-child {
	flex-basis: 60%
}

.app-page-tabs-1 .tabs-content .col-2.col-2-new.focus-image .col:last-child {
	flex-basis: 40%
}

.app-page-tabs-1 .tabs-content .col-2 .buttons-primary {
	display: flex;
	flex-wrap: wrap;
	margin: 5% -5px -5px
}

.app-page-tabs-1 .tabs-content .col-2 .buttons-primary-item {
	flex: 0 0 auto;
	padding: 5px;
	width: 50%
}

.app-page-tabs-1 .tabs-content .col-2 .buttons-primary-item .app-button {
	width: 100%
}

.app-page-tabs-1 .tabs.no-border .carousel-list {
	border: 0
}

.app-page-tabs-1 .tabs.show-dots .carousel-dots {
	margin-top: 20px;
	order: 1
}

.app-page-tabs-1 .tabs.show-dots .carousel-dots li {
	margin: 0 3px
}

.app-page-tabs-1 .tabs.show-dots .carousel-dots li button {
	background-color: rgba(102, 102, 102, .25);
	border-radius: 50%;
	font-size: 0;
	height: 12px;
	padding: 0;
	width: 12px
}

.app-page-tabs-1 .tabs.show-dots .carousel-dots li:before {
	display: none !important
}

.app-page-tabs-1 .tabs.show-dots .carousel-dots li.carousel-active button {
	background-color: #df242a
}

.app-page-tabs-2 {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.app-page-tabs-2,
.app-page-tabs-2 * {
	color: #fff
}

.app-page-tabs-2 .tabs {
	display: flex !important;
	flex-direction: column
}

.app-page-tabs-2 .tabs .carousel-dots {
	align-items: stretch;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	display: flex;
	justify-content: center;
	list-style: none;
	order: 0
}

.app-page-tabs-2 .tabs .carousel-dots button {
	background-color: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	font-weight: 400;
	height: 100%;
	line-height: 1.4;
	opacity: .7;
	outline: none;
	padding: .8em 1.5em
}

@media screen and (max-width:1200px) {
	.app-page-tabs-2 .tabs .carousel-dots button {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-tabs-2 .tabs .carousel-dots button {
		font-size: 14px
	}
}

.app-page-tabs-2 .tabs .carousel-dots li {
	align-items: center;
	display: flex;
	margin: 0 2em;
	position: relative
}

@media screen and (max-width:1200px) {
	.app-page-tabs-2 .tabs .carousel-dots li {
		margin: 0 1em
	}
}

@media screen and (max-width:1000px) {
	.app-page-tabs-2 .tabs .carousel-dots li {
		margin: 0 .5em
	}
}

@media screen and (max-width:860px) {
	.app-page-tabs-2 .tabs .carousel-dots li {
		margin: 0
	}
}

.app-page-tabs-2 .tabs .carousel-dots li.carousel-active {
	color: #fff
}

.app-page-tabs-2 .tabs .carousel-dots li.carousel-active button {
	color: currentColor;
	font-weight: 500;
	opacity: 1
}

.app-page-tabs-2 .tabs .carousel-dots li.carousel-active:after {
	background-color: #df242a;
	bottom: -1px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0
}

.app-page-tabs-2 .tabs .carousel-list {
	order: 1
}

.app-page-tabs-2 .tabs .wrap {
	align-items: stretch;
	display: flex;
	margin-top: 40px
}

@media screen and (max-width:850px) {
	.app-page-tabs-2 .tabs .wrap {
		flex-direction: column
	}
}

.app-page-tabs-2 .tabs .wrap .image {
	align-items: center;
	background-color: rgba(204, 4, 4, .8);
	border-radius: 4px;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	padding: 30px;
	width: 40.67%
}

@media screen and (max-width:850px) {
	.app-page-tabs-2 .tabs .wrap .image {
		width: 100%
	}
}

.app-page-tabs-2 .tabs .wrap .image img {
	height: auto;
	max-width: 100%
}

.app-page-tabs-2 .tabs .wrap .text {
	flex: 1 1 auto;
	margin-left: 55px
}

@media screen and (max-width:1000px) {
	.app-page-tabs-2 .tabs .wrap .text {
		margin-left: 25px
	}
}

@media screen and (max-width:850px) {
	.app-page-tabs-2 .tabs .wrap .text {
		margin-left: 0
	}
}

.app-page-tabs-2 .tabs .wrap .text .main {
	padding: 40px 0
}

@media screen and (max-width:1000px) {
	.app-page-tabs-2 .tabs .wrap .text .main {
		padding: 30px 0
	}
}

.app-page-tabs-2 .tabs .wrap .text .title {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-tabs-2 .tabs .wrap .text .title {
		font-size: 16px
	}
}

.app-page-tabs-2 .tabs .wrap .text .content {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 1em;
	opacity: .8
}

@media screen and (max-width:1200px) {
	.app-page-tabs-2 .tabs .wrap .text .content {
		font-size: 12px
	}
}

.app-page-tabs-2 .tabs .wrap .text .content p {
	min-height: 1em;
	text-align: justify
}

.app-page-tabs-2 .tabs .wrap .text .todo {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	justify-content: flex-start;
	list-style: none;
	margin: -10px -20px
}

@media screen and (max-width:1200px) {
	.app-page-tabs-2 .tabs .wrap .text .todo {
		font-size: 12px
	}
}

@media screen and (max-width:1000px) {
	.app-page-tabs-2 .tabs .wrap .text .todo {
		margin: -10px
	}
}

@media screen and (max-width:850px) {
	.app-page-tabs-2 .tabs .wrap .text .todo {
		margin: -5px
	}
}

.app-page-tabs-2 .tabs .wrap .text .todo li {
	display: flex;
	line-height: 1.6;
	padding: 10px 20px;
	width: 50%
}

@media screen and (max-width:1000px) {
	.app-page-tabs-2 .tabs .wrap .text .todo li {
		padding: 10px
	}
}

@media screen and (max-width:850px) {
	.app-page-tabs-2 .tabs .wrap .text .todo li {
		padding: 5px
	}
}

.app-page-tabs-2 .tabs .wrap .text .todo li:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2LjcgNTYuNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6NjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgZD0ibTIuNCAyOC4zIDE3LjIgMTdMNTQuNCA5LjkiLz48L3N2Zz4=) no-repeat 50%/contain;
	content: "";
	display: block;
	flex: 0 0 1em;
	height: 1em;
	margin-right: 10px;
	transform: translateY(3px);
	width: 1em
}

.app-page-tabs-2 .tabs .wrap .text .buttons {
	margin-top: 30px
}

@media screen and (max-width:1000px) {
	.app-page-tabs-2 .tabs .wrap .text .buttons {
		margin-top: 20px
	}
}

.app-page-tabs-2 .tabs .wrap .text .buttons .app-button {
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 1em
}

.app-page-tabs-3 .tabs {
	display: flex !important;
	flex-direction: column
}

.app-page-tabs-3 .tabs .carousel-dots {
	align-items: stretch;
	display: flex;
	justify-content: flex-start;
	list-style: none;
	margin-bottom: 30px;
	order: 0
}

@media screen and (max-width:1200px) {
	.app-page-tabs-3 .tabs .carousel-dots {
		margin-bottom: 20px
	}
}

@media screen and (max-width:1000px) {
	.app-page-tabs-3 .tabs .carousel-dots {
		margin-bottom: 10px
	}
}

@media screen and (max-width:760px) {
	.app-page-tabs-3 .tabs .carousel-dots {
		justify-content: center
	}
}

.app-page-tabs-3 .tabs .carousel-dots button {
	background-color: transparent;
	border: 0;
	color: #333;
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	font-weight: 500;
	height: 100%;
	line-height: 1.4;
	outline: none;
	padding: .4em 0
}

@media screen and (max-width:1000px) {
	.app-page-tabs-3 .tabs .carousel-dots button {
		font-size: 16px
	}
}

.app-page-tabs-3 .tabs .carousel-dots li {
	align-items: center;
	display: flex;
	position: relative
}

.app-page-tabs-3 .tabs .carousel-dots li+li {
	margin-left: 3em
}

@media screen and (max-width:760px) {
	.app-page-tabs-3 .tabs .carousel-dots li+li {
		margin-left: 2em
	}
}

.app-page-tabs-3 .tabs .carousel-dots li.carousel-active {
	color: #df242a
}

.app-page-tabs-3 .tabs .carousel-dots li.carousel-active button {
	color: currentColor
}

.app-page-tabs-3 .tabs .carousel-dots li.carousel-active:after {
	background-color: currentColor;
	bottom: -1px;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0
}

.app-page-tabs-3 .tabs .carousel-list {
	background-color: #fff;
	border: 1px solid #efebec;
	border-radius: 4px;
	order: 1
}

.app-page-tabs-3 .tabs .content {
	align-items: stretch;
	display: flex
}

@media screen and (max-width:760px) {
	.app-page-tabs-3 .tabs .content {
		flex-direction: column
	}
}

.app-page-tabs-3 .tabs .content .image,
.app-page-tabs-3 .tabs .content .text {
	flex: 0 0 50%
}

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

	.app-page-tabs-3 .tabs .content .image,
	.app-page-tabs-3 .tabs .content .text {
		flex: 0 0 100%
	}
}

.app-page-tabs-3 .tabs .content .image .inner {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	padding-bottom: 63.7%;
	width: 100%
}

@media screen and (max-width:760px) {
	.app-page-tabs-3 .tabs .content .image {
		order: 0
	}
}

.app-page-tabs-3 .tabs .content .text {
	align-items: flex-start;
	color: #666;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	justify-content: center;
	padding: 40px 80px 40px 40px
}

@media screen and (max-width:1000px) {
	.app-page-tabs-3 .tabs .content .text {
		font-size: 12px
	}
}

@media screen and (max-width:860px) {
	.app-page-tabs-3 .tabs .content .text {
		padding: 30px 60px 30px 30px
	}
}

@media screen and (max-width:760px) {
	.app-page-tabs-3 .tabs .content .text {
		order: 1
	}
}

.app-page-tabs-3 .tabs .content .text .title {
	color: #333;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1000px) {
	.app-page-tabs-3 .tabs .content .text .title {
		font-size: 16px
	}
}

.app-page-tabs-3 .tabs .content .text .intro {
	line-height: 1.6;
	margin-top: 1em
}

.app-page-tabs-3 .tabs .content .text .intro p {
	min-height: 1em;
	text-align: justify
}

.app-page-tabs-3 .tabs .content .text .more {
	margin-top: 1em
}

.app-page-tabs-3 .tabs .content .text .buttons {
	margin-top: 3em
}

.app-page-tabs-3 .tabs .content .text .buttons .app-button {
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 1em
}

.app-page-cases-main {
	font-size: 0
}

.app-page-cases-main .window {
	background: #df242a;
	height: 432px;
	position: relative
}

@media screen and (max-width:1600px) {
	.app-page-cases-main .window {
		height: 355px
	}
}

@media screen and (max-width:850px) {
	.app-page-cases-main .window {
		height: auto
	}
}

.app-page-cases-main .window .thumb {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 50%
}

@media screen and (max-width:850px) {
	.app-page-cases-main .window .thumb {
		height: 0;
		padding-bottom: 59%;
		width: 100%
	}
}

.app-page-cases-main .window .content {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OTggMzk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4OTggMzk4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZGYyNDJhIiBkPSJNMTc5IDBoNzE4djM5OEg5NS4zeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNTAuOTc0IiB5MT0iNjE4LjkwMiIgeDI9IjE1MS45NTYiIHkyPSI2MTguNzExIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDg5Ni45MTk3IDAgMCAtMzk4IC0xMzUyODMuNzk3IDI0NjQ5NC4xNTYpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNlZDJlMjM7c3RvcC1vcGFjaXR5Oi42NDk3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojZWM2NTIzO3N0b3Atb3BhY2l0eTouNzc4MyIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6dXJsKCNhKSIgZD0iTTI2OCAwaDYyOXYzOThILjF6Ii8+PC9zdmc+) no-repeat 0 0/100% auto;
	bottom: 0;
	left: 30%;
	position: absolute;
	right: 0;
	top: 0
}

@media screen and (max-width:1200px) {
	.app-page-cases-main .window .content {
		background: none;
		display: flex;
		justify-content: flex-end;
		left: 0
	}

	.app-page-cases-main .window .content:after {
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OTggMzk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4OTggMzk4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZGYyNDJhIiBkPSJNMTc5IDBoNzE4djM5OEg5NS4zeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNTAuOTc0IiB5MT0iNjE4LjkwMiIgeDI9IjE1MS45NTYiIHkyPSI2MTguNzExIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDg5Ni45MTk3IDAgMCAtMzk4IC0xMzUyODMuNzk3IDI0NjQ5NC4xNTYpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNlZDJlMjM7c3RvcC1vcGFjaXR5Oi42NDk3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojZWM2NTIzO3N0b3Atb3BhY2l0eTouNzc4MyIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6dXJsKCNhKSIgZD0iTTI2OCAwaDYyOXYzOThILjF6Ii8+PC9zdmc+) no-repeat 0/cover;
		bottom: 0;
		content: "";
		display: block;
		left: 25%;
		position: absolute;
		right: 0;
		top: 0
	}
}

@media screen and (max-width:1200px)and (max-width:1000px) {
	.app-page-cases-main .window .content:after {
		left: 20%
	}
}

@media screen and (max-width:1200px)and (max-width:850px) {
	.app-page-cases-main .window .content:after {
		display: none
	}
}

@media screen and (max-width:850px) {
	.app-page-cases-main .window .content {
		left: 0;
		position: static
	}
}

.app-page-cases-main .window .content .inner {
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	padding: 5% 10% 5% 30%;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.app-page-cases-main .window .content .inner {
		padding-left: 5%;
		padding-right: 5%;
		width: 60%
	}
}

@media screen and (max-width:850px) {
	.app-page-cases-main .window .content .inner {
		padding-bottom: 80px;
		width: 100%
	}
}

.app-page-cases-main .window .content .inner .title {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:850px) {
	.app-page-cases-main .window .content .inner .title {
		font-size: 16px
	}
}

.app-page-cases-main .window .content .inner .intro {
	font-size: 15px;
	line-height: 2;
	margin-bottom: 2.5em;
	margin-top: 1.25em
}

@media screen and (max-width:850px) {
	.app-page-cases-main .window .content .inner .intro {
		font-size: 12px
	}
}

.app-page-cases-main .window .content .inner .intro p {
	min-height: 1em;
	text-align: justify
}

.app-page-cases-main .window .content .inner .tags {
	display: flex;
	font-size: 14px
}

@media screen and (max-width:850px) {
	.app-page-cases-main .window .content .inner .tags {
		font-size: 12px
	}
}

.app-page-cases-main .window .content .inner .tags dt {
	flex: 0 0 auto;
	padding: 2px 0 4px
}

.app-page-cases-main .window .content .inner .tags dd {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	margin: -2px
}

.app-page-cases-main .window .content .inner .tags dd a {
	align-items: center;
	border: 1px solid;
	color: currentColor;
	display: inline-flex;
	margin: 2px;
	padding: 1px 6px 3px
}

.app-page-cases-main .window .content .inner .tags dd a:after {
	content: ">";
	margin-left: .25em;
	transform: translateY(-1px)
}

.app-page-cases-main .window .content .inner .buttons {
	margin-top: 40px
}

@media screen and (max-width:850px) {
	html[lang=en] .app-page-cases-main .window .content .inner .buttons {
		text-align: center
	}
}

.app-page-cases-main.no-logo {
	position: relative
}

.app-page-cases-main.no-logo .window {
	border-radius: 3px;
	height: 545px;
	overflow: hidden
}

@media screen and (max-width:1600px) {
	.app-page-cases-main.no-logo .window {
		height: 468px
	}
}

@media screen and (max-width:850px) {
	.app-page-cases-main.no-logo .window {
		height: auto
	}
}

.app-page-cases-main.no-logo .window .content {
	background-size: auto 100%;
	left: 29%
}

@media screen and (max-width:1200px) {
	.app-page-cases-main.no-logo .window .content {
		left: 0
	}
}

.app-page-cases-main.no-logo .swiper-arrow {
	align-items: center;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background-color: rgba(255, 255, 255, .66);
	border-radius: 50%;
	box-shadow: 2px 2px 10px rgba(223, 36, 42, .5);
	cursor: pointer;
	display: flex;
	font-size: 40px;
	height: 56px;
	justify-content: center;
	position: absolute;
	top: 50%;
	width: 56px;
	z-index: 100
}

.app-page-cases-main.no-logo .swiper-arrow:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNkZjI0MmE7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==) no-repeat 50%/125% 125%;
	content: "";
	display: block;
	height: 1em;
	width: 1em
}

.app-page-cases-main.no-logo .swiper-arrow.app-page-cases-main-prev {
	left: 0;
	transform: translateY(-50%) translateX(-50%)
}

.app-page-cases-main.no-logo .swiper-arrow.app-page-cases-main-prev:after {
	transform: rotateY(180deg)
}

.app-page-cases-main.no-logo .swiper-arrow.app-page-cases-main-next {
	right: 0;
	transform: translateY(-50%) translateX(50%)
}

.app-page-cases-main.no-logo .swiper-arrow:hover {
	background-color: #df242a
}

.app-page-cases-main.no-logo .swiper-arrow:hover:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==)
}

.app-page-cases-nav {
	background-color: #fdfbfb;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .11)
}

.app-page-cases-nav .swiper-slide {
	align-items: center;
	background-color: #fdfbfb;
	cursor: pointer;
	display: flex;
	flex: 1 1 auto;
	height: 113px;
	justify-content: center;
	min-width: 16.66%;
	overflow: hidden;
	position: relative;
	transition: box-shadow .3s ease, background-color .3s ease
}

@media screen and (max-width:820px) {
	.app-page-cases-nav .swiper-slide {
		min-width: 30%
	}
}

@media screen and (max-width:500px) {
	.app-page-cases-nav .swiper-slide {
		height: 90px;
		min-width: 45%
	}
}

.app-page-cases-nav .swiper-slide img {
	max-height: 60%;
	max-width: 50%;
	mix-blend-mode: multiply
}

.app-page-cases-nav .swiper-slide+.swiper-slide:before {
	background-color: #ededed;
	bottom: 10px;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 10px;
	width: 1px
}

.app-page-cases-nav .swiper-slide-thumb-active {
	background-color: #fff;
	box-shadow: 0 0 12px rgba(1, 1, 1, .1);
	position: relative;
	z-index: 1
}

.app-page-cases-nav .swiper-slide-thumb-active+.swiper-slide:before,
.app-page-cases-nav .swiper-slide-thumb-active:before {
	display: none !important
}

.app-page-values-list-1 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-values-list-1 {
		margin: -5px
	}
}

.app-page-values-list-1 .item {
	flex: 0 0 25%;
	padding: 10px
}

@media screen and (max-width:1000px) {
	.app-page-values-list-1 .item {
		flex-basis: 50%;
		padding: 5px
	}
}

@media screen and (max-width:480px) {
	.app-page-values-list-1 .item {
		flex-basis: 100%
	}
}

.app-page-values-list-1 .item .inner {
	align-items: center;
	background-color: #fff;
	border-bottom: 2px solid #df242a;
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	padding: 40px
}

@media screen and (max-width:500px) {
	.app-page-values-list-1 .item .inner {
		padding: 30px
	}
}

@media screen and (max-width:400px) {
	.app-page-values-list-1 .item .inner {
		padding: 20px
	}
}

.app-page-values-list-1 .item .inner .icon {
	flex: 0 0 auto;
	height: 60px;
	text-align: center;
	width: 100%
}

@media screen and (max-width:1000px) {
	.app-page-values-list-1 .item .inner .icon {
		height: 50px
	}
}

.app-page-values-list-1 .item .inner .icon img {
	height: 100%;
	width: auto
}

.app-page-values-list-1 .item .inner .title {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5em;
	margin-top: 1em;
	text-align: center
}

@media screen and (max-width:1200px) {
	.app-page-values-list-1 .item .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:580px) {
	.app-page-values-list-1 .item .inner .title {
		font-size: 14px
	}
}

.app-page-values-list-1 .item .inner .intro {
	color: #666;
	font-size: 14px;
	line-height: 1.8;
	text-align: justify
}

@media screen and (max-width:1200px) {
	.app-page-values-list-1 .item .inner .intro {
		font-size: 12px
	}
}

.app-page-values-list-1 .item:last-child:nth-child(4n-1):not(:nth-child(3)) {
	margin-right: 25%
}

.app-page-values-list-1 .item:last-child:nth-child(4n-2):not(:nth-child(2)) {
	margin-right: 50%
}

.app-page-values-list-1 .item:last-child:nth-child(4n-3):not(:first-child) {
	margin-right: 75%
}

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

	.app-page-values-list-1 .item:last-child:nth-child(4n-1):not(:nth-child(3)),
	.app-page-values-list-1 .item:last-child:nth-child(4n-2):not(:nth-child(2)),
	.app-page-values-list-1 .item:last-child:nth-child(4n-3):not(:first-child) {
		margin-right: 0
	}

	.app-page-values-list-1 .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 50%
	}
}

@media screen and (max-width:320px) {
	.app-page-values-list-1 .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 0
	}
}

.app-page-values-list-2 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -20px
}

@media screen and (max-width:1000px) {
	.app-page-values-list-2 {
		margin: -15px
	}
}

.app-page-values-list-2 .item {
	flex: 0 0 25%;
	padding: 20px
}

@media screen and (max-width:1000px) {
	.app-page-values-list-2 .item {
		flex-basis: 50%;
		padding: 15px
	}
}

@media screen and (max-width:320px) {
	.app-page-values-list-2 .item {
		flex-basis: 100%
	}
}

.app-page-values-list-2 .item .inner {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start
}

.app-page-values-list-2 .item .inner .icon {
	flex: 0 0 auto;
	height: 60px;
	width: 100%
}

@media screen and (max-width:1000px) {
	.app-page-values-list-2 .item .inner .icon {
		height: 50px
	}
}

.app-page-values-list-2 .item .inner .icon img {
	height: 100%;
	width: auto
}

.app-page-values-list-2 .item .inner .title {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5em;
	margin-top: 1em;
	text-align: center
}

@media screen and (max-width:1200px) {
	.app-page-values-list-2 .item .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:580px) {
	.app-page-values-list-2 .item .inner .title {
		font-size: 14px
	}
}

.app-page-values-list-2 .item .inner .intro {
	color: #666;
	font-size: 14px;
	line-height: 1.6;
	text-align: justify
}

@media screen and (max-width:1200px) {
	.app-page-values-list-2 .item .inner .intro {
		font-size: 12px
	}
}

.app-page-values-list-2 .item:last-child:nth-child(4n-1):not(:nth-child(3)) {
	margin-right: 25%
}

.app-page-values-list-2 .item:last-child:nth-child(4n-2):not(:nth-child(2)) {
	margin-right: 50%
}

.app-page-values-list-2 .item:last-child:nth-child(4n-3):not(:first-child) {
	margin-right: 75%
}

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

	.app-page-values-list-2 .item:last-child:nth-child(4n-1):not(:nth-child(3)),
	.app-page-values-list-2 .item:last-child:nth-child(4n-2):not(:nth-child(2)),
	.app-page-values-list-2 .item:last-child:nth-child(4n-3):not(:first-child) {
		margin-right: 0
	}

	.app-page-values-list-2 .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 50%
	}
}

@media screen and (max-width:320px) {
	.app-page-values-list-2 .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 0
	}
}

.app-page-values-list-3 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-values-list-3 {
		margin: -5px
	}
}

.app-page-values-list-3 .item {
	flex: 0 0 33.33%;
	padding: 10px
}

@media screen and (max-width:1000px) {
	.app-page-values-list-3 .item {
		flex-basis: 50%;
		padding: 5px
	}
}

@media screen and (max-width:480px) {
	.app-page-values-list-3 .item {
		flex-basis: 100%
	}
}

.app-page-values-list-3 .item .inner {
	align-items: flex-start;
	background-color: #fff;
	border-bottom: 2px solid #df242a;
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	padding: 40px
}

@media screen and (max-width:500px) {
	.app-page-values-list-3 .item .inner {
		padding: 30px
	}
}

@media screen and (max-width:400px) {
	.app-page-values-list-3 .item .inner {
		padding: 20px
	}
}

.app-page-values-list-3 .item .inner .icon {
	flex: 0 0 auto;
	height: 60px;
	text-align: left;
	width: 100%
}

@media screen and (max-width:1000px) {
	.app-page-values-list-3 .item .inner .icon {
		height: 50px
	}
}

.app-page-values-list-3 .item .inner .icon img {
	height: 100%;
	width: auto
}

.app-page-values-list-3 .item .inner .title {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5em;
	margin-top: 1em;
	text-align: left
}

@media screen and (max-width:1200px) {
	.app-page-values-list-3 .item .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:580px) {
	.app-page-values-list-3 .item .inner .title {
		font-size: 14px
	}
}

.app-page-values-list-3 .item .inner .intro {
	color: #666;
	font-size: 14px;
	line-height: 1.8;
	text-align: justify
}

@media screen and (max-width:1200px) {
	.app-page-values-list-3 .item .inner .intro {
		font-size: 12px
	}
}

.app-page-values-list-3 .item:last-child:nth-child(3n-1):not(:nth-child(2)) {
	margin-right: 33.33%
}

.app-page-values-list-3 .item:last-child:nth-child(3n-2):not(:first-child) {
	margin-right: 66.66%
}

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

	.app-page-values-list-3 .item:last-child:nth-child(3n-1):not(:nth-child(2)),
	.app-page-values-list-3 .item:last-child:nth-child(3n-2):not(:first-child) {
		margin-right: 0
	}

	.app-page-values-list-3 .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 50%
	}
}

@media screen and (max-width:480px) {
	.app-page-values-list-3 .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 0
	}
}

.app-page-documents-items {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-documents-items {
		margin: -5px
	}
}

.app-page-documents-items .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 25%
}

@media screen and (max-width:1000px) {
	.app-page-documents-items .item {
		padding: 5px
	}
}

@media screen and (max-width:800px) {
	.app-page-documents-items .item {
		width: 50%
	}
}

.app-page-documents-items .item a {
	background-image: linear-gradient(180deg, hsla(0, 100%, 97%, .48), #fff);
	border: 2px solid #fff;
	border-radius: 2px;
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .23), 8px 8px 10px rgba(198, 45, 45, .05);
	display: block;
	height: 100%;
	padding: 30px;
	transition: box-shadow .3s ease
}

@media screen and (max-width:1200px) {
	.app-page-documents-items .item a {
		padding: 20px
	}
}

.app-page-documents-items .item a .title {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.app-page-documents-items .item a .title strong {
	color: #000;
	flex: 1 1 auto;
	font-size: 18px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width:1200px) {
	.app-page-documents-items .item a .title strong {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-documents-items .item a .title strong {
		font-size: 14px
	}
}

.app-page-documents-items .item a .title svg {
	fill: none;
	stroke: #df242a;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: 0 0 auto;
	height: 1em;
	opacity: 0;
	transform: translateX(-50%);
	transition: opacity .3s ease, transform .3s ease;
	width: 1em
}

.app-page-documents-items .item a .intro {
	align-items: center;
	color: #555;
	display: flex;
	font-size: 14px;
	margin-top: 1em
}

@media screen and (max-width:1200px) {
	.app-page-documents-items .item a .intro {
		font-size: 12px
	}
}

.app-page-documents-items .item a .intro span {
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-page-documents-items .item a .intro svg {
	fill: #df242a;
	flex: 0 0 auto;
	height: 1em;
	margin-left: .25em;
	width: auto
}

.app-page-documents-items .item a:hover {
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .1)
}

.app-page-documents-items .item a:hover .title svg {
	opacity: 1;
	transform: translateX(0)
}

.app-page-documents-list {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-documents-list {
		margin: -5px
	}
}

.app-page-documents-list .item {
	flex: 0 0 auto;
	min-height: 166px;
	padding: 10px;
	width: 50%
}

@media screen and (max-width:1000px) {
	.app-page-documents-list .item {
		padding: 5px
	}
}

@media screen and (max-width:680px) {
	.app-page-documents-list .item {
		width: 100%
	}
}

.app-page-documents-list .item a {
	border: 1px solid #efebec;
	border-radius: 4px;
	color: #666;
	display: block;
	height: 100%;
	overflow: hidden;
	padding: 24px 80px 24px 24px;
	position: relative;
	transition: box-shadow .3s ease, color .3s ease
}

.app-page-documents-list .item a:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
	color: #df242a
}

.app-page-documents-list .item a .icon {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 10px;
	height: 125px;
	position: absolute;
	right: 10px;
	width: 125px
}

.app-page-documents-list .item a .title {
	color: #333;
	display: block;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.app-page-documents-list .item a .title {
		font-size: 16px
	}
}

.app-page-documents-list .item a .intro {
	display: block;
	font-size: 14px;
	line-height: 1.6;
	margin-top: .5em;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.app-page-documents-list .item a .intro {
		font-size: 12px
	}
}

.app-page-documents-list .item a .intro svg {
	fill: #df242a;
	display: inline;
	height: 1em;
	width: auto
}

.app-page-documents-report {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -20px -10px
}

@media screen and (max-width:1000px) {
	.app-page-documents-report {
		margin: -15px -5px
	}
}

.app-page-documents-report .item {
	flex: 0 0 auto;
	padding: 20px 10px;
	width: 33.33%
}

@media screen and (max-width:1000px) {
	.app-page-documents-report .item {
		padding: 15px 5px
	}
}

@media screen and (max-width:800px) {
	.app-page-documents-report .item {
		width: 50%
	}
}

@media screen and (max-width:500px) {
	.app-page-documents-report .item {
		width: 100%
	}
}

.app-page-documents-report .item a {
	align-items: flex-start;
	background-image: linear-gradient(180deg, hsla(0, 100%, 97%, .48), #fff);
	border: 2px solid #fff;
	border-radius: 2px;
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .23), 8px 8px 10px rgba(198, 45, 45, .05);
	display: flex;
	height: 100%;
	padding: 15px;
	transition: box-shadow .3s ease
}

@media screen and (max-width:1200px) {
	.app-page-documents-report .item a {
		padding: 10px
	}
}

.app-page-documents-report .item a .thumb {
	align-items: flex-end;
	display: flex;
	flex: 0 0 auto;
	height: 50px;
	margin-right: 25px;
	width: 80px
}

@media screen and (max-width:1200px) {
	.app-page-documents-report .item a .thumb {
		margin-right: 15px;
		width: 60px
	}
}

@media screen and (max-width:1000px) {
	.app-page-documents-report .item a .thumb {
		margin-right: 10px
	}
}

.app-page-documents-report .item a .thumb .img {
	background-color: #d8d8d8;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
	display: block;
	padding-bottom: 135%;
	transform: translateY(5px);
	width: 100%
}

.app-page-documents-report .item a .text {
	flex: 1 1 auto
}

.app-page-documents-report .item a .title {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.app-page-documents-report .item a .title strong {
	color: #000;
	flex: 1 1 auto;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-documents-report .item a .title strong {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-documents-report .item a .title strong {
		font-size: 14px
	}
}

.app-page-documents-report .item a .title svg {
	fill: none;
	stroke: #df242a;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: 0 0 auto;
	height: 1em;
	opacity: 0;
	transform: translateX(-50%);
	transition: opacity .3s ease, transform .3s ease;
	width: 1em
}

.app-page-documents-report .item a .intro {
	align-items: center;
	color: #555;
	display: flex;
	font-size: 14px;
	margin-top: .6em
}

@media screen and (max-width:1200px) {
	.app-page-documents-report .item a .intro {
		font-size: 12px
	}
}

.app-page-documents-report .item a .intro span {
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.app-page-documents-report .item a .intro svg {
	fill: #df242a;
	flex: 0 0 auto;
	height: 1em;
	margin-left: .25em;
	width: auto
}

.app-page-documents-report .item a:hover {
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .1)
}

.app-page-documents-report .item a:hover .title svg {
	opacity: 1;
	transform: translateX(0)
}

.app-page-documents-report .item:last-child:nth-child(3n-1):not(:nth-child(2)) {
	margin-right: 33.33%
}

.app-page-documents-report .item:last-child:nth-child(3n-2):not(:first-child) {
	margin-right: 66.66%
}

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

	.app-page-documents-report .item:last-child:nth-child(3n-1):not(:nth-child(2)),
	.app-page-documents-report .item:last-child:nth-child(3n-2):not(:first-child) {
		margin-right: 0
	}

	.app-page-documents-report .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 50%
	}
}

@media screen and (max-width:500px) {
	.app-page-documents-report .item:last-child:nth-child(2n-1):not(:first-child) {
		margin-right: 0
	}
}

.app-page-rec-list-1 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-rec-list-1 {
		margin: -5px
	}
}

.app-page-rec-list-1 .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 33.33%
}

@media screen and (max-width:1000px) {
	.app-page-rec-list-1 .item {
		padding: 5px
	}
}

@media screen and (max-width:640px) {
	.app-page-rec-list-1 .item {
		width: 100%
	}
}

.app-page-rec-list-1 .item .inner {
	background: url(/static/images/bg-rec.1bed8ad5.png) no-repeat top/cover;
	border-radius: 4px;
	color: #fff;
	height: 100%;
	padding: 30px;
	transition: transform .6s ease, box-shadow .6s ease
}

@media screen and (max-width:1000px) {
	.app-page-rec-list-1 .item .inner {
		padding: 20px
	}
}

.app-page-rec-list-1 .item .inner .title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 1em
}

@media screen and (max-width:1200px) {
	.app-page-rec-list-1 .item .inner .title {
		font-size: 16px
	}
}

.app-page-rec-list-1 .item .inner ul {
	list-style: none
}

.app-page-rec-list-1 .item .inner ul li {
	font-size: 14px
}

@media screen and (max-width:1200px) {
	.app-page-rec-list-1 .item .inner ul li {
		font-size: 12px
	}
}

.app-page-rec-list-1 .item .inner ul li a {
	color: #fff
}

.app-page-rec-list-1 .item .inner ul li a:hover {
	color: #df242a
}

.app-page-rec-list-1 .item .inner ul li+li {
	margin-top: .8em
}

.app-page-rec-list-1 .item:hover .inner {
	box-shadow: 0 14px 17px rgba(0, 0, 0, .08)
}

.app-page-rec-items {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-rec-items {
		margin: -5px
	}
}

.app-page-rec-items .item {
	display: block;
	flex: 0 0 auto;
	padding: 10px;
	width: 33.33%
}

@media screen and (max-width:1000px) {
	.app-page-rec-items .item {
		padding: 5px
	}
}

@media screen and (max-width:890px) {
	.app-page-rec-items .item {
		width: 100%
	}
}

.app-page-rec-items .item .inner {
	border-radius: 4px;
	box-shadow: 0 4px 9px rgba(0, 0, 0, .05);
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: transform .6s ease, box-shadow .6s ease
}

.app-page-rec-items .item .inner .top {
	background: url(/static/images/bg-rec.1bed8ad5.png) no-repeat 50%/cover;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	flex: 0 0 auto;
	height: 130px;
	padding: 20px
}

.app-page-rec-items .item .inner .top .title {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-rec-items .item .inner .top .title {
		font-size: 16px
	}
}

.app-page-rec-items .item .inner .top .intro {
	font-size: 14px;
	line-height: 1.4;
	margin-top: .65em;
	opacity: .8
}

.app-page-rec-items .item .inner .list {
	color: #666;
	flex: 1 1 auto;
	font-size: 14px;
	padding: 20px
}

@media screen and (max-width:1200px) {
	.app-page-rec-items .item .inner .list {
		font-size: 12px
	}
}

.app-page-rec-items .item .inner .list ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: -10px
}

.app-page-rec-items .item .inner .list ul li {
	display: flex;
	flex: 0 0 auto;
	padding: 5px;
	width: 50%
}

.app-page-rec-items .item .inner .list ul li:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni43IDU2LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2LjcgNTYuNyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QyMjgyYTtzdHJva2Utd2lkdGg6NjtzdHJva2UtbWl0ZXJsaW1pdDoxMCIgZD0ibTIuNCAyOC4zIDE3LjIgMTdMNTQuNCA5LjkiLz48L3N2Zz4=) no-repeat 50%/contain;
	content: "";
	display: block;
	flex: 0 0 1em;
	height: 1em;
	margin-right: 10px;
	transform: translateY(3px);
	width: 1em
}

.app-page-rec-items .item .inner .view {
	flex: 0 0 auto;
	height: 40px
}

.app-page-rec-items .item .inner .view a,
.app-page-rec-items .item .inner .view span {
	align-items: center;
	background-color: #df242a;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #fff;
	display: flex;
	font-size: 14px;
	height: 100%;
	justify-content: center;
	line-height: 1;
	text-align: center;
	width: 100%
}

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

	.app-page-rec-items .item .inner .view a,
	.app-page-rec-items .item .inner .view span {
		font-size: 12px
	}
}

.app-page-rec-items .item:hover .inner {
	box-shadow: 0 14px 17px rgba(0, 0, 0, .08)
}

.app-page-filter-top {
	padding-bottom: 50px;
	padding-top: 50px
}

@media screen and (max-width:860px) {
	.app-page-filter-top {
		padding-bottom: 30px;
		padding-top: 30px
	}
}

.app-page-filter-top .form {
	display: flex;
	justify-content: center
}

@media screen and (max-width:450px) {
	.app-page-filter-top .form {
		flex-direction: column
	}
}

.app-page-filter-top .input {
	align-items: stretch;
	display: flex;
	font-size: 14px;
	height: 40px;
	width: 280px
}

@media screen and (max-width:700px) {
	.app-page-filter-top .input {
		flex: 1 1 auto;
		width: calc(33.33% - 2px)
	}
}

@media screen and (max-width:450px) {
	.app-page-filter-top .input {
		width: 100%
	}
}

.app-page-filter-top .input input {
	border: 1px solid #df242a;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	display: block;
	flex: 1 1 auto;
	height: 100%;
	line-height: 1;
	min-width: 50px;
	outline: none;
	padding: 1em
}

.app-page-filter-top .input button {
	align-items: center;
	background-color: #df242a;
	border: 0;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	display: flex;
	flex: 0 0 40px;
	justify-content: center
}

.app-page-filter-top .input button svg {
	fill: currentColor;
	height: 1em;
	width: 1em
}

.app-page-filter-top .input+.input {
	margin-left: 20px
}

@media screen and (max-width:700px) {
	.app-page-filter-top .input+.input {
		margin-left: 3px
	}
}

@media screen and (max-width:450px) {
	.app-page-filter-top .input+.input {
		margin-left: 0;
		margin-top: 5px
	}
}

.app-page-filter-wrap {
	display: flex;
	margin: -10px
}

@media screen and (max-width:800px) {
	.app-page-filter-wrap {
		flex-direction: column
	}
}

.app-page-filter-wrap-main,
.app-page-filter-wrap-side {
	padding: 10px
}

.app-page-filter-wrap-side {
	flex: 0 0 auto;
	width: 300px
}

@media screen and (max-width:1000px) {
	.app-page-filter-wrap-side {
		width: 250px
	}
}

@media screen and (max-width:800px) {
	.app-page-filter-wrap-side {
		order: 1;
		width: 100%
	}
}

.app-page-filter-wrap-side .inner {
	background-color: #fff;
	border: 2px solid #efebec;
	border-top: 0;
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .23), 8px 8px 10px rgba(198, 45, 45, .05);
	padding: 20px;
	position: relative
}

.app-page-filter-wrap-side .inner:before {
	background-color: #df242a;
	content: "";
	display: block;
	height: 2px;
	left: -2px;
	position: absolute;
	right: -2px;
	top: 0
}

.app-page-filter-wrap-side .inner-top {
	padding-bottom: 20px;
	padding-top: 20px
}

.app-page-filter-wrap-side .inner-top .title {
	align-items: center;
	color: #333;
	display: flex;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-filter-wrap-side .inner-top .title {
		font-size: 16px
	}
}

.app-page-filter-wrap-side .inner-top .title:before {
	background-color: #df242a;
	content: "";
	display: block;
	height: 1em;
	margin-right: .5em;
	width: 2px
}

.app-page-filter-wrap-side .inner-top .search {
	font-size: 12px;
	margin-top: 1em
}

.app-page-filter-wrap-side .inner-top .search .app-input-search {
	border: 1px solid #df242a;
	border-radius: 4px;
	height: 40px;
	width: 100%
}

.app-page-filter-wrap-side .inner-top .search .app-input-search-input {
	flex: 1 1 auto
}

.app-page-filter-wrap-side .inner-top .search .app-input-search-input input {
	max-width: 100%;
	width: 100%
}

.app-page-filter-wrap-side .inner-top .search .app-input-search-button {
	flex: 0 0 auto
}

.app-page-filter-wrap-side .inner-top .search .app-input-search-button button {
	background: #df242a url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQxNyAxMy4wMzNhNy44NzggNy44NzggMCAwIDAgMS45LTUuMTIxIDcuOTA1IDcuOTA1IDAgMSAwLTUuNTk2IDcuNTYzLjYyNS42MjUgMCAwIDAtLjM2NS0xLjE5NiA2LjY1NSA2LjY1NSAwIDEgMSA0LjcxMS02LjM2NyA2LjY0NyA2LjY0NyAwIDAgMS0xLjg5NyA0LjYzNS43MjMuNzIzIDAgMCAwIC4wMDcgMS4wMTRsMi45MyAyLjkzYS42MjUuNjI1IDAgMCAwIC44ODMtLjg4NWwtMi41NzMtMi41NzNaIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) no-repeat 50%/auto 40%;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	width: 50px
}

.app-page-filter-wrap-side .inner-top .search .app-input-search-button button svg {
	display: none !important
}

.app-page-filter-wrap-side .inner-top .keywords {
	padding: 8px 0
}

.app-page-filter-wrap-side .inner-top .keywords a {
	align-items: center;
	color: #df242a;
	display: inline-flex;
	margin: 2px 8px 2px 0;
	opacity: .6;
	white-space: nowrap
}

.app-page-filter-wrap-side .inner-top .keywords a:hover {
	opacity: 1
}

@media screen and (max-width:800px) {
	.app-page-filter-wrap-side .inner .tree {
		display: none !important
	}
}

.app-page-filter-wrap-side .inner .tree-item-title {
	align-items: center;
	background-color: #fdfbfb;
	color: #333;
	cursor: default;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	height: 50px;
	justify-content: space-between;
	margin: 0 -20px;
	padding: 0 20px
}

@media screen and (max-width:1200px) {
	.app-page-filter-wrap-side .inner .tree-item-title {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-filter-wrap-side .inner .tree-item-title {
		font-size: 14px
	}
}

.app-page-filter-wrap-side .inner .tree-item-title>div {
	align-items: center;
	display: flex;
	line-height: 1
}

.app-page-filter-wrap-side .inner .tree-item-title>div svg {
	fill: currentColor;
	flex: 0 0 auto;
	height: 1.25em;
	margin-right: .5em;
	width: 1.25em
}

.app-page-filter-wrap-side .inner .tree-item-title:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDUuMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA1LjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIHN0eWxlPSJvcGFjaXR5Oi44NDA2Ij48cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojODg4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgZD0ibTQ5IDguNiAzLjUgNCAzLjUtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4LjUgLTgpIi8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain;
	content: "";
	display: block;
	height: .6em;
	width: .6em
}

.app-page-filter-wrap-side .inner .tree-item-title.close:after {
	transform: rotate(-90deg)
}

.app-page-filter-wrap-side .inner .tree-item-content {
	font-size: 14px
}

@media screen and (max-width:1200px) {
	.app-page-filter-wrap-side .inner .tree-item-content {
		font-size: 12px
	}
}

.app-page-filter-wrap-side .inner .tree-item-content ul {
	list-style: none;
	padding: 1em 1em 1em 2.25em
}

.app-page-filter-wrap-side .inner .tree-item-content ul a {
	color: #666
}

.app-page-filter-wrap-side .inner .tree-item-content ul a:hover {
	color: #df242a
}

.app-page-filter-wrap-side .inner .tree-item-content ul li+li {
	margin-top: .75em
}

.app-page-filter-wrap-side .inner .tree-item-content ul li.active a {
	color: #df242a
}

.app-page-filter-wrap-main {
	flex: 1 1 auto;
	width: calc(100% - 330px)
}

@media screen and (max-width:800px) {
	.app-page-filter-wrap-main {
		width: 100%
	}
}

.app-page-shadow-box {
	background-color: #fdfbfb;
	box-shadow: 0 -10px 20px rgba(18, 7, 7, .06), 0 10px 20px rgba(18, 7, 7, .06)
}

.app-page-center-box {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-bottom: 50px;
	padding-top: 50px
}

@media screen and (max-width:860px) {
	.app-page-center-box {
		padding-bottom: 30px;
		padding-top: 30px
	}
}

.app-page-right-box {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	padding-bottom: 50px;
	padding-top: 50px
}

@media screen and (max-width:860px) {
	.app-page-right-box {
		padding-bottom: 30px;
		padding-top: 30px
	}
}

.app-page-list-normal {
	padding: 20px 65px
}

@media screen and (max-width:1200px) {
	.app-page-list-normal {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media screen and (max-width:1000px) {
	.app-page-list-normal {
		padding-left: 30px;
		padding-right: 30px
	}
}

.app-page-list-normal .item {
	align-items: stretch;
	border-bottom: 1px solid #efebec;
	display: flex;
	padding: 25px 0
}

@media screen and (max-width:680px) {
	.app-page-list-normal .item {
		flex-direction: column;
		padding: 20px 0
	}
}

.app-page-list-normal .item .time {
	align-items: center;
	color: #555;
	display: flex;
	flex: 0 0 auto;
	padding: 20px 20px 20px 0
}

@media screen and (max-width:680px) {
	.app-page-list-normal .item .time {
		padding: 0 0 10px
	}
}

.app-page-list-normal .item .time .day {
	font-size: 40px;
	font-weight: 500
}

.app-page-list-normal .item .time .day small {
	font-size: 14px;
	font-weight: 300
}

.app-page-list-normal .item .time .date {
	font-size: 14px;
	margin-left: .5em;
	margin-top: 1em;
	text-align: right
}

@media screen and (max-width:680px) {
	.app-page-list-normal .item .time .date {
		margin-top: 0
	}
}

.app-page-list-normal .item .text {
	border-left: 1px solid #efebec;
	font-size: 14px;
	padding-left: 20px
}

@media screen and (max-width:680px) {
	.app-page-list-normal .item .text {
		border-left: 0;
		padding-left: 0
	}
}

.app-page-list-normal .item .text .title {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-list-normal .item .text .title {
		font-size: 16px
	}
}

.app-page-list-normal .item .text .title a {
	color: #333
}

.app-page-list-normal .item .text .title a:hover {
	color: #df242a
}

.app-page-list-normal .item .text .intro {
	color: #666;
	line-height: 1.6;
	margin-top: 1em;
	text-align: justify
}

.app-page-list-normal .item .text .more {
	margin-top: 1em
}

.app-page-list-gird-items {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-list-gird-items {
		margin: -5px
	}
}

.app-page-list-gird-items .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 25%
}

@media screen and (max-width:1000px) {
	.app-page-list-gird-items .item {
		padding: 5px
	}
}

@media screen and (max-width:680px) {
	.app-page-list-gird-items .item {
		width: 50%
	}
}

.app-page-list-gird-items .item .inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	transition: transform .6s ease, box-shadow .6s ease
}

.app-page-list-gird-items .item .inner .thumb {
	flex: 0 0 auto
}

.app-page-list-gird-items .item .inner .thumb .img1 {
	background-repeat: no-repeat;
	padding-bottom: 96.42%;
	width: 100%
}

.app-page-list-gird-items .item .inner .thumb .img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 96.42%;
	width: 100%
}

.app-page-list-gird-items .item .inner .text {
	background-color: #fff;
	border: 1px solid #efebec;
	border-top: 0;
	flex: 1 1 auto;
	padding: 20px
}

@media screen and (max-width:1000px) {
	.app-page-list-gird-items .item .inner .text {
		padding: 15px
	}
}

.app-page-list-gird-items .item .inner .text .title {
	color: #555;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-list-gird-items .item .inner .text .title {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-list-gird-items .item .inner .text .title {
		font-size: 14px
	}
}

.app-page-list-gird-items .item .inner .text .title a {
	color: currentColor
}

.app-page-list-gird-items .item .inner .text .title a:hover {
	color: #df242a
}

.app-page-list-gird-items .item .inner .text .intro {
	color: #666;
	font-size: 14px;
	margin-top: 1em
}

@media screen and (max-width:1200px) {
	.app-page-list-gird-items .item .inner .text .intro {
		font-size: 12px
	}
}

.app-page-list-gird-items .item .inner:hover {
	box-shadow: 0 10px 18px rgba(63, 4, 4, .21)
}

.app-page-gird-1 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-gird-1 {
		margin: -5px
	}
}

.app-page-gird-1 .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 25%
}

@media screen and (max-width:1000px) {
	.app-page-gird-1 .item {
		padding: 5px
	}
}

@media screen and (max-width:750px) {
	.app-page-gird-1 .item {
		width: 50%
	}
}

.app-page-gird-1 .item .inner {
	background-color: #df242a;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	color: #fff;
	display: flex;
	height: 100%;
	min-height: 168px;
	padding: 20px
}

.app-page-gird-1 .item .inner .text {
	padding-top: 1em;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.app-page-gird-1 .item .inner .text {
		padding-top: 0
	}
}

.app-page-gird-1 .item .inner .title {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-gird-1 .item .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:450px) {
	.app-page-gird-1 .item .inner .title {
		font-size: 14px
	}
}

.app-page-gird-1 .item .inner .intro {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	font-size: 14px;
	margin-top: .68em;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width:1200px) {
	.app-page-gird-1 .item .inner .intro {
		font-size: 12px
	}
}

.app-page-gird-1 .item:first-child,
.app-page-gird-1 .item:last-child {
	width: 50%
}

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

	.app-page-gird-1 .item:first-child,
	.app-page-gird-1 .item:last-child {
		width: 100%
	}
}

.app-page-gird-1 .item:first-child .inner,
.app-page-gird-1 .item:last-child .inner {
	background-position: 100%
}

.app-page-gird-1 .item:first-child .inner .text,
.app-page-gird-1 .item:last-child .inner .text {
	width: calc(50% - 20px)
}

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

	.app-page-gird-1 .item:first-child .inner .text,
	.app-page-gird-1 .item:last-child .inner .text {
		width: 100%
	}
}

.app-page-gird-2 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

.app-page-gird-2 .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 33.33%
}

@media screen and (max-width:800px) {
	.app-page-gird-2 .item {
		width: 100%
	}
}

.app-page-gird-2 .item .inner {
	align-items: center;
	display: flex;
	height: 100%;
	padding: 20px
}

@media screen and (max-width:1000px) {
	.app-page-gird-2 .item .inner {
		padding: 10px 20px
	}
}

.app-page-gird-2 .item .inner .number {
	color: #df242a;
	flex: 0 0 auto;
	font-size: 50px;
	white-space: nowrap
}

@media screen and (max-width:1000px) {
	.app-page-gird-2 .item .inner .number {
		font-size: 40px
	}
}

.app-page-gird-2 .item .inner .text {
	color: #333;
	flex: 1 1 auto;
	font-size: 14px;
	margin-left: 1em
}

@media screen and (max-width:1000px) {
	.app-page-gird-2 .item .inner .text {
		font-size: 12px
	}
}

.app-page-gird-3 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-gird-3 {
		margin: -5px
	}
}

.app-page-gird-3 .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 25%
}

@media screen and (max-width:1000px) {
	.app-page-gird-3 .item {
		padding: 5px
	}
}

@media screen and (max-width:860px) {
	.app-page-gird-3 .item {
		width: 50%
	}
}

.app-page-gird-3 .item .inner {
	background-color: #e0e0e0;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	height: 100%;
	min-height: 165px
}

@media screen and (max-width:500px) {
	.app-page-gird-3 .item .inner {
		min-height: 100px
	}
}

.app-page-gird-3 .item .inner .text {
	color: #fff;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	padding: 28px
}

@media screen and (max-width:1200px) {
	.app-page-gird-3 .item .inner .text {
		font-size: 30px
	}
}

@media screen and (max-width:500px) {
	.app-page-gird-3 .item .inner .text {
		font-size: 24px;
		padding: 18px
	}
}

.app-page-gird-4 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-gird-4 {
		margin: -5px
	}
}

.app-page-gird-4 .item {
	flex: 0 0 auto;
	padding: 10px;
	width: 33.33%
}

@media screen and (max-width:1000px) {
	.app-page-gird-4 .item {
		padding: 5px
	}
}

@media screen and (max-width:750px) {
	.app-page-gird-4 .item {
		width: 50%
	}
}

.app-page-gird-4 .item .inner {
	background-color: #df242a;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	color: #fff;
	display: flex;
	height: 100%;
	min-height: 168px;
	padding: 20px
}

.app-page-gird-4 .item .inner .text {
	position: relative;
	z-index: 1
}

@media screen and (max-width:1000px) {
	.app-page-gird-4 .item .inner .text {
		padding-top: 0
	}
}

.app-page-gird-4 .item .inner .title {
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-gird-4 .item .inner .title {
		font-size: 16px
	}
}

@media screen and (max-width:450px) {
	.app-page-gird-4 .item .inner .title {
		font-size: 14px
	}
}

.app-page-gird-4 .item .inner .intro {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	font-size: 14px;
	margin-top: .68em;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width:1200px) {
	.app-page-gird-4 .item .inner .intro {
		font-size: 12px
	}
}

.app-page-gird-4 .item .inner .buttons {
	margin-top: 1em
}

.app-page-gird-4 .item.text-center .inner {
	align-items: center;
	justify-content: center
}

.app-page-gird-4 .item.text-center .inner .text {
	text-align: center
}

.app-page-gird-4 .item.text-center .inner .text .title {
	font-size: 24px
}

@media screen and (max-width:1200px) {
	.app-page-gird-4 .item.text-center .inner .text .title {
		font-size: 22px
	}
}

@media screen and (max-width:1000px) {
	.app-page-gird-4 .item.text-center .inner .text .title {
		font-size: 20px
	}
}

@media screen and (max-width:450px) {
	.app-page-gird-4 .item.text-center .inner .text .title {
		font-size: 18px
	}
}

.app-page-gird-4 .item:first-child {
	width: 66.66%
}

@media screen and (max-width:750px) {
	.app-page-gird-4 .item:first-child {
		width: 100%
	}
}

.app-page-gird-4 .item:first-child .inner {
	background-position: 100%
}

.app-page-gird-4 .item:first-child .inner .text {
	width: calc(50% - 20px)
}

@media screen and (max-width:450px) {
	.app-page-gird-4 .item:first-child .inner .text {
		width: 100%
	}
}

.app-page-gird-5 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:1000px) {
	.app-page-gird-5 {
		margin: -5px
	}
}

.app-page-gird-5-item {
	flex: 0 0 auto;
	padding: 10px;
	width: 25%
}

@media screen and (max-width:1000px) {
	.app-page-gird-5-item {
		padding: 5px
	}
}

@media screen and (max-width:800px) {
	.app-page-gird-5-item {
		width: 50%
	}
}

.app-page-gird-5-item .inner {
	background-color: #fff;
	border: 1px solid #efebec;
	border-radius: 4px;
	color: #555;
	display: block;
	font-size: 14px;
	height: 100%;
	overflow: hidden;
	padding: 1em 1.5em;
	position: relative;
	transition: box-shadow .6s ease
}

@media screen and (max-width:1200px) {
	.app-page-gird-5-item .inner {
		font-size: 12px
	}
}

.app-page-gird-5-item .inner .title {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	transition: color .6s ease
}

@media screen and (max-width:1200px) {
	.app-page-gird-5-item .inner .title {
		font-size: 16px
	}
}

.app-page-gird-5-item .inner .intro {
	line-height: 1.6;
	margin-top: .5em
}

.app-page-gird-5-item .inner .intro,
.app-page-gird-5-item .inner .title {
	position: relative;
	z-index: 1
}

.app-page-gird-5-item .inner .icon {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 70px;
	opacity: .04;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(5px, -50%);
	width: 70px
}

@media screen and (max-width:1200px) {
	.app-page-gird-5-item .inner .icon {
		height: 60px;
		width: 60px
	}
}

.app-page-gird-5-item .inner:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, .1)
}

.app-page-gird-5-item .inner:hover .title {
	color: #df242a
}

.app-page-breadcrumbs ul {
	align-items: center;
	color: #666;
	display: flex;
	font-size: 14px;
	list-style: none;
	margin-top: 1.25em
}

@media screen and (max-width:1000px) {
	.app-page-breadcrumbs ul {
		font-size: 12px
	}
}

.app-page-breadcrumbs ul li {
	align-items: center;
	display: inline-flex
}

.app-page-breadcrumbs ul li>* {
	color: currentColor;
	font-size: 1em
}

.app-page-breadcrumbs ul li a:hover {
	color: #df242a
}

.app-page-breadcrumbs ul li+li:before {
	content: ">";
	font-family: serif;
	margin: 0 .5em;
	transform: scaleX(.6) scaleY(1.6)
}

.app-page-content .wrap {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

.app-page-content .wrap .main,
.app-page-content .wrap .side {
	flex: 0 0 auto;
	padding: 10px
}

.app-page-content .wrap .side {
	width: 24.57%
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .side {
		width: 100%
	}
}

.app-page-content .wrap .side .inner {
	background-color: #fff;
	border: 1px solid #efebec;
	border-bottom-right-radius: 4px;
	border-top: 2px solid #df242a;
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .23), 8px 8px 10px rgba(198, 45, 45, .05);
	padding: 15px 15px 45px
}

.app-page-content .wrap .side .part {
	margin-top: 40px
}

.app-page-content .wrap .side .part-name {
	align-items: center;
	color: #333;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	position: relative
}

.app-page-content .wrap .side .part-name:before {
	background-color: #df242a;
	content: "";
	display: block;
	height: 1em;
	margin-right: 5px;
	width: 2px
}

.app-page-content .wrap .side .part-content {
	margin-top: 20px
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .side .list-1 {
		align-items: stretch;
		display: flex;
		flex-wrap: wrap;
		margin: -5px
	}
}

.app-page-content .wrap .side .list-1 .item {
	border-bottom: 1px solid #efebec;
	margin-bottom: 20px;
	padding-bottom: 20px
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .side .list-1 .item {
		display: flex;
		flex-direction: column;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 5px;
		width: calc(50% - 10px)
	}
}

@media screen and (max-width:400px) {
	.app-page-content .wrap .side .list-1 .item {
		width: calc(100% - 10px)
	}
}

.app-page-content .wrap .side .list-1 .item .thumb {
	width: 100%
}

.app-page-content .wrap .side .list-1 .item .thumb .img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	height: 0;
	padding-bottom: 42.5%;
	width: 100%
}

.app-page-content .wrap .side .list-1 .item .title {
	font-size: 14px;
	margin-bottom: .5em;
	margin-top: 1em
}

.app-page-content .wrap .side .list-1 .item .title .tag {
	align-items: center;
	background-color: #df242a;
	border-radius: 2px;
	color: #fff;
	display: inline-flex;
	font-weight: 500;
	justify-content: center;
	padding: 0 .5em;
	transform: scale(.9);
	transform-origin: left center
}

.app-page-content .wrap .side .list-1 .item .title a {
	color: #333
}

.app-page-content .wrap .side .list-1 .item .title a:hover {
	color: #df242a
}

.app-page-content .wrap .side .list-1 .item .time {
	color: #999;
	font-size: 10px
}

.app-page-content .wrap .side .list-1 .item .more {
	font-size: 12px;
	margin-top: 1em
}

.app-page-content .wrap .side .list-2 .item {
	align-items: stretch;
	border-bottom: 1px solid #efebec;
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 20px
}

@media screen and (max-width:1000px) {
	.app-page-content .wrap .side .list-2 .item {
		flex-direction: column
	}
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .side .list-2 .item {
		flex-direction: row
	}
}

.app-page-content .wrap .side .list-2 .item .thumb {
	flex: 0 0 auto;
	width: 126px
}

@media screen and (max-width:1200px) {
	.app-page-content .wrap .side .list-2 .item .thumb {
		width: 100px
	}
}

@media screen and (max-width:1000px) {
	.app-page-content .wrap .side .list-2 .item .thumb {
		width: 100%
	}
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .side .list-2 .item .thumb {
		width: 126px
	}
}

.app-page-content .wrap .side .list-2 .item .thumb .img {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	height: 100%;
	padding-bottom: 59.52%;
	width: 100%
}

.app-page-content .wrap .side .list-2 .item .text {
	align-items: stretch;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	font-size: 14px;
	height: 100%;
	justify-content: space-between;
	padding-left: 6px
}

@media screen and (max-width:1000px) {
	.app-page-content .wrap .side .list-2 .item .text {
		padding-left: 0;
		padding-top: 6px
	}
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .side .list-2 .item .text {
		margin-left: 6px;
		margin-top: 0
	}
}

.app-page-content .wrap .side .list-2 .item .text .info .title {
	color: #333
}

.app-page-content .wrap .side .list-2 .item .text .info .title a {
	color: currentColor
}

.app-page-content .wrap .side .list-2 .item .text .info .title a:hover {
	color: #df242a
}

.app-page-content .wrap .side .list-2 .item .text .info .time {
	color: #999;
	font-size: 10px
}

.app-page-content .wrap .side .list-2 .item .text .more {
	margin-top: 1em
}

.app-page-content .wrap .side .list-3 {
	font-size: 12px;
	list-style: none
}

.app-page-content .wrap .side .list-3 li+li {
	margin-top: 1em
}

.app-page-content .wrap .side .list-3 a {
	color: #999
}

.app-page-content .wrap .side .list-3 a:hover {
	color: #555
}

.app-page-content .wrap .side .list-4 {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	margin: -5px
}

.app-page-content .wrap .side .list-4 li {
	flex: 0 0 auto;
	list-style: none;
	padding: 5px;
	width: 50%
}

@media screen and (max-width:1000px) {
	.app-page-content .wrap .side .list-4 li {
		width: 100%
	}
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .side .list-4 li {
		width: 50%
	}
}

@media screen and (max-width:400px) {
	.app-page-content .wrap .side .list-4 li {
		width: 100%
	}
}

.app-page-content .wrap .side .list-4 li a {
	align-items: center;
	border: 1px solid #df242a;
	border-radius: 2px;
	color: #555;
	display: flex;
	height: 100%;
	justify-content: center;
	line-height: 1.25;
	padding: .35em 1em;
	text-align: center;
	width: 100%
}

.app-page-content .wrap .side .list-4 li a:hover {
	color: #df242a
}

.app-page-content .wrap .side .sbox {
	padding: 20px
}

.app-page-content .wrap .main {
	width: 75.43%
}

@media screen and (max-width:810px) {
	.app-page-content .wrap .main {
		width: 100%
	}
}

.app-page-content .wrap .main .inner {
	background-color: #fdfbfb;
	border-radius: 4px;
	box-shadow: 0 -10px 20px rgba(18, 7, 7, .06), 0 10px 20px rgba(18, 7, 7, .06);
	padding: 30px
}

.app-page-content .wrap .main .inner .head {
	padding: 30px 0 40px
}

.app-page-content .wrap .main .inner .head h1 {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center
}

.app-page-content .wrap .main .inner .head .attrs {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	justify-content: center;
	margin-top: .5em;
	padding: 5px 0
}

.app-page-content .wrap .main .inner .head .attrs .attr {
	align-items: center;
	color: #df242a;
	display: inline-flex;
	padding: 5px
}

.app-page-content .wrap .main .inner .head .attrs .attr svg {
	fill: currentColor;
	height: 1em;
	margin-right: .25em;
	width: 1em
}

.app-page-content .wrap .main .inner .content {
	color: #666;
	font-size: 14px
}

.app-page-content .wrap .main .inner .keywords {
	display: flex;
	font-size: 14px;
	padding: 2em 0 0
}

.app-page-content .wrap .main .inner .keywords dt {
	color: #333;
	flex: 0 0 auto;
	white-space: nowrap
}

.app-page-content .wrap .main .inner .keywords dd {
	color: #df242a;
	display: flex;
	flex-wrap: wrap
}

.app-page-content .wrap .main .inner .keywords dd strong {
	align-items: center;
	display: inline-flex;
	font-weight: 500
}

.app-page-content .wrap .main .inner .keywords dd strong:after {
	content: "|";
	font-weight: 300;
	margin: 0 .5em
}

.app-page-content .wrap .main .inner .keywords dd strong:last-child:after {
	display: none
}

.app-page-content .wrap .main .inner .keywords dd a {
	color: currentColor
}

.app-page-content .wrap .main .inner .flips {
	font-size: 14px
}

@media screen and (max-width:1200px) {
	.app-page-content .wrap .main .inner .flips {
		font-size: 12px
	}
}

.app-page-content .wrap .main .inner .flips .flip {
	padding: .25em 0
}

.app-page-content .wrap .main .inner .flips .flip a {
	color: #333
}

.app-page-content .wrap .main .inner .flips .flip a:hover {
	border-bottom: 1px solid;
	color: #df242a
}

.app-page-content .wrap .main .inner .share {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	justify-content: center;
	padding: 3em 0;
	position: relative
}

.app-page-content .wrap .main .inner .share .line {
	background-color: #efebec;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 100%
}

.app-page-content .wrap .main .inner .share .icons {
	align-items: center;
	background-color: #fdfbfb;
	display: inline-flex;
	padding: 0 .5em;
	position: relative;
	z-index: 1
}

.app-page-content .wrap .main .inner .share .icons .icon {
	line-height: 0;
	margin: 0 .3em
}

.app-page-content .wrap .main .inner .share .icons .icon img {
	height: 15px;
	width: auto
}

.app-page-content-normal .content {
	color: #333;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 20px
}

.app-page-bmenu {
	margin-top: -40px;
	position: relative;
	z-index: 10
}

.app-page-bmenu .items {
	align-items: stretch;
	display: flex;
	height: 80px;
	justify-content: center
}

@media screen and (max-width:750px) {
	.app-page-bmenu .items {
		height: auto
	}
}

.app-page-bmenu .items .item {
	align-items: center;
	background-color: #fff;
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .1);
	color: #333;
	display: flex;
	flex: 1 1 auto;
	font-size: 16px;
	font-weight: 500;
	height: 100%;
	justify-content: center;
	line-height: 1;
	max-width: 400px;
	position: relative;
	transition: background-color .3s ease, color .3s ease;
	width: 33.33%
}

@media screen and (max-width:1600px) {
	.app-page-bmenu .items .item {
		max-width: 330px
	}
}

@media screen and (max-width:750px) {
	.app-page-bmenu .items .item {
		flex-direction: column;
		justify-content: flex-start;
		line-height: 1.4;
		padding: 1em;
		text-align: center
	}
}

@media screen and (max-width:520px) {
	.app-page-bmenu .items .item {
		font-size: 12px
	}
}

.app-page-bmenu .items .item .icon {
	height: 2.4em;
	position: relative;
	transition: transform .3s ease;
	width: 4em
}

@media screen and (max-width:750px) {
	.app-page-bmenu .items .item .icon {
		margin-bottom: .5em
	}
}

.app-page-bmenu .items .item .icon-default,
.app-page-bmenu .items .item .icon-hover {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .3s ease;
	width: 100%
}

.app-page-bmenu .items .item .icon-hover {
	opacity: 0;
	z-index: 1
}

.app-page-bmenu .items .item+.item:before {
	background-color: #efebec;
	bottom: 10px;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 10px;
	transition: .3s ease ease;
	width: 1px
}

.app-page-bmenu .items .item:hover {
	background-color: #df242a;
	color: #fff
}

.app-page-bmenu .items .item:hover .icon {
	transform: scale(1.45)
}

.app-page-bmenu .items .item:hover .icon-hover {
	opacity: 1
}

.app-page-bmenu .items .item:hover+.item:before,
.app-page-bmenu .items .item:hover .icon-default,
.app-page-bmenu .items .item:hover:before {
	opacity: 0
}

.app-page-bmenu .items .item:first-child {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.app-page-bmenu .items .item:last-child {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.app-page-banner-small {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	height: 200px
}

.app-page-banner-small .app-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center
}

.app-page-banner-small .slogan {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 1.25em;
	text-align: center
}

.app-page-table {
	font-size: 0;
	padding: 20px
}

.app-page-table table {
	background-color: #efebec;
	border-spacing: 2px;
	font-size: 18px;
	width: 100%
}

@media screen and (max-width:1200px) {
	.app-page-table table {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-table table {
		font-size: 14px
	}
}

@media screen and (max-width:860px) {
	.app-page-table table {
		border-spacing: 1px;
		font-size: 12px
	}
}

.app-page-table table td,
.app-page-table table th {
	padding: 1em;
	width: 33.33%
}

.app-page-table table th {
	background-color: #df242a;
	color: #fff;
	font-weight: 400;
	text-align: center
}

.app-page-table table td {
	background-color: #fff;
	color: #555;
	padding: 2.5em
}

@media screen and (max-width:860px) {
	.app-page-table table td {
		padding: 1.5em
	}
}

.app-page-table table td:first-child {
	background-color: #fef7f8
}

.app-page-policy-items {
	display: grid;
	grid-auto-rows: minmax(207px, auto);
	grid-template-columns: repeat(4, 25%)
}

@media screen and (max-width:1600px) {
	.app-page-policy-items {
		grid-auto-rows: minmax(170px, auto)
	}
}

@media screen and (max-width:1000px) {
	.app-page-policy-items {
		grid-template-columns: 34% 22% 22% 22%
	}
}

@media screen and (max-width:800px) {
	.app-page-policy-items {
		grid-template-columns: repeat(3, 33.33%)
	}
}

@media screen and (max-width:530px) {
	.app-page-policy-items {
		grid-template-columns: repeat(2, 50%)
	}
}

.app-page-policy-items .item {
	display: flex;
	flex-direction: column
}

.app-page-policy-items .item .title {
	font-size: 18px;
	font-weight: 500
}

.app-page-policy-items .item .intro {
	margin-top: .8em;
	text-align: justify
}

.app-page-policy-items .item .more {
	margin-top: 1em
}

.app-page-policy-items .item .button {
	margin-top: 2.5em
}

.app-page-policy-items .item:first-child {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	color: #fff;
	font-size: 14px;
	grid-column: 1;
	grid-row-start: span 2;
	padding: 2.5em 2em
}

@media screen and (max-width:800px) {
	.app-page-policy-items .item:first-child {
		border-bottom-left-radius: 0;
		border-top-right-radius: 4px;
		grid-column-start: span 3
	}
}

@media screen and (max-width:530px) {
	.app-page-policy-items .item:first-child {
		grid-column-start: span 2
	}
}

.app-page-policy-items .item:nth-child(5) {
	grid-column: 2
}

@media screen and (max-width:800px) {
	.app-page-policy-items .item:nth-child(5) {
		border-bottom-left-radius: 4px;
		grid-column: 1
	}
}

@media screen and (max-width:530px) {
	.app-page-policy-items .item:nth-child(5) {
		border-bottom-left-radius: 0;
		border-left: 0;
		grid-column: 2
	}
}

.app-page-policy-items .item:nth-child(4) {
	border-top-right-radius: 4px
}

@media screen and (max-width:800px) {
	.app-page-policy-items .item:nth-child(4) {
		border-top-right-radius: 0
	}
}

.app-page-policy-items .item:last-child {
	border-bottom-right-radius: 4px
}

.app-page-policy-items .item:not(:first-child) {
	background-color: #fff;
	border: 1px solid #efebec;
	border-left: 0;
	font-size: 14px;
	justify-content: space-between;
	padding: 2.5em 2em;
	position: relative;
	transition: box-shadow .3s ease
}

.app-page-policy-items .item:not(:first-child) .title {
	color: #000
}

.app-page-policy-items .item:not(:first-child) .intro {
	color: #555
}

.app-page-policy-items .item:not(:first-child):hover {
	box-shadow: 4px 4px 11px rgba(0, 0, 0, .06);
	z-index: 1
}

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

	.app-page-policy-items .item:nth-child(4),
	.app-page-policy-items .item:nth-child(6) {
		border-left: 1px solid #efebec
	}
}

.app-page-policy-items .item:nth-child(5),
.app-page-policy-items .item:nth-child(6),
.app-page-policy-items .item:nth-child(7) {
	border-top: 0
}

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

	.app-page-policy-items .item:nth-child(2),
	.app-page-policy-items .item:nth-child(5) {
		border-left: 1px solid #efebec
	}
}

@media screen and (max-width:530px) {
	.app-page-policy-items .item:nth-child(5) {
		border-left: 0
	}

	.app-page-policy-items .item:nth-child(2),
	.app-page-policy-items .item:nth-child(3),
	.app-page-policy-items .item:nth-child(4),
	.app-page-policy-items .item:nth-child(5),
	.app-page-policy-items .item:nth-child(6),
	.app-page-policy-items .item:nth-child(7) {
		border-top: 0
	}

	.app-page-policy-items .item:nth-child(6) {
		border-bottom-left-radius: 4px
	}
}

.app-page-policy-items[data-count="1"] .item:first-child,
.app-page-policy-items[data-count="2"] .item:first-child,
.app-page-policy-items[data-count="3"] .item:first-child,
.app-page-policy-items[data-count="4"] .item:first-child {
	grid-row-start: span 1
}

.app-page-policy-items[data-count="3"] {
	grid-template-columns: repeat(3, 33.33%)
}

@media screen and (max-width:800px) {
	.app-page-policy-items[data-count="3"] {
		grid-template-columns: repeat(2, 50%)
	}

	.app-page-policy-items[data-count="3"] .item:first-child {
		grid-column-start: span 2
	}
}

.app-page-policy-items[data-count="2"] {
	grid-template-columns: repeat(2, 50%)
}

@media screen and (max-width:800px) {
	.app-page-policy-items[data-count="2"] {
		grid-template-columns: repeat(1, 100%)
	}

	.app-page-policy-items[data-count="2"] .item:first-child {
		grid-column-start: span 1
	}
}

.app-page-policy-items[data-count="1"] {
	grid-template-columns: repeat(1, 100%)
}

.app-page-technology-box {
	border: 1px dashed #b3b3b3;
	border-radius: 4px;
	font-size: 14px;
	padding: 2em
}

@media screen and (max-width:1000px) {
	.app-page-technology-box {
		font-size: 12px
	}
}

.app-page-technology-box .intro {
	color: #555;
	line-height: 1.8;
	padding: 2em 2em 4em;
	text-align: center
}

.app-page-technology-box .image {
	font-size: 0
}

.app-page-technology-box .image img {
	height: auto;
	width: 100%
}

.app-page-plan {
	background: #212121 url(data:image/png;base64,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) no-repeat 100% 0/auto 100%;
	height: 31.25vw;
	max-height: 520px;
	min-height: 430px;
	overflow: hidden;
	position: relative
}

@media screen and (max-width:700px) {
	.app-page-plan {
		max-height: 10000px
	}
}

.app-page-plan .app-container {
	align-items: stretch;
	display: flex;
	height: 100%
}

.app-page-plan .images {
	height: 100%;
	margin-left: calc(720px - 50vw);
	width: 41.6vw
}

@media screen and (max-width:1600px) {
	.app-page-plan .images {
		margin-left: calc(590px - 50vw)
	}
}

@media screen and (max-width:1200px) {
	.app-page-plan .images {
		margin-left: -3vw
	}
}

@media screen and (max-width:700px) {
	.app-page-plan .images {
		display: none !important;
		width: 30vw
	}
}

.app-page-plan .images .swiper,
.app-page-plan .images .swiper .image {
	height: 100%;
	width: 100%
}

.app-page-plan .images .swiper .image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.app-page-plan .content {
	color: #fff;
	flex: 1 1 auto;
	position: relative;
	width: 60%
}

.app-page-plan .content .swiper,
.app-page-plan .content .swiper .inner {
	height: 100%;
	width: 100%
}

.app-page-plan .content .swiper .inner {
	font-size: 14px;
	padding: 3em
}

@media screen and (max-width:1000px) {
	.app-page-plan .content .swiper .inner {
		font-size: 12px
	}
}

@media screen and (max-width:700px) {
	.app-page-plan .content .swiper .inner {
		padding-left: 0;
		padding-right: 0
	}
}

.app-page-plan .content .swiper .inner h3 {
	font-size: 24px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-plan .content .swiper .inner h3 {
		font-size: 22px
	}
}

@media screen and (max-width:1000px) {
	.app-page-plan .content .swiper .inner h3 {
		font-size: 20px
	}
}

.app-page-plan .content .swiper .inner .intro {
	line-height: 1.6;
	margin-top: 1em;
	text-align: justify
}

.app-page-plan .content .swiper .inner .more {
	margin-top: 2em
}

.app-page-plan .items {
	bottom: 2vw;
	left: 0;
	position: absolute;
	right: 0
}

@media screen and (max-width:1000px) {
	.app-page-plan .items {
		bottom: 45px
	}
}

.app-page-plan .items .items-arrows {
	align-items: center;
	display: flex;
	font-size: 14px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100
}

@media screen and (max-width:1000px) {
	.app-page-plan .items .items-arrows {
		font-size: 12px
	}
}

.app-page-plan .items .items-arrows .app-container {
	display: flex;
	justify-content: flex-end;
	width: 96%
}

.app-page-plan .items .items-arrows .app-container .inner {
	align-items: center;
	display: flex;
	position: relative;
	width: calc(10vw + 720px)
}

@media screen and (max-width:1600px) {
	.app-page-plan .items .items-arrows .app-container .inner {
		width: calc(10vw + 590px)
	}
}

@media screen and (max-width:1200px) {
	.app-page-plan .items .items-arrows .app-container .inner {
		width: 57vw
	}
}

@media screen and (max-width:700px) {
	.app-page-plan .items .items-arrows .app-container .inner {
		width: 77vw
	}
}

.app-page-plan .items .items-arrows-left,
.app-page-plan .items .items-arrows-right {
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNkZjI0MmE7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==) no-repeat 50%/100% auto;
	border-radius: 2px;
	box-shadow: 2px 2px 10px rgba(223, 36, 42, .5);
	cursor: pointer;
	height: 2em;
	position: absolute;
	width: 2em
}

.app-page-plan .items .items-arrows-left:hover,
.app-page-plan .items .items-arrows-right:hover {
	background-color: #df242a;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==)
}

.app-page-plan .items .items-arrows-left.swiper-button-disabled,
.app-page-plan .items .items-arrows-right.swiper-button-disabled {
	opacity: .5
}

.app-page-plan .items .items-arrows-left {
	left: -1em;
	transform: rotate(180deg)
}

.app-page-plan .items .items-arrows-right {
	right: -1em
}

.app-page-plan .items .items-swiper {
	margin-left: 40%;
	overflow: hidden;
	width: 60%;
	z-index: 10
}

@media screen and (max-width:700px) {
	.app-page-plan .items .items-swiper {
		margin-left: 0;
		width: 80%
	}
}

.app-page-plan .items .items-swiper .swiper {
	cursor: grab;
	margin: 0;
	overflow: visible;
	width: calc(5vw + 352.5px)
}

@media screen and (max-width:1600px) {
	.app-page-plan .items .items-swiper .swiper {
		width: calc(5vw + 287.5px)
	}
}

@media screen and (max-width:1200px) {
	.app-page-plan .items .items-swiper .swiper {
		width: calc(28.5vw - 7.5px)
	}
}

@media screen and (max-width:700px) {
	.app-page-plan .items .items-swiper .swiper {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		width: calc(38.5vw - 7.5px)
	}
}

.app-page-plan .items .items-swiper .swiper:active {
	cursor: grabbing
}

.app-page-plan .items .items-swiper .swiper-wrapper {
	align-items: stretch;
	display: flex
}

.app-page-plan .items .items-swiper .swiper-slide {
	height: auto;
	width: 100%
}

.app-page-plan .items .items-swiper .swiper .item {
	background-color: #fff;
	border-radius: 4px;
	color: #666;
	font-size: 12px;
	height: 100%;
	padding: 1.5em
}

.app-page-plan .items .items-swiper .swiper .item .title {
	color: #333;
	font-size: 18px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-page-plan .items .items-swiper .swiper .item .title {
		font-size: 16px
	}
}

@media screen and (max-width:1000px) {
	.app-page-plan .items .items-swiper .swiper .item .title {
		font-size: 14px
	}
}

.app-page-plan .items .items-swiper .swiper .item .intro {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	line-height: 1.4;
	margin-top: .5em;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width:1000px) {
	.app-page-plan .items .items-swiper .swiper .item .intro {
		-webkit-line-clamp: 2
	}
}

.app-page-plan .items .items-pagination {
	display: flex;
	font-size: 14px;
	justify-content: left;
	padding: 20px 0 0 calc(3em + 1.6vw);
	position: relative;
	z-index: 15
}

@media screen and (max-width:1000px) {
	.app-page-plan .items .items-pagination {
		font-size: 12px
	}
}

@media screen and (max-width:700px) {
	.app-page-plan .items .items-pagination {
		padding-left: 3vw
	}
}

.app-page-plan .items .items-pagination span {
	background-color: rgba(255, 255, 255, .25);
	border-radius: 0;
	display: block;
	flex: 0 0 auto;
	height: 4px;
	margin-right: 8px;
	width: 18px
}

.app-page-plan .items .items-pagination span.swiper-pagination-bullet-active {
	background-color: #df242a
}

.app-page-topnews-wrap {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:580px) {
	.app-page-topnews-wrap {
		margin: -5px
	}
}

.app-page-topnews-wrap>div {
	flex: 0 0 auto;
	padding: 10px;
	width: 50%
}

@media screen and (max-width:1080px) {
	.app-page-topnews-wrap>div {
		width: 100%
	}
}

@media screen and (max-width:580px) {
	.app-page-topnews-wrap>div {
		padding: 5px
	}
}

.app-page-topnews-top .inner {
	border-radius: 4px;
	overflow: hidden;
	position: relative
}

.app-page-topnews-top .inner .image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	padding-bottom: 58%;
	width: 100%
}

.app-page-topnews-top .inner .text {
	background-image: linear-gradient(0deg, #000, transparent);
	bottom: 0;
	color: #fff;
	font-size: 14px;
	left: 0;
	padding: 5em 1em 1em;
	position: absolute;
	right: 0
}

.app-page-topnews-top .inner .text a {
	color: currentColor
}

.app-page-topnews-top .inner .text a:hover {
	color: #df242a
}

.app-page-topnews-top .inner .text h3 {
	font-size: 18px;
	font-weight: 700
}

@media screen and (max-width:1600px) {
	.app-page-topnews-top .inner .text h3 {
		font-size: 16px
	}
}

.app-page-topnews-top .inner .text .intro {
	margin-top: .5em
}

.app-page-topnews-aside .row {
	align-items: stretch;
	display: flex;
	height: 100%;
	margin: 0 -10px
}

@media screen and (max-width:1080px) {
	.app-page-topnews-aside .row {
		flex-direction: column
	}
}

@media screen and (max-width:580px) {
	.app-page-topnews-aside .row {
		margin: 0 -5px
	}
}

.app-page-topnews-aside .row .col {
	flex: 0 0 auto;
	height: 100%;
	padding: 0 10px
}

.app-page-topnews-aside .row .col:first-child {
	width: 38%
}

.app-page-topnews-aside .row .col:last-child {
	width: 62%
}

@media screen and (max-width:1080px) {
	.app-page-topnews-aside .row .col {
		height: auto;
		width: 100% !important
	}
}

@media screen and (max-width:580px) {
	.app-page-topnews-aside .row .col {
		padding: 0 5px
	}
}

.app-page-topnews-aside .filmstrip {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	height: 100%
}

@media screen and (max-width:1080px) {
	.app-page-topnews-aside .filmstrip {
		flex-direction: row;
		height: auto;
		margin-left: -10px;
		margin-right: -10px;
		width: auto
	}
}

@media screen and (max-width:580px) {
	.app-page-topnews-aside .filmstrip {
		margin-left: -5px;
		margin-right: -5px
	}
}

.app-page-topnews-aside .filmstrip .item {
	color: #666;
	display: block
}

@media screen and (max-width:1080px) {
	.app-page-topnews-aside .filmstrip .item {
		margin: 0 10px;
		width: calc(50% - 20px)
	}
}

@media screen and (max-width:580px) {
	.app-page-topnews-aside .filmstrip .item {
		margin: 0 5px;
		width: calc(50% - 10px)
	}
}

.app-page-topnews-aside .filmstrip .item .image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	display: block;
	padding-bottom: 58%;
	width: 100%
}

.app-page-topnews-aside .filmstrip .item .title {
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin-top: .5em
}

@media screen and (max-width:1600px) {
	.app-page-topnews-aside .filmstrip .item .title {
		font-size: 14px
	}
}

.app-page-topnews-aside .filmstrip .item .time {
	display: block;
	font-size: 12px;
	font-weight: 300;
	margin-top: .25em
}

.app-page-topnews-aside .filmstrip .item:hover {
	color: #df242a
}

.app-page-topnews-aside .filmstrip .item+.item {
	margin-top: 15px
}

@media screen and (max-width:1600px) {
	.app-page-topnews-aside .filmstrip .item+.item {
		margin-top: 7px
	}
}

@media screen and (max-width:1080px) {
	.app-page-topnews-aside .filmstrip .item+.item {
		margin-top: 0
	}
}

.app-page-topnews-aside .latest {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between
}

@media screen and (max-width:1080px) {
	.app-page-topnews-aside .latest {
		border-top: 1px solid rgba(153, 153, 153, .25);
		height: auto;
		margin-top: 20px
	}
}

@media screen and (max-width:860px) {
	.app-page-topnews-aside .latest {
		margin-top: 40px
	}
}

@media screen and (max-width:580px) {
	.app-page-topnews-aside .latest {
		margin-top: 30px
	}
}

.app-page-topnews-aside .latest .items .item {
	border-bottom: 1px solid rgba(153, 153, 153, .25);
	color: #666;
	display: block;
	font-size: 12px;
	padding: 1em 0
}

@media screen and (max-width:1600px) {
	.app-page-topnews-aside .latest .items .item {
		padding: .5em 0
	}
}

@media screen and (max-width:1080px) {
	.app-page-topnews-aside .latest .items .item {
		padding: 1em 0
	}
}

.app-page-topnews-aside .latest .items .item .title {
	display: block;
	font-size: 16px;
	font-weight: 500
}

@media screen and (max-width:1600px) {
	.app-page-topnews-aside .latest .items .item .title {
		font-size: 14px
	}
}

.app-page-topnews-aside .latest .items .item .time {
	color: #999;
	display: block;
	margin-top: .5em;
	transition: color .3s ease
}

.app-page-topnews-aside .latest .items .item:hover {
	color: #df242a
}

.app-page-topnews-aside .latest .items .item:hover .time {
	color: currentColor
}

.app-page-topnews-aside .latest .more {
	font-size: 14px;
	margin-top: 3em;
	text-align: right
}

@media screen and (max-width:1600px) {
	.app-page-topnews-aside .latest .more {
		font-size: 12px
	}
}

.app-page-topnews-aside .secondary {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	margin: -10px
}

@media screen and (max-width:580px) {
	.app-page-topnews-aside .secondary {
		margin: -5px
	}
}

.app-page-topnews-aside .secondary .item {
	align-items: stretch;
	color: #666;
	display: block;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 10px;
	width: calc(50% - 20px)
}

@media screen and (max-width:580px) {
	.app-page-topnews-aside .secondary .item {
		margin: 5px;
		width: calc(50% - 10px)
	}
}

.app-page-topnews-aside .secondary .item .image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	display: block;
	padding-bottom: 43%;
	width: 100%
}

@media screen and (max-width:1600px) {
	.app-page-topnews-aside .secondary .item .image {
		padding-bottom: 42%
	}
}

@media screen and (max-width:1200px) {
	.app-page-topnews-aside .secondary .item .image {
		padding-bottom: 40%
	}
}

.app-page-topnews-aside .secondary .item .title {
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin-top: .5em
}

@media screen and (max-width:1600px) {
	.app-page-topnews-aside .secondary .item .title {
		font-size: 14px
	}
}

.app-page-topnews-aside .secondary .item .time {
	display: block;
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
	margin-top: .2em
}

.app-page-topnews-aside .secondary .item:hover {
	color: #df242a
}

.hover-button-dark:hover {
	box-shadow: 0 4px 10px rgba(0, 0, 0, .3), 0 -4px 10px rgba(255, 255, 255, .1) !important
}

.hover-button-light:hover {
	box-shadow: 0 4px 10px rgba(204, 4, 4, .26), 0 -4px 10px rgba(204, 4, 4, .14) !important
}

.hover-image-dark:hover {
	box-shadow: -4px -4px 10px rgba(255, 255, 255, .2), 8px 8px 20px rgba(0, 0, 0, .45) !important
}

.hover-image-light:hover {
	box-shadow: -8px -8px 20px rgba(255, 255, 255, .23), 8px 8px 20px rgba(198, 45, 45, .45) !important
}

.mo-back-top {
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	bottom: 20px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .16);
	color: #555;
	cursor: pointer;
	display: flex;
	font-size: 24px;
	height: 50px;
	justify-content: center;
	position: fixed;
	right: 20px;
	transition: background-color .3s ease, color .3s ease;
	width: 50px;
	z-index: 100
}

.mo-back-top:hover {
	background-color: #df242a;
	color: #fff
}

@media screen and (max-width:1000px) {
	.mo-back-top {
		bottom: 5px;
		font-size: 18px;
		height: 40px;
		right: 5px;
		width: 40px
	}
}

.honor-pc {
	display: block
}

@media screen and (max-width:600px) {
	.honor-pc {
		display: none
	}
}

.honor-m {
	display: none
}

@media screen and (max-width:600px) {
	.honor-m {
		display: block
	}

	.honor-m [data-moup-carousel] .carousel-slide {
		opacity: 1 !important;
		width: 45vw
	}
}

.lg-pc {
	display: block
}

@media screen and (max-width:1000px) {
	.lg-pc {
		display: none
	}
}

.lg-m {
	display: none
}

@media screen and (max-width:1000px) {
	.lg-m {
		display: block
	}
}

.md-pc {
	display: block
}

@media screen and (max-width:800px) {
	.md-pc {
		display: none
	}
}

.md-m {
	display: none
}

@media screen and (max-width:800px) {
	.md-m {
		display: block
	}
}

.sm-pc {
	display: block
}

@media screen and (max-width:600px) {
	.sm-pc {
		display: none
	}
}

.sm-m {
	display: none
}

@media screen and (max-width:600px) {
	.sm-m {
		display: block
	}
}

.xs-pc {
	display: block
}

@media screen and (max-width:500px) {
	.xs-pc {
		display: none
	}
}

.xs-m {
	display: none
}

@media screen and (max-width:500px) {
	.xs-m {
		display: block
	}
}

.mobile-carousel[data-moup-carousel] .carousel-list {
	overflow: visible !important
}

.mobile-carousel[data-moup-carousel] .carousel-track {
	align-items: stretch;
	display: flex
}

.mobile-carousel[data-moup-carousel] .carousel-slide {
	height: auto
}

.mobile-carousel[data-moup-carousel] .carousel-slide>div,
.mobile-carousel[data-moup-carousel] .carousel-slide>div>div {
	height: 100%
}

.mobile-carousel[data-moup-carousel] .carousel-dots {
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	list-style: none;
	position: absolute;
	right: 0;
	transform: translateY(100%)
}

.mobile-carousel[data-moup-carousel] .carousel-dots li {
	margin: 0 .25em
}

.mobile-carousel[data-moup-carousel] .carousel-dots li button {
	background-color: rgba(223, 36, 42, .35);
	border: 0;
	border-radius: 50%;
	font-size: 0;
	height: 5px;
	outline: none;
	width: 5px
}

.mobile-carousel[data-moup-carousel] .carousel-dots li.carousel-active button {
	background-color: #df242a
}

.mobile-carousel[data-moup-carousel].overflow-hidden .carousel-list {
	overflow: hidden !important
}

.mobile-carousel[data-moup-carousel].visible .carousel-slide {
	opacity: 1 !important;
	visibility: visible !important
}

.mobile-carousel[data-moup-carousel].w-10 .carousel-slide {
	width: 10vw
}

.mobile-carousel[data-moup-carousel].w-15 .carousel-slide {
	width: 15vw
}

.mobile-carousel[data-moup-carousel].w-20 .carousel-slide {
	width: 20vw
}

.mobile-carousel[data-moup-carousel].w-25 .carousel-slide {
	width: 25vw
}

.mobile-carousel[data-moup-carousel].w-30 .carousel-slide {
	width: 30vw
}

.mobile-carousel[data-moup-carousel].w-35 .carousel-slide {
	width: 35vw
}

.mobile-carousel[data-moup-carousel].w-40 .carousel-slide {
	width: 40vw
}

.mobile-carousel[data-moup-carousel].w-45 .carousel-slide {
	width: 45vw
}

.mobile-carousel[data-moup-carousel].w-50 .carousel-slide {
	width: 50vw
}

.mobile-carousel[data-moup-carousel].w-55 .carousel-slide {
	width: 55vw
}

.mobile-carousel[data-moup-carousel].w-60 .carousel-slide {
	width: 60vw
}

.mobile-carousel[data-moup-carousel].w-65 .carousel-slide {
	width: 65vw
}

.mobile-carousel[data-moup-carousel].w-70 .carousel-slide {
	width: 70vw
}

.mobile-carousel[data-moup-carousel].w-75 .carousel-slide {
	width: 75vw
}

.mobile-carousel[data-moup-carousel].w-80 .carousel-slide {
	width: 80vw
}

.mobile-carousel[data-moup-carousel].w-85 .carousel-slide {
	width: 85vw
}

.mobile-carousel[data-moup-carousel].w-90 .carousel-slide {
	width: 90vw
}

.mobile-carousel[data-moup-carousel].w-95 .carousel-slide {
	width: 95vw
}

.app-body {
	min-height: 50vh;
	overflow-x: hidden;
	background: #fff;
}

.app-header-nav-product .wrap .content .tabs-content .rec .box {
	background: linear-gradient(180deg, hsla(0, 100%, 97%, .48), #fff);
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: -8px -8px 10px rgba(255, 255, 255, .23), 8px 8px 10px rgba(198, 45, 45, .05)
}

.app-header {
	position: relative;
	z-index: 2000
}

.app-header-top {
	background-color: #fff;
	border-bottom: 1px solid #ededed;
	color: #555;
	font-size: 12px;
	height: 40px;
	position: relative;
	z-index: 2;
}

@media screen and (max-width:640px) {
	.app-header-top {
		display: none
	}
}

.app-header-top .wrap {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-between;
	margin-left: 118px;
	margin-right: 105px;
	padding-right: 15px;
	position: relative
}

@media screen and (max-width:1199px) {
	.app-header-top .wrap {
		margin-left: 3vw;
		margin-right: 3vw
	}
}

.app-header-top .wrap .close {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLXdpZHRoPSIuOCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik03IDEgMS41IDdNMS41IDEgNyA3Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/100% 100%;
	cursor: pointer;
	height: 8px;
	position: absolute;
	right: 0;
	top: 8px;
	width: 8px
}

.app-header-top .tel {
	color: #df242a;
	font-size: 16px;
	font-weight: 500
}

.app-header-nav {
	align-items: stretch;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
	display: flex;
	height: 60px;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

@media screen and (max-width:1199px) {
	.app-header-nav {
		justify-content: center
	}
}

.app-header-nav .main {
	align-items: stretch;
	display: flex;
	height: 100%
}

.app-header-nav .main .logo {
	background: url(/static/images/logo.161d60de.png) no-repeat 50%/auto 50%;
	border-right: 1px solid #ededed;
	display: block;
	flex: 0 0 auto;
	height: 100%;
	width: 119px
}

@media screen and (max-width:1199px) {
	.app-header-nav .main .logo {
		border-right: 0
	}
}

.app-header-nav .main .nav {
	align-items: center;
	display: flex;
	padding: 0 20px
}

@media screen and (max-width:1440px) {
	.app-header-nav .main .nav {
		padding: 0 15px
	}
}

@media screen and (max-width:1199px) {
	.app-header-nav .main .nav {
		display: none
	}
}

.app-header-nav .main .nav .item {
	align-items: center;
	display: flex;
	height: 100%;
	padding: 0 20px;
	position: relative
}

@media screen and (max-width:1440px) {
	.app-header-nav .main .nav .item {
		padding: 0 15px
	}
}

.app-header-nav .main .nav .item:after {
	background-color: #df242a;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 20px;
	opacity: 0;
	position: absolute;
	right: 20px;
	transition: opacity .3s ease
}

@media screen and (max-width:1440px) {
	.app-header-nav .main .nav .item:after {
		left: 15px;
		right: 15px
	}
}

.app-header-nav .main .nav .item>a {
	color: #000;
	font-size: 16px
}

@media screen and (max-width:1400px) {
	.app-header-nav .main .nav .item>a {
		font-size: 14px
	}
}

.app-header-nav .main .nav .item.active>a,
.app-header-nav .main .nav .item:hover>a {
	color: #df242a
}

.app-header-nav .main .nav .item.active:after,
.app-header-nav .main .nav .item:hover:after {
	opacity: 1
}

.app-header-nav .main .nav .item [data-children] {
	display: none
}

.app-header-nav .main .search {
	align-items: center;
	display: flex;
	height: 100%
}

@media screen and (max-width:1280px) {
	.app-header-nav .main .search {
		display: none
	}
}

.app-header-nav .main .search .input {
	align-items: stretch;
	display: flex;
	height: 40px
}

.app-header-nav .main .search .input input {
	border: 1px solid #df242a;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	font-size: 12px;
	height: 100%;
	min-width: 190px;
	outline: none;
	padding: 0 1em;
	background: #fff;
	color:#555;
}

@media screen and (max-width:1600px) {
	.app-header-nav .main .search .input input {
		min-width: 160px
	}
}

.app-header-nav .main .search .input button {
	background: #df242a url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQxNyAxMy4wMzNhNy44NzggNy44NzggMCAwIDAgMS45LTUuMTIxIDcuOTA1IDcuOTA1IDAgMSAwLTUuNTk2IDcuNTYzLjYyNS42MjUgMCAwIDAtLjM2NS0xLjE5NiA2LjY1NSA2LjY1NSAwIDEgMSA0LjcxMS02LjM2NyA2LjY0NyA2LjY0NyAwIDAgMS0xLjg5NyA0LjYzNS43MjMuNzIzIDAgMCAwIC4wMDcgMS4wMTRsMi45MyAyLjkzYS42MjUuNjI1IDAgMCAwIC44ODMtLjg4NWwtMi41NzMtMi41NzNaIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) no-repeat 50%/auto 40%;
	border: 0;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	cursor: pointer;
	display: block;
	height: 100%;
	position: relative;
	width: 50px;
	z-index: 1
}

.app-header-nav .aside {
	align-items: center;
	display: flex;
	font-size: 14px;
	height: 100%
}

.app-header-nav .aside .dropdown {
	align-items: center;
	color: #000;
	cursor: default;
	display: inline-flex;
	line-height: 1;
	margin-right: 2.5em
}

@media screen and (max-width:1440px) {
	.app-header-nav .aside .dropdown {
		margin-right: 2em
	}
}

.app-header-nav .aside .dropdown:before {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: "";
	display: block;
	height: 1.35em;
	margin-right: .25em;
	width: 1.35em
}

.app-header-nav .aside .dropdown:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDUuMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA1LjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIHN0eWxlPSJvcGFjaXR5Oi44NDA2Ij48cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojODg4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgZD0ibTQ5IDguNiAzLjUgNCAzLjUtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4LjUgLTgpIi8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain;
	content: "";
	height: .7em;
	margin-left: .5em;
	width: .7em
}

@media screen and (max-width:1199px) {
	.app-header-nav .aside .dropdown.langs {
		position: absolute;
		right: 1.5em
	}
}

.app-header-nav .aside .dropdown.langs:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0RGMjQyQSIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNNi45NCAxMC41MzNoMy4wNzJWNy43MDhINi45NHYyLjgyNVptNC40MDQgMGgzLjA4NVY3LjcwOGgtMy4wODV2Mi44MjVaIi8+PHBhdGggZD0iTTEwLjUgMEM0Ljk3NyAwIC41IDQuNDc3LjUgMTBzNC40NzcgMTAgMTAgMTAgMTAtNC40NzcgMTAtMTAtNC40NzctMTAtMTAtMTBabTUuMjI0IDExLjc5MWgtNC4zOHY0LjEyaC0xLjMzMnYtNC4xMkg1LjY0NVY2LjQ1aDQuMzY3VjQuMzRoMS4zMzJ2Mi4xMWg0LjM4djUuMzQxWiIvPjwvZz48L3N2Zz4=)
}

@media screen and (max-width:1199px) {
	.app-header-nav .aside .dropdown.user {
		display: none
	}
}

.app-header-nav .aside .dropdown.user:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjgzMyAxNS40MTdjLjE2Ny0uMzM0LjMzNC0uNTg0LjUtLjkxNy4wODQtLjA4My4wODQtLjE2Ny4wODQtLjI1LjA4My0uMjUuMjUtLjUuMzMzLS43NS4wODMtLjA4My4wODMtLjE2Ny4wODMtLjMzMy4wODQtLjI1LjE2Ny0uNS4yNS0uNjY3IDAtLjA4My4wODQtLjI1LjA4NC0uMzMzLjA4My0uMjUuMDgzLS41LjE2Ni0uNzUgMC0uMDg0LjA4NC0uMjUuMDg0LS4zMzQuMDgzLS4zMzMuMDgzLS43NS4wODMtMS4wODMgMC01LjUtNC41LTEwLTEwLTEwUy41IDQuNS41IDEwYzAgLjMzMyAwIC43NS4wODMgMS4wODMgMCAuMDg0IDAgLjI1LjA4NC4zMzQgMCAuMjUuMDgzLjUuMDgzLjc1IDAgLjA4My4wODMuMjUuMDgzLjMzMy4wODQuMjUuMTY3LjUuMjUuNjY3IDAgLjA4My4wODQuMTY2LjA4NC4zMzMuMDgzLjI1LjE2Ni41LjMzMy43NSAwIC4wODMuMDgzLjE2Ny4wODMuMjUuMTY3LjMzMy4zMzQuNTgzLjUuOTE3QTkuODc2IDkuODc2IDAgMCAwIDEwLjQxNyAyMGMzLjUgMCA2LjU4My0xLjgzMyA4LjQxNi00LjU4My0uMDgzIDAtLjA4MyAwIDAgMFpNMTAuNDE3IDQuNzVjMiAwIDMuNjY2IDEuNjY3IDMuNjY2IDMuNjY3IDAgMi0xLjY2NiAzLjY2Ni0zLjY2NiAzLjY2NlM2Ljc1IDEwLjQxNyA2Ljc1IDguNDE3IDguNDE3IDQuNzUgMTAuNDE3IDQuNzVabS02LjA4NCAxMS41YzEuMDg0LTIuNDE3IDMuNDE3LTQgNi4wODQtNCAyLjY2NiAwIDUgMS41ODMgNi4wODMgNC0xLjU4MyAxLjUtMy43NSAyLjUtNi4wODMgMi41LTIuMzM0LS4wODMtNC41LTEtNi4wODQtMi41WiIgZmlsbD0iI0RGMjQyQSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+)
}

.app-header-nav .aside .cloud-server {
	align-items: center;
	background: #df242a;
	color: #fff;
	display: flex;
	height: 100%;
	justify-content: center;
	line-height: 1;
	width: 105px
}

@media screen and (max-width:1199px) {
	.app-header-nav .aside .cloud-server {
		display: none
	}
}

.app-header-nav .aside .cloud-server:before {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTYuNjI5IDUuNjU4QzE2LjA5NCAyLjQ0OCAxMy40OTQgMCAxMC41MTQgMGMtMi40NDggMC00LjUxIDEuNjA1LTUuNTggMy44MjJDMi40MSA0LjA1MS41IDYuNDk4LjUgOS4zMjZjMCAzLjEzNSAyLjIxNyA1LjY1NiA0Ljk2OSA1LjY1NmgxMC44NTVjMi4yOTMgMCA0LjEzLTIuMDY0IDQuMTMtNC43NC4wNzMtMi4zNjctMS42ODQtNC40My0zLjgyNS00LjU4NFptLS4wNzggNy40OTJINS4zOWMtMS45MTIgMC0zLjQ0LTEuNjgxLTMuNDQtMy44MjIgMC0xLjk4OCAxLjI5OS0zLjY3IDMuMDU5LTMuODIybC45MTgtLjIyOS40NTktLjkxOGMuNzYzLTEuNzU3IDIuMzY5LTIuOTA0IDQuMTI5LTIuOTA0IDIuMjE2IDAgNC4yMDUgMS43NTggNC42NjQgNC4zNTdsLjMwNiAxLjUzIDEuMy4xNTJjMS4zNzYuMDc2IDIuMzY4IDEuMzc3IDIuMzY4IDIuOTA0LS4wOCAxLjQ1NC0xLjIyNiAyLjc1Mi0yLjYwMyAyLjc1MloiLz48cGF0aCBkPSJtNy40NiA4LjIwMS0uODYyLjk2NyAyLjA0OCAyLjAzMSA0LjM3NC00LjAxMy0uODU0LTEuMTMtMy41IDMuMzMtMS4yMDUtMS4xODV6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain;
	content: "";
	display: block;
	height: 1.35em;
	margin-right: .5em;
	width: 1.35em
}

.app-header-nav .icon-menu,
.app-header-nav .icon-other {
	color: #666;
	display: none;
	height: 28px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 28px
}

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

	.app-header-nav .icon-menu,
	.app-header-nav .icon-other {
		display: block
	}
}

.app-header-nav .icon-menu svg,
.app-header-nav .icon-other svg {
	fill: currentColor;
	height: 100%;
	width: 100%
}

.app-header-nav .icon-menu {
	left: 3vw
}

.app-header-nav .icon-menu .close {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(45deg)
}

.app-header-nav .icon-menu svg {
	transition: transform .3s ease, opacity .3s ease
}

.app-header-nav .icon-menu.moup-close-drawer .close {
	opacity: 1;
	transform: rotate(0)
}

.app-header-nav .icon-menu.moup-close-drawer svg:not(.close) {
	opacity: 0
}

.app-header-nav .icon-other {
	right: 3vw
}

.app-header-nav-product {
	background-color: #fdfbfb;
	overflow: hidden
}

.app-header-nav-product .wrap {
	display: flex;
	height: 100%
}

@media screen and (max-width:1200px) {
	.app-header-nav-product .wrap {
		max-height: calc(100% - 60px) !important
	}
}

.app-header-nav-product .wrap .side {
	flex: 0 0 auto;
	font-size: 16px;
	position: relative;
	width: 230px
}

@media screen and (max-width:1400px) {
	.app-header-nav-product .wrap .side {
		font-size: 14px
	}
}

.app-header-nav-product .wrap .side .more {
	padding: 1.5em 0
}

.app-header-nav-product .wrap .side .more a {
	align-items: center;
	color: #df242a;
	display: inline-flex;
	line-height: 1
}

.app-header-nav-product .wrap .side .more a svg {
	fill: currentColor;
	height: 1em;
	margin-right: .25em;
	width: 1em
}

.app-header-nav-product .wrap .side ul {
	color: #000;
	list-style: none;
	max-height: 80%;
	overflow: auto
}

@media screen and (max-width:1200px) {
	.app-header-nav-product .wrap .side ul {
		max-height: 100%
	}
}

.app-header-nav-product .wrap .side ul::-webkit-scrollbar {
	height: 1px;
	width: 2px
}

.app-header-nav-product .wrap .side ul::-webkit-scrollbar-thumb {
	background: #efebec
}

.app-header-nav-product .wrap .side ul::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0)
}

.app-header-nav-product .wrap .side ul li {
	cursor: default
}

.app-header-nav-product .wrap .side ul li+li {
	margin-top: 1em
}

.app-header-nav-product .wrap .side ul li.active,
.app-header-nav-product .wrap .side ul li:hover {
	color: #df242a;
	font-weight: 500
}

.app-header-nav-product .wrap .side .inner {
	background: url(/static/images/bg-header-product.79978748.png) no-repeat 100% 100%/100% auto;
	height: 100%;
	padding: 2em 0;
	position: relative;
	z-index: 1
}

.app-header-nav-product .wrap .side:after {
	background-color: #fff;
	bottom: 0;
	box-shadow: -8px 0 20px rgba(0, 0, 0, .09);
	content: "";
	display: block;
	left: -20vw;
	position: absolute;
	right: 0;
	top: 0
}

.app-header-nav-product .wrap .side .navinfo {
	color: #333;
	font-size: 12px;
	padding-right: 2.5em
}

@media screen and (max-width:1200px) {
	.app-header-nav-product .wrap .side .navinfo {
		padding: 20px
	}
}

.app-header-nav-product .wrap .side .navinfo-title {
	font-size: 16px;
	font-weight: 500
}

@media screen and (max-width:1200px) {
	.app-header-nav-product .wrap .side .navinfo-title {
		font-size: 14px
	}
}

.app-header-nav-product .wrap .side .navinfo-info {
	margin-bottom: 3em;
	margin-top: 1em
}

.app-header-nav-product .wrap .side .navinfo-more {
	font-weight: 500
}

.app-header-nav-product .wrap .content {
	flex: 1 1 auto;
	max-height: 100%;
	overflow: auto;
	padding: 35px 0 35px 35px
}

.app-header-nav-product .wrap .content::-webkit-scrollbar {
	height: 1px;
	width: 2px
}

.app-header-nav-product .wrap .content::-webkit-scrollbar-thumb {
	background: #efebec
}

.app-header-nav-product .wrap .content::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0)
}

.app-header-nav-product .wrap .content .search {
	align-items: center;
	display: flex;
	font-size: 12px;
	height: 40px
}

.app-header-nav-product .wrap .content .search .input {
	align-items: stretch;
	display: flex;
	height: 100%
}

.app-header-nav-product .wrap .content .search .input input {
	border: 1px solid #df242a;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	height: 100%;
	min-width: 250px;
	outline: none;
	padding: 0 1em;
	color:#333;
	background: #fff;
}

.app-header-nav-product .wrap .content .search .input button {
	background: #df242a url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQxNyAxMy4wMzNhNy44NzggNy44NzggMCAwIDAgMS45LTUuMTIxIDcuOTA1IDcuOTA1IDAgMSAwLTUuNTk2IDcuNTYzLjYyNS42MjUgMCAwIDAtLjM2NS0xLjE5NiA2LjY1NSA2LjY1NSAwIDEgMSA0LjcxMS02LjM2NyA2LjY0NyA2LjY0NyAwIDAgMS0xLjg5NyA0LjYzNS43MjMuNzIzIDAgMCAwIC4wMDcgMS4wMTRsMi45MyAyLjkzYS42MjUuNjI1IDAgMCAwIC44ODMtLjg4NWwtMi41NzMtMi41NzNaIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) no-repeat 50%/auto 40%;
	border: 0;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	cursor: pointer;
	display: block;
	height: 100%;
	position: relative;
	width: 50px;
	z-index: 1
}

.app-header-nav-product .wrap .content .search .aside {
	align-items: stretch;
	display: flex;
	height: 100%
}

.app-header-nav-product .wrap .content .search .aside a {
	align-items: center;
	background-color: #df242a;
	color: #fff;
	display: inline-flex;
	height: 100%;
	justify-content: center;
	margin-left: 1em;
	padding: 0 2em
}

.app-header-nav-product .wrap .content .tabs,
.app-header-nav-product .wrap .content .tabs [data-tabs-content] {
	width: 100%
}

.app-header-nav-product .wrap .content .tabs-content {
	align-items: flex-start;
	display: flex;
	min-height: 350px;
	padding: 25px 0;
	width: 100%
}

.app-header-nav-product .wrap .content .tabs-content .menus {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	margin: -25px
}

.app-header-nav-product .wrap .content .tabs-content .menus dl {
	padding: 25px;
	width: 25%
}

.app-header-nav-product .wrap .content .tabs-content .menus dl a {
	color: #000
}

.app-header-nav-product .wrap .content .tabs-content .menus dl a:hover {
	color: #df242a
}

.app-header-nav-product .wrap .content .tabs-content .menus dl .solotion_pc{
	border-bottom: 1px solid #efebec;
	color: #df242a;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: .5em
}
.app-header-nav-product .wrap .content .tabs-content .menus dl .solotion_phone{
	 display: none;
 }
@media screen and (max-width:800px){
 .app-header-nav-product .wrap .content .tabs-content .menus dl .solotion_phone{
	 display: block!important;
 }
 .app-header-nav-product .wrap .content .tabs-content .menus dl .solotion_pc{
	 display: none!important;
 }

}

@media screen and (max-width:1600px) {
	.app-header-nav-product .wrap .content .tabs-content .menus dl dt {
		font-size: 14px
	}
}

.app-header-nav-product .wrap .content .tabs-content .menus dl dt a {
	color: currentColor;
}
.app-header-nav-product .wrap .content .tabs-content .menus dl dt .header-color{
 color: rgb(223, 36, 42)!important;
 font-size: 16px;
 font-weight: 500;
}

.app-header-nav-product .wrap .content .tabs-content .menus dl dd {
	font-size: 12px;
	font-weight: 300;
	margin-top: 1em
}

.app-header-nav-product .wrap .content .tabs-content .menus dl dd ul {
	list-style: none
}

.app-header-nav-product .wrap .content .tabs-content .menus dl dd ul li+li {
	margin-top: .5em
}

.app-header-nav-product .wrap .content .tabs-content .menus.single,
.app-header-nav-product .wrap .content .tabs-content .menus.single dl {
	width: 100%
}

.app-header-nav-product .wrap .content .tabs-content .menus.single dl dd ul {
	display: flex;
	flex-wrap: wrap
}

.app-header-nav-product .wrap .content .tabs-content .menus.single dl dd ul li {
	width: 25%
}

.app-header-nav-product .wrap .content .tabs-content .menus.single dl dd ul li+li {
	margin-bottom: 1em;
	margin-top: 0
}

.app-header-nav-product .wrap .content .tabs-content .menus .col-4 {
	padding: 25px;
	width: 25%
}

.app-header-nav-product .wrap .content .tabs-content .menus .col-5 {
	padding: 0 25px 25px;
	width: 20%
}

.app-header-nav-product .wrap .content .tabs-content .menus .col-4 dl,
.app-header-nav-product .wrap .content .tabs-content .menus .col-5 dl {
	padding: 0;
	width: 100%
}

.app-header-nav-product .wrap .content .tabs-content .menus .col-4 dl+dl,
.app-header-nav-product .wrap .content .tabs-content .menus .col-5 dl+dl {
	margin-top: 1.5em
}

.app-header-nav-product .wrap .content .tabs-content .rec {
	flex: 0 0 auto;
	margin-left: 20px;
	margin-top: -35px;
	width: 250px
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-hd {
	align-items: center;
	border-bottom: 1px solid rgba(153, 153, 153, .2);
	color: #000;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	height: 65px;
	line-height: 1;
	padding: 0 20px
}

@media screen and (max-width:1400px) {
	.app-header-nav-product .wrap .content .tabs-content .rec .box-hd {
		font-size: 16px;
		height: 55px
	}
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-hd:before {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMTEtMTdUMTc6MDA6MTIrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTExLTE3VDE3OjAxOjAxKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTExLTE3VDE3OjAxOjAxKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdlNDhlMDE0LTE4M2Yt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) no-repeat 50%/contain;
	content: "";
	display: block;
	height: 1em;
	margin-right: .5em;
	width: 1em
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-bd {
	font-size: 14px;
	padding: 20px
}

@media screen and (max-width:1400px) {
	.app-header-nav-product .wrap .content .tabs-content .rec .box-bd {
		font-size: 12px
	}
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-bd ul {
	list-style: none
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-bd ul li+li {
	margin-top: 1em
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-bd ul a {
	color: #000;
	font-weight: 300;
	opacity: .5;
	transition: opacity .3s ease
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-bd ul a:hover {
	color: #df242a;
	opacity: 1
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-inner {
	align-items: center;
	display: flex;
	padding: 20px
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-inner .icon {
	flex: 0 0 auto;
	height: auto;
	width: 36.97%
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-inner .icon img {
	height: auto;
	width: 100%
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-inner .text {
	color: #000
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-inner .text .title {
	font-size: 14px;
	font-weight: 500
}

.app-header-nav-product .wrap .content .tabs-content .rec .box-inner .text .intro {
	font-size: 12px;
	font-weight: 300;
	margin-top: 1em;
	opacity: .4
}

.app-header-nav-product .wrap .content .tabs-content .rec .box+.box {
	margin-top: 20px
}

.app-header-nav-product .wrap .content .tabs-content .topmenus {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	margin: -25px
}

.app-header-nav-product .wrap .content .tabs-content .topmenus dl {
	padding: 0 25px 25px;
	width: 20%
}

.app-header-nav-product .wrap .content .tabs-content .topmenus dl a {
	color: currentColor;
}

.app-header-nav-product .wrap .content .tabs-content .topmenus dl a:hover {
	color: #df242a;
}

.app-header-nav-product .wrap .content .tabs-content .topmenus dl dt {
	border-bottom: 1px solid #efebec;
	color: #df242a;
	font-size: 16px;
	font-weight: 500;
	padding-bottom: .5em
}

@media screen and (max-width:1600px) {
	.app-header-nav-product .wrap .content .tabs-content .topmenus dl dt {
		font-size: 14px
	}
}

.app-header-nav-product .wrap .content .tabs-content .topmenus dl dd {
	color: #000;
	font-size: 12px;
	font-weight: 300;
	margin-top: 1em
}

.app-header-nav-product .wrap .content .tabs-content .topmenus dl dd ul {
	list-style: none
}

.app-header-nav-product .wrap .content .tabs-content .topmenus dl dd ul li+li {
	margin-top: .5em
}

.app-header-nav-product .wrap .content .tabs-content .topmenus .col-4 {
	padding: 25px;
	width: 25%
}

.app-header-nav-product .wrap .content .tabs-content .topmenus .col-5 {
	padding: 0 25px 25px;
	width: 20%
}

.app-header-nav-product .wrap .content .tabs-content .topmenus .col-4 dl,
.app-header-nav-product .wrap .content .tabs-content .topmenus .col-5 dl {
	padding: 0;
	width: 100%
}

.app-header-nav-product .wrap .content .tabs-content .topmenus .col-4 dl+dl,
.app-header-nav-product .wrap .content .tabs-content .topmenus .col-5 dl+dl {
	margin-top: 1.5em
}

.app-header-drawer {
	z-index: 999 !important
}

.app-header-drawer .moup-drawer-container {
	background-color: #fdfbfb
}

.app-header-drawer .moup-drawer-content {
	align-items: stretch;
	display: flex;
	min-height: 100%;
	padding-top: 100px;
	position: relative
}

@media screen and (max-width:640px) {
	.app-header-drawer .moup-drawer-content {
		padding-top: 60px !important
	}
}

.app-header-drawer .moup-drawer-content .menus {
	background-color: #fff;
	box-shadow: -8px 0 20px rgba(0, 0, 0, .09);
	flex: 0 0 auto;
	min-height: 100%;
	position: relative;
	width: 140px;
	z-index: 10
}

.app-header-drawer .moup-drawer-content .menus-content {
	flex: 1 1 auto
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product {
	height: 100%
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap.topwrap {
	flex-direction: column
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content {
	display: none
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent {
	display: block !important;
	padding: 0
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .rec {
	display: none !important
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus {
	display: flex;
	flex-direction: column;
	margin: 0
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl {
	padding: 0;
	width: 100%
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl dt {
	align-items: center;
	display: flex;
	height: 50px;
	justify-content: space-between;
	padding: 0 20px;
	width: 100%
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl dt:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==) no-repeat 50%/contain;
	content: "";
	height: 1.5em;
	opacity: .5;
	transform: rotate(90deg);
	width: 1.5em
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl dd {
	border-bottom: 1px solid #efebec;
	display: none;
	margin: 0;
	padding: 20px
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl:first-child {
	border-top: 1px solid #efebec
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl.active {
	background-color: #fff
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl.active dt:after {
	transform: rotate(-90deg)
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .content.topcontent .topmenus dl.active dd {
	display: block
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side {
	width: 100%
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner {
	background: none;
	padding: 0
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner .more {
	border-bottom: 1px solid #ededed;
	line-height: 1;
	padding: 1.25em 3vw 1.15em
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul>li {
	align-items: center;
	border-bottom: 1px solid #ededed;
	display: flex;
	height: 50px;
	justify-content: space-between;
	margin: 0 !important;
	padding-left: 3vw;
	padding-right: 3vw
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul>li:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiIGQ9Im0tMjUtMzAgNiA2LjUtNiA2LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSIvPjwvc3ZnPg==) no-repeat 50%/contain;
	content: "";
	height: 1.5em;
	opacity: .5;
	transform: rotate(90deg);
	width: 1.5em
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul>li.active {
	background-color: #fff
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul>li.active:after {
	transform: rotate(-90deg)
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus {
	background-color: rgba(255, 255, 255, .5)
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus {
	border-bottom: 1px solid #ededed;
	box-shadow: none;
	width: 100%
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus a {
	color: #000
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus a:hover {
	color: #df242a
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus dl {
	padding-bottom: .8em;
	padding-top: .8em
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus dl:not(:first-child) {
	border-top: 1px solid #ededed
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus .solotion_pc{
	align-items: center;
	display: flex;
	font-weight: 500;
	height: 40px;
	padding-left: 3vw;
	padding-right: 3vw
}
.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus .solotion_phone{
	display:none;
}
@media screen and (max-width:880px) {
	.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus .solotion_phone{
		display:block;
	}
	.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus .solotion_pc{
		display:none;
	}
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus dd li {
	border-bottom: 0;
	height: 40px;
	padding-left: calc(3vw + 1em)
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus dd li a {
	opacity: .5
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus dd li a:hover {
	opacity: 1
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .menus dd li:after,
.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side .inner ul .submenus .rec {
	display: none !important
}

.app-header-drawer .moup-drawer-content .menus-content .app-header-nav-product .wrap .side:after {
	display: none
}

.app-header-drawer .moup-drawer-content .menus-content .app-container {
	max-width: 100%;
	width: 100%
}

.app-header-drawer .moup-drawer-content .item {
	align-items: center;
	display: flex;
	font-size: 14px;
	height: 50px;
	justify-content: flex-start;
	padding: 0 3vw
}

.app-header-drawer .moup-drawer-content .item>a {
	color: #000
}

.app-header-drawer .moup-drawer-content .item [data-children] {
	display: none
}

.app-header-drawer .moup-drawer-content .item.active a {
	color: #df242a;
	font-weight: 500
}

.app-header-drawer .moup-drawer-close {
	display: none !important
}

.app-header-dropdown {
	background-color: #fff;
	box-shadow: 0 10px 40px rgba(32, 0, 0, .16);
	height: 60vh;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 100%;
	transform: translateY(-100%);
	transition: opacity .3s ease, visibility .3s ease;
	visibility: visible
}

.app-header-dropdown .app-header-nav-product,
.app-header-dropdown .app-header-nav-product .app-container {
	height: 100%
}

.app-header-dropdown.hide {
	opacity: 0;
	visibility: hidden
}

.app-footer-bottom .menus dl dd a,
.app-footer-main .aside .menu .item a,
.app-footer-main .menus menu a {
	color: currentColor
}

.app-footer-bottom .menus dl dd a:hover,
.app-footer-main .aside .menu .item a:hover,
.app-footer-main .menus menu a:hover {
	color: #df242a
}

.app-footer-bottom .menus dl dt,
.app-footer-main .menus menu h3 {
	color: #df242a;
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap
}

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

	.app-footer-bottom .menus dl dt,
	.app-footer-main .menus menu h3 {
		font-size: 14px
	}
}

.app-footer {
	background: #1d1d1d url(/static/images/bg-footer.9ce10464.png) no-repeat 100%/cover;
	color: #fff;
	font-size: 14px
}

@media screen and (max-width:1200px) {
	.app-footer {
		font-size: 12px
	}
}

@media screen and (max-width:580px) {
	.app-footer {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 30px 3% 0
	}
}

.app-footer .app-container {
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width:580px) {
	.app-footer .app-container {
		max-width: 100% !important;
		padding: 0 !important;
		width: 100% !important
	}
}

.app-footer-main {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding: 50px 0 40px
}

@media screen and (max-width:820px) {
	.app-footer-main {
		padding-top: 40px
	}
}

@media screen and (max-width:580px) {
	.app-footer-main {
		border-bottom: 0;
		height: auto;
		padding-bottom: 0;
		padding-top: 0
	}
}

@media screen and (max-width:580px)and (max-width:850px) {
	.app-footer-main {
		width: 50%
	}
}

.app-footer-main .aside {
	flex: 0 0 220px
}

@media screen and (max-width:1200px) {
	.app-footer-main .aside {
		flex-basis: 200px
	}
}

@media screen and (max-width:820px) {
	.app-footer-main .aside {
		flex-basis: 100%;
		margin-bottom: 30px
	}
}

@media screen and (max-width:580px) {
	.app-footer-main .aside {
		margin-bottom: 0
	}
}

.app-footer-main .aside .logo {
	font-size: 0;
	margin-bottom: 33px
}

@media screen and (max-width:820px) {
	.app-footer-main .aside .logo {
		margin-bottom: 23px;
		text-align: center
	}
}

@media screen and (max-width:580px) {
	.app-footer-main .aside .logo {
		margin-bottom: 3px;
		text-align: center
	}
}

.app-footer-main .aside .logo img {
	max-height: 50px;
	width: auto
}

@media screen and (max-width:580px) {
	.app-footer-main .aside .logo img {
		max-height: 35px
	}
}

.app-footer-main .aside .menu {
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width:820px) {
	.app-footer-main .aside .menu {
		justify-content: center
	}
}

.app-footer-main .aside .menu .item {
	display: block;
	margin-top: 7px;
	white-space: nowrap
}

@media screen and (max-width:580px) {
	html[lang=en] .app-footer-main .aside .menu .item {
		white-space: normal
	}
}

.app-footer-main .aside .menu .item:not(:last-child):after {
	color: currentColor;
	content: "|";
	display: inline-block;
	margin: 0 .5em;
	transform: translateY(-1px)
}

.app-footer-main .menus {
	display: flex;
	flex: 1 1 auto;
	justify-content: space-between;
	margin: 0 -1em;
	padding-left: 90px
}

@media screen and (max-width:1200px) {
	.app-footer-main .menus {
		padding-left: 60px
	}
}

@media screen and (max-width:900px) {
	.app-footer-main .menus {
		padding-left: 30px
	}
}

@media screen and (max-width:820px) {
	.app-footer-main .menus {
		padding-left: 0;
		width: 100%
	}
}

@media screen and (max-width:580px) {
	.app-footer-main .menus {
		display: none !important
	}
}

.app-footer-main .menus menu {
	margin: 0 1em
}

@media screen and (max-width:580px) {
	.app-footer-main .menus menu h3 {
		align-items: center;
		border-top: 1px solid rgba(255, 255, 255, .08);
		display: flex;
		justify-content: space-between;
		margin-left: -3vw;
		margin-right: -3vw;
		padding: 1em 3vw
	}

	.app-footer-main .menus menu h3:after {
		color: rgba(255, 255, 255, .35);
		content: ">";
		font-family: serif;
		font-size: 11px;
		transform: rotate(90deg) scaleY(2.15) translateX(-50%);
		transform-origin: left center
	}
}

.app-footer-main .menus menu ul {
	list-style: none;
	margin-top: 1em
}

@media screen and (max-width:580px) {
	.app-footer-main .menus menu ul {
		backdrop-filter: blur(20px);
		background-color: rgba(0, 0, 0, .25);
		border-radius: 4px;
		border-top: 1px solid rgba(255, 255, 255, .1);
		display: none;
		margin-left: -3vw;
		margin-right: -3vw;
		margin-top: 0;
		padding: 3vw
	}
}

.app-footer-main .menus menu ul li+li {
	margin-top: 7px
}

@media screen and (max-width:580px) {
	.app-footer-main .menus menu.active h3:after {
		transform: rotate(-90deg) scaleY(2.15) translateX(-50%)
	}

	.app-footer-main .menus menu.active ul {
		display: block
	}
}

.app-footer-bottom {
	padding: 35px 0
}

@media screen and (max-width:580px) {
	.app-footer-bottom {
		padding-bottom: 0;
		padding-top: 0;
		width: 50%
	}
}

.app-footer-bottom .menus {
	flex: 0 0 80%
}

@media screen and (max-width:660px) {
	.app-footer-bottom .menus {
		flex-basis: auto;
		width: 100%
	}
}

@media screen and (max-width:580px) {
	.app-footer-bottom .menus {
		display: none !important
	}
}

.app-footer-bottom .menus dl {
	display: flex
}

.app-footer-bottom .menus dl:not(:last-child) {
	margin-bottom: 15px
}

.app-footer-bottom .menus dl dt {
	margin-right: 35px
}

@media screen and (max-width:1200px) {
	.app-footer-bottom .menus dl dt {
		margin-right: 25px
	}
}

.app-footer-bottom .menus dl dd a {
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 2px
}

.app-footer-bottom .menus dl dd a:not(:last-child) {
	margin-right: 1em
}

.app-footer-bottom .contact {
	flex: 0 0 auto
}

@media screen and (max-width:660px) {
	.app-footer-bottom .contact {
		align-items: center;
		border-top: 1px solid rgba(255, 255, 255, .2);
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: center;
		margin-left: -3vw;
		margin-right: -3vw;
		margin-top: 35px;
		padding-top: 35px
	}
}

@media screen and (max-width:580px) {
	.app-footer-bottom .contact {
		border-top: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding-top: 0
	}
}

.app-footer-bottom .contact .icons {
	align-items: center;
	display: flex;
	font-size: 24px
}

@media screen and (max-width:1200px) {
	.app-footer-bottom .contact .icons {
		font-size: 22px
	}
}

@media screen and (max-width:580px) {
	.app-footer-bottom .contact .icons {
		font-size: 18px
	}
}

.app-footer-bottom .contact .icons .icon {
	color: currentColor;
	display: inline-block;
	opacity: .7
}

.app-footer-bottom .contact .icons .icon+.icon {
	margin-left: 1.15em
}

@media screen and (max-width:580px) {
	.app-footer-bottom .contact .icons .icon+.icon {
		margin-left: .85em
	}
}

.app-footer-bottom .contact .icons .icon svg {
	fill: currentColor;
	height: 1em;
	width: 1em
}

.app-footer-bottom .contact .icons .icon.active,
.app-footer-bottom .contact .icons .icon:hover {
	opacity: 1
}

.app-footer-bottom .contact .qrcode {
	display: inline-block;
	margin-top: 10px;
	text-align: center
}

@media screen and (max-width:580px) {
	.app-footer-bottom .contact .qrcode {
		margin-top: 5px
	}
}

.app-footer-bottom .contact .qrcode .image {
	display: inline-block;
	font-size: 0
}

.app-footer-bottom .contact .qrcode .image img {
	height: auto;
	max-width: 105px
}

@media screen and (max-width:580px) {
	.app-footer-bottom .contact .qrcode .image img {
		max-width: 95px
	}
}

.app-footer-bottom .contact .qrcode .text {
	font-size: 12px;
	margin-top: .25em;
	text-align: center
}

.app-footer-bottom .app-container {
	align-items: center;
	justify-content: space-between
}

.app-modal {
	display: none;
	position: fixed;
	z-index: 12000
}

.app-modal,
.app-modal-mask {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.app-modal-mask {
	background-color: rgba(0, 0, 0, .5);
	position: absolute
}

.app-modal-inner {
	-webkit-overflow-scrolling: touch;
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: auto;
	padding: 10px;
	position: relative;
	width: 100%
}

.app-modal-box {
	background-color: #fff;
	border-radius: 4px;
	margin: auto;
	max-width: 880px;
	overflow: hidden;
	width: 100%
}

.app-modal-box-body.video-content {
	background-color: #000;
	font-size: 0
}

.app-modal-box-body.video-content video {
	height: 520px;
	width: 100%
}

.app-modal-box-body.image-content {
	font-size: 0
}

.app-modal-box-body.image-content img {
	height: auto;
	width: 100%
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
	--pswp-bg: #000;
	--pswp-placeholder-bg: #222;
	--pswp-root-z-index: 100000;
	--pswp-preloader-color: rgba(79, 79, 79, 0.4);
	--pswp-preloader-color-secondary: hsla(0, 0%, 100%, 0.9);
	--pswp-icon-color: #fff;
	--pswp-icon-color-secondary: #4f4f4f;
	--pswp-icon-stroke-color: #4f4f4f;
	--pswp-icon-stroke-width: 2px;
	--pswp-error-text-color: var(--pswp-icon-color);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	contain: layout style size;
	display: none;
	opacity: .003;
	touch-action: none;
	z-index: var(--pswp-root-z-index)
}

.pswp,
.pswp:focus {
	outline: 0
}

.pswp * {
	box-sizing: border-box
}

.pswp img {
	max-width: none
}

.pswp--open {
	display: block
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity
}

.pswp__bg {
	background: var(--pswp-bg);
	opacity: .005
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden
}

.pswp,
.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.pswp {
	position: fixed
}

.pswp__img,
.pswp__zoom-wrap {
	height: auto;
	width: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__item {
	overflow: hidden;
	z-index: 1
}

.pswp__hidden {
	display: none !important
}

.pswp__content {
	pointer-events: none
}

.pswp__content>* {
	pointer-events: auto
}

.pswp__error-msg-container {
	display: grid
}

.pswp__error-msg {
	color: var(--pswp-error-text-color);
	font-size: 1em;
	line-height: 1;
	margin: auto
}

.pswp .pswp__hide-on-close {
	opacity: .005;
	pointer-events: none;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
	will-change: opacity;
	z-index: 10
}

.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto
}

.pswp__button {
	-webkit-touch-callout: none;
	-webkit-appearance: none;
	background: none;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	display: block;
	height: 60px;
	margin: 0;
	opacity: .85;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 50px
}

.pswp__button:active,
.pswp__button:focus,
.pswp__button:hover {
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 1;
	padding: 0;
	transition: none
}

.pswp__button:disabled {
	cursor: auto;
	opacity: .3
}

.pswp__icn {
	fill: var(--pswp-icon-color);
	color: var(--pswp-icon-color-secondary);
	height: 32px;
	left: 9px;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 14px;
	width: 32px
}

.pswp__icn-shadow {
	stroke: var(--pswp-icon-stroke-color);
	stroke-width: var(--pswp-icon-stroke-width);
	fill: none
}

.pswp__icn:focus {
	outline: 0
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
	background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
	display: flex;
	flex-direction: row;
	height: 60px;
	justify-content: flex-end;
	left: 0;
	pointer-events: none !important;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.pswp__top-bar>* {
	pointer-events: auto;
	will-change: opacity
}

.pswp__button--close {
	margin-right: 6px
}

.pswp__button--arrow {
	height: 100px;
	margin-top: -50px;
	position: absolute;
	top: 0;
	top: 50%;
	width: 75px
}

.pswp__button--arrow:disabled {
	cursor: default;
	display: none
}

.pswp__button--arrow .pswp__icn {
	background: none;
	border-radius: 0;
	height: 60px;
	margin-top: -30px;
	top: 50%;
	width: 60px
}

.pswp--one-slide .pswp__button--arrow {
	display: none
}

.pswp--touch .pswp__button--arrow {
	visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
	visibility: visible
}

.pswp__button--arrow--prev {
	left: 0;
	right: auto
}

.pswp__button--arrow--next {
	right: 0
}

.pswp__button--arrow--next .pswp__icn {
	left: auto;
	right: 14px;
	transform: scaleX(-1)
}

.pswp__button--zoom {
	display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
	display: none
}

.pswp__preloader {
	height: 60px;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	width: 50px
}

.pswp__preloader .pswp__icn {
	animation: pswp-clockwise .6s linear infinite;
	opacity: 0;
	transition: opacity .2s linear
}

.pswp__preloader--active .pswp__icn {
	opacity: .85
}

@keyframes pswp-clockwise {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.pswp__counter {
	color: var(--pswp-icon-color);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 15px 0 0 20px;
	opacity: .85;
	text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary)
}

.pswp--one-slide .pswp__counter {
	display: none
}
.video-wrap video{
    width:600px;
    margin:0 auto;
}