*, *::before, *::after {
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}
/* 当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色 */
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	color: #232323;
	font-size: 1rem;
	line-height: 1;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section, iframe {
	display: block;
}
input, textarea {
	border: none;
	outline: none;
	background-color: transparent;
}
b, strong {
	font-weight: bolder;
}
textarea {
	resize: none;
}
input[type='button'], input[type='submit'], input[type='file'], button {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button {
	border: none;
	border-radius: 0;
}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
	color: #232323;
}
ul, li {
	margin: 0;
}
img {
	-o-object-fit: cover;
	object-fit: cover;
}
img, video {
	max-width: 100%;
}
table {
	table-layout: fixed;
	max-width: 100%;
}
td {
	word-wrap: break-word;
	width: auto;
	white-space: break-spaces;
}
/* 360浏览器下点击可能会出现黑框 */
.swiper-button-prev, .swiper-button-next, .swiper-pagination span {
	outline: none;
}
 @font-face {
 font-family: 'bold';
 src: url(../font/HarmonyOS_Sans_SC_Bold.ttf) format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'medium';
 src: url(../font/HarmonyOS_Sans_SC_Medium.ttf) format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'regular';
 src: url(../font/HarmonyOS_Sans_SC_Regular.ttf) format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'black';
 src: url(../font/HarmonyOS_Sans_SC_Black.ttf) format('truetype');
 font-weight: normal;
 font-style: normal;
}
.wh100 {
	width: 100%;
	height: 100%;
}
 body::-webkit-scrollbar {
 width: 0;
}
html {
	font-size: 16px;
}
.index-container {
	width: 1560px;
	margin-left: auto;
	margin-right: auto;
}
.footer-links {
	width: 1560px;
	margin: 10px auto;
}
.container-1400 {
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.ellipsis {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.ellipsis.line2 {
	white-space: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ellipsis.line3 {
	white-space: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.ellipsis.line4 {
	white-space: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.ellipsis.line7 {
	white-space: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
}
.overflow-h {
	overflow: hidden;
	display: block;
	line-height: inherit;
}
.overflow-h .word1 {
	overflow: initial;
}
.one-h .overflow-h {
	overflow: initial;
}
.one-h .overflow-h .word1 {
	overflow: hidden;
}
.two-h .word1 span {
	overflow: hidden;
}
.word1 {
	overflow: hidden;
}
.img-hover {
	cursor: pointer;
}
.img-hover:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.img-hover .img {
	overflow: hidden;
}
.img-hover .img img {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.6s;
	transition: -webkit-transform 0.6s;
	-o-transition: -o-transform 0.6s;
	-moz-transition: transform 0.6s, -moz-transform 0.6s;
	transition: transform 0.6s;
	transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
}
.toggle-icon {
	width: 2rem;
	height: 2rem;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.toggle-icon .toggle-icon-item, .toggle-icon .toggle-icon-item::after, .toggle-icon .toggle-icon-item::before {
 width: 100%;
 height: 0.25rem;
 display: block;
 background-color: #000000;
 border-radius: 0.125rem;
}
.toggle-icon .toggle-icon-item {
	position: relative;
	-webkit-transition: 0.2s 0.2s top, 0.2s 0.2s bottom, 0s 0.2s opacity, 0.2s -webkit-transform;
	transition: 0.2s 0.2s top, 0.2s 0.2s bottom, 0s 0.2s opacity, 0.2s -webkit-transform;
	-o-transition: 0.2s 0.2s top, 0.2s 0.2s bottom, 0s 0.2s opacity, 0.2s -o-transform;
	-moz-transition: 0.2s 0.2s top, 0.2s 0.2s bottom, 0.2s transform, 0s 0.2s opacity, 0.2s -moz-transform;
	transition: 0.2s 0.2s top, 0.2s 0.2s bottom, 0.2s transform, 0s 0.2s opacity;
	transition: 0.2s 0.2s top, 0.2s 0.2s bottom, 0.2s transform, 0s 0.2s opacity, 0.2s -webkit-transform, 0.2s -moz-transform, 0.2s -o-transform;
}
.toggle-icon .toggle-icon-item::after, .toggle-icon .toggle-icon-item::before {
 content: '';
 position: absolute;
 left: 0;
 -webkit-transition: inherit;
 -o-transition: inherit;
 -moz-transition: inherit;
 transition: inherit;
}
.toggle-icon .toggle-icon-item::after {
 top: -0.625rem;
}
.toggle-icon .toggle-icon-item::before {
 bottom: -0.625rem;
}
.toggle-icon.active .toggle-icon-item {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.3s top, 0.3s bottom, 0.3s 0.3s transform, 0s 0.3s opacity;
	-o-transition: 0.3s top, 0.3s bottom, 0.3s 0.3s transform, 0s 0.3s opacity;
	-moz-transition: 0.3s top, 0.3s bottom, 0.3s 0.3s transform, 0s 0.3s opacity;
	transition: 0.3s top, 0.3s bottom, 0.3s 0.3s transform, 0s 0.3s opacity;
}
.toggle-icon.active .toggle-icon-item::after {
 top: 0;
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 -o-transform: rotate(-90deg);
 transform: rotate(-90deg);
}
.toggle-icon.active .toggle-icon-item::before {
 bottom: 0;
 opacity: 0;
}
.b-eeeeee {
	background-color: #eeeeee;
}
.b-fff {
	background-color: #fff;
}
.relative {
	position: relative;
}
.section1-top {
	position: relative;
	padding-top: 15rem;
	padding-bottom: 11.6875rem;
	overflow: hidden;
}
.section1-top.section1-top-right {
	padding-bottom: 0;
	height: 70rem;
}
.section1-top.section1-top-right .index-container, .section1-top.section1-top-right .section1-container {
	height: 100%;
}
.section1-top.section1-top-right .section1-right-title {
	font-size: 6.25rem;
	font-family: 'bold';
	line-height: normal;
	margin-bottom: 0.5rem;
}
.section1-top.section1-top-right .section1-right-content {
	line-height: 2rem;
	font-family: 'regular';
	width: 45.7142857143%;
	margin-bottom: 6.25rem;
}
.section1-top.section1-top-right .section1-right-img {
	width: 2rem;
	-webkit-filter: invert(1);
	filter: invert(1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.section1-top.section1-top-right .section1-top-right-img {
	width: 74.9285714286%;
	position: absolute;
	bottom: 0;
	right: -17.1428571429%;
}
.section1-top .section1-top-hand {
	width: 63.25rem;
	max-width: 52.7%;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 14.75rem;
}
.section1-top .section1-top-hand img {
	width: 100%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: -o-transform 1s;
	-moz-transition: transform 1s, -moz-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}
.section1-top .section1-top-hand.state1 {
	top: auto;
	max-width: none;
	bottom: 0;
	right: 0;
	width: 51.2820512821%;
}
.section1-top .section1-top-hand.state1.active {
	-webkit-animation: upAndDown 3s infinite;
	-moz-animation: upAndDown 3s infinite;
	-o-animation: upAndDown 3s infinite;
	animation: upAndDown 3s infinite;
}
.section1-top .section1-top-yellow {
	max-width: 1920px;
	width: 100%;
	position: fixed;
	z-index: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	-webkit-filter: blur(25px);
	filter: blur(25px);
}
.section1-top .section1-top-secure {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.section1-top .section1-top-secure img {
	position: absolute;
}
.section1-top .section1-top-secure .section1-top-secure-img1 {
	width: 34.6153846154%;
	top: 0;
	right: 3.0769230769%;
}
.section1-top .section1-top-secure .section1-top-secure-img2 {
	width: 5.4487179487%;
	top: -1.25rem;
	right: 1.4743589744%;
	-webkit-animation: upAndDown 3s infinite;
	-moz-animation: upAndDown 3s infinite;
	-o-animation: upAndDown 3s infinite;
	animation: upAndDown 3s infinite;
}
@-webkit-keyframes upAndDown {
 50% {
 -webkit-transform: translate3d(0, 0.8125rem, 0);
 transform: translate3d(0, 0.8125rem, 0);
}
}
@-moz-keyframes upAndDown {
 50% {
 -moz-transform: translate3d(0, 0.8125rem, 0);
 transform: translate3d(0, 0.8125rem, 0);
}
}
@-o-keyframes upAndDown {
 50% {
 transform: translate3d(0, 0.8125rem, 0);
}
}
@keyframes upAndDown {
 50% {
 -webkit-transform: translate3d(0, 0.8125rem, 0);
 -moz-transform: translate3d(0, 0.8125rem, 0);
 transform: translate3d(0, 0.8125rem, 0);
}
}
.section1-top .section1-top-secure .section1-top-secure-img3 {
	width: 6.7307692308%;
	top: 28.125rem;
	right: 32.0512820513%;
	-webkit-animation: imgAni 4s infinite;
	-moz-animation: imgAni 4s infinite;
	-o-animation: imgAni 4s infinite;
	animation: imgAni 4s infinite;
}
.section1-top .section1-top-secure.state1 {
	top: -3.125rem;
}
.section1-top .section1-top-secure.state1 .section1-top-secure-img1 {
	width: 34.8076923077%;
	top: 0;
	right: 7.2435897436%;
}
.section1-top .section1-top-secure.state1 .section1-top-secure-img2 {
	width: 6.2179487179%;
	top: 19.125rem;
	right: 1.0256410256%;
	-webkit-animation: upAndDown 3s infinite;
	-moz-animation: upAndDown 3s infinite;
	-o-animation: upAndDown 3s infinite;
	animation: upAndDown 3s infinite;
}
.section1-top .section1-top-secure.state1 .section1-top-secure-img3 {
	width: 6.7307692308%;
	top: 3.8125rem;
	right: 40.2564102564%;
	-webkit-animation: imgAni 4s infinite;
	-moz-animation: imgAni 4s infinite;
	-o-animation: imgAni 4s infinite;
	animation: imgAni 4s infinite;
}
.section1-top.active .section1-top-yellow-big, .section1-top.active .section1-top-yellow-small {
	-webkit-animation-duration: 8s;
	-moz-animation-duration: 8s;
	-o-animation-duration: 8s;
	animation-duration: 8s;
}
.section1-top.active .section1-top-yellow-big {
	-webkit-animation-name: yellowBig;
	-moz-animation-name: yellowBig;
	-o-animation-name: yellowBig;
	animation-name: yellowBig;
	-webkit-animation-delay: 2.64s;
	-moz-animation-delay: 2.64s;
	-o-animation-delay: 2.64s;
	animation-delay: 2.64s;
}
.section1-top.active .section1-top-yellow-small {
	-webkit-animation-name: yellowSmall;
	-moz-animation-name: yellowSmall;
	-o-animation-name: yellowSmall;
	animation-name: yellowSmall;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
.section1-top .section1-top-yellow-big, .section1-top .section1-top-yellow-small {
	position: absolute;
	background: -webkit-radial-gradient(50% 50%, 56.33% 56.33%, #960000 62%, rgba(150, 0, 0, 0) 100%);
	background: -moz-radial-gradient(50% 50%, 56.33% 56.33%, #960000 62%, rgba(150, 0, 0, 0) 100%);
	background: -o-radial-gradient(50% 50%, 56.33% 56.33%, #960000 62%, rgba(150, 0, 0, 0) 100%);
	background: radial-gradient(56.33% 56.33% at 50% 50%, #960000 62%, rgba(150, 0, 0, 0) 100%);
	-webkit-animation-name: yellowscale;
	-moz-animation-name: yellowscale;
	-o-animation-name: yellowscale;
	animation-name: yellowscale;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
}
.section1-top .section1-top-yellow-big {
	top: 9rem;
	max-width: 52.5rem;
	max-height: 52.5rem;
	width: 43.75vw;
	height: 43.75vw;
}
.section1-top .section1-top-yellow-small {
	top: 14rem;
	left: 24%;
	max-width: 37rem;
	max-height: 37rem;
	width: 30.83vw;
	height: 30.83vw;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes yellowscale {
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-moz-keyframes yellowscale {
 50% {
 -moz-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-o-keyframes yellowscale {
 50% {
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes yellowscale {
 50% {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-webkit-keyframes yellowSmall {
 0% {
 left: 24%;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 33% {
 left: 70%;
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
}
 83% {
 left: 0%;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 left: 24%;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes yellowSmall {
 0% {
 left: 24%;
 -moz-transform: scale(1);
 transform: scale(1);
}
 33% {
 left: 70%;
 -moz-transform: scale(1.5);
 transform: scale(1.5);
}
 83% {
 left: 0%;
 -moz-transform: scale(1);
 transform: scale(1);
}
 100% {
 left: 24%;
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@-o-keyframes yellowSmall {
 0% {
 left: 24%;
 -o-transform: scale(1);
 transform: scale(1);
}
 33% {
 left: 70%;
 -o-transform: scale(1.5);
 transform: scale(1.5);
}
 83% {
 left: 0%;
 -o-transform: scale(1);
 transform: scale(1);
}
 100% {
 left: 24%;
 -o-transform: scale(1);
 transform: scale(1);
}
}
@keyframes yellowSmall {
 0% {
 left: 24%;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
 33% {
 left: 70%;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 -o-transform: scale(1.5);
 transform: scale(1.5);
}
 83% {
 left: 0%;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
 100% {
 left: 24%;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
@-webkit-keyframes yellowBig {
 0% {
 left: 0%;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 left: 70%;
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
}
 100% {
 left: 0%;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes yellowBig {
 0% {
 left: 0%;
 -moz-transform: scale(1);
 transform: scale(1);
}
 50% {
 left: 70%;
 -moz-transform: scale(1.5);
 transform: scale(1.5);
}
 100% {
 left: 0%;
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@-o-keyframes yellowBig {
 0% {
 left: 0%;
 -o-transform: scale(1);
 transform: scale(1);
}
 50% {
 left: 70%;
 -o-transform: scale(1.5);
 transform: scale(1.5);
}
 100% {
 left: 0%;
 -o-transform: scale(1);
 transform: scale(1);
}
}
@keyframes yellowBig {
 0% {
 left: 0%;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
 50% {
 left: 70%;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 -o-transform: scale(1.5);
 transform: scale(1.5);
}
 100% {
 left: 0%;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
.section1-top .section1-container {
	position: relative;
	z-index: 9;
	width: 1400px;
	max-width: 100%;
	margin-left: auto;
	color: #232323;
	margin-right: auto;
}
.section1-top .section1-etitle {
	font-size: 4rem;
	font-family: 'medium';
	margin-bottom: 1.125rem;
}
.section1-top .section1-etitle > span {
	display: block;
}
.section1-top .section1-title {
	font-family: 'bold';
	font-size: 5rem;
	margin-bottom: 1.625rem;
}
.section1-top .section1-content {
	font-size: 1.25rem;
	min-height: 4rem;
	font-family: 'regular';
	line-height: 2rem;
	margin-bottom: 4.5rem;
	width: 44%;
}
.section1-top .section1-form-title {
	font-size: 0.875rem;
	font-family: 'regular';
	margin-bottom: 0.8125rem;
}
.section1-top .section1-flex {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.section1-top .section1-input {
	width: 23.75rem;
	height: 3.75rem;
	font-size: 1.125rem;
	font-family: 'regular';
	background-color: #ffffff;
	padding: 0 1.625rem;
}
.section1-top .section1-btn {
	width: 7.5rem;
	height: 3.75rem;
	background-color: #960000;
	margin-left: 1.25rem;
}
.section1-top .section1-btn img {
	width: 1.5rem;
}
.my-swiper-button .swiper-button {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	-webkit-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
.my-swiper-button .swiper-button::after {
 content: '';
}
.my-swiper-button .swiper-button::before {
 position: absolute;
 content: '';
 width: 1rem;
 height: 0.6875rem;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -webkit-transform-origin: right center;
 -moz-transform-origin: right center;
 -ms-transform-origin: right center;
 -o-transform-origin: right center;
 transform-origin: right center;
 -webkit-animation-name: none;
 -moz-animation-name: none;
 -o-animation-name: none;
 animation-name: none;
 -webkit-animation-fill-mode: both;
 -moz-animation-fill-mode: both;
 -o-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-duration: 0.8s;
 -moz-animation-duration: 0.8s;
 -o-animation-duration: 0.8s;
 animation-duration: 0.8s;
}
.my-swiper-button .swiper-button:hover {
	background-color: #000000;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.my-swiper-button .swiper-button:hover.swiper-button-prev::before {
 -webkit-animation-name: swiperButtonPrev;
 -moz-animation-name: swiperButtonPrev;
 -o-animation-name: swiperButtonPrev;
 animation-name: swiperButtonPrev;
}
.my-swiper-button .swiper-button:hover.swiper-button-next::before {
 -webkit-animation-name: swiperButtonNext;
 -moz-animation-name: swiperButtonNext;
 -o-animation-name: swiperButtonNext;
 animation-name: swiperButtonNext;
}
.my-swiper-button .swiper-button-prev::before {
 background: url(../image/img24.png) no-repeat center center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
}
.my-swiper-button .swiper-button-next::before {
 background: url(../image/img25.png) no-repeat center center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
}
@-webkit-keyframes swiperButtonNext {
 0% {
 background: url(../image/img27.png) no-repeat right center;
 background-size: auto 100%;
 width: 0;
 left: 0;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 100% {
 background: url(../image/img27.png) no-repeat right center;
 background-size: auto 100%;
 width: 1rem;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@-moz-keyframes swiperButtonNext {
 0% {
 background: url(../image/img27.png) no-repeat right center;
 background-size: auto 100%;
 width: 0;
 left: 0;
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 100% {
 background: url(../image/img27.png) no-repeat right center;
 background-size: auto 100%;
 width: 1rem;
 left: 50%;
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@-o-keyframes swiperButtonNext {
 0% {
 background: url(../image/img27.png) no-repeat right center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 0;
 left: 0;
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 100% {
 background: url(../image/img27.png) no-repeat right center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 1rem;
 left: 50%;
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@keyframes swiperButtonNext {
 0% {
 background: url(../image/img27.png) no-repeat right center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 0;
 left: 0;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
 100% {
 background: url(../image/img27.png) no-repeat right center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 1rem;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@-webkit-keyframes swiperButtonPrev {
 0% {
 background: url(../img/img26.png) no-repeat left center;
 background-size: auto 100%;
 width: 0;
 left: auto;
 right: 0;
 -webkit-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
 100% {
 background: url(../img/img26.png) no-repeat left center;
 background-size: auto 100%;
 width: 1rem;
 left: auto;
 right: 50%;
 -webkit-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
}
@-moz-keyframes swiperButtonPrev {
 0% {
 background: url(../img/img26.png) no-repeat left center;
 background-size: auto 100%;
 width: 0;
 left: auto;
 right: 0;
 -moz-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
 100% {
 background: url(../img/img26.png) no-repeat left center;
 background-size: auto 100%;
 width: 1rem;
 left: auto;
 right: 50%;
 -moz-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
}
@-o-keyframes swiperButtonPrev {
 0% {
 background: url(../img/img26.png) no-repeat left center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 0;
 left: auto;
 right: 0;
 -o-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
 100% {
 background: url(../img/img26.png) no-repeat left center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 1rem;
 left: auto;
 right: 50%;
 -o-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
}
@keyframes swiperButtonPrev {
 0% {
 background: url(../img/img26.png) no-repeat left center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 0;
 left: auto;
 right: 0;
 -webkit-transform: translate(50%, -50%);
 -moz-transform: translate(50%, -50%);
 -o-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
 100% {
 background: url(../img/img26.png) no-repeat left center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
 width: 1rem;
 left: auto;
 right: 50%;
 -webkit-transform: translate(50%, -50%);
 -moz-transform: translate(50%, -50%);
 -o-transform: translate(50%, -50%);
 transform: translate(50%, -50%);
}
}
.my-swipers {
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.my-swipers .left {
	position: sticky;
	left: 0;
	top: 11.5rem;
	font-size: 1.25rem;
	color: #232323;
	list-style: none;
	font-family: 'regular';
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: -1rem;
}
.my-swipers .left li {
	line-height: 3.25rem;
	position: relative;
	cursor: pointer;
}
.my-swipers .left li:hover::before, .my-swipers .left li.active::before {
 width: -webkit-calc(100% + 2em);
 width: -moz-calc(100% + 2em);
 width: calc(100% + 2em);
}
.my-swipers .left li span {
	position: relative;
	z-index: 1;
}
.my-swipers .left li::before {
 position: absolute;
 content: '';
 width: 0;
 -webkit-transition: width 0.4s;
 -o-transition: width 0.4s;
 -moz-transition: width 0.4s;
 transition: width 0.4s;
 height: 0.3125rem;
 background-color: #960000;
 left: 0;
 top: 50%;
 z-index: 0;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
.my-swipers .right:not(.no-swipers) {
 margin-left: auto;
 width: 42.5rem;
}
.my-swipers .right:not(.no-swipers) .right-item {
 overflow: initial;
 display: none;
}
.my-swipers .right:not(.no-swipers) .right-item.active {
 display: block;
}
.my-swipers .right:not(.no-swipers) .swiper-wrapper {
 -webkit-flex-direction: column;
 -moz-box-orient: vertical;
 -moz-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}
.design-children .section1 {
	overflow: hidden;
}
.design-children .section1 .top {
	padding-top: 18.125rem;
	padding-bottom: 16.25rem;
	border-bottom: 0.0625rem solid #babcbd;
	color: #232323;
	position: relative;
}
.design-children .section1 .top .etitle {
	font-size: 2rem;
	font-family: 'medium';
	line-height: normal;
}
.design-children .section1 .top p {
	position: relative;
	z-index: 2;
}
.design-children .section1 .top .title {
	font-size: 5rem;
	line-height: 1.3;
	font-family: 'bold';
	margin-bottom: 3rem;
}
.design-children .section1 .top ul {
	list-style: none;
	font-family: 'regular';
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}
.design-children .section1 .top ul li {
	white-space: nowrap;
	line-height: 1.5rem;
	margin-right: 3.75rem;
}
.design-children .section1 .top ul li:last-child {
	margin-right: 0;
}
.design-children .section1 .top .img-container {
	position: absolute;
	left: 0;
	bottom: 3.125rem;
}
.design-children .section1 .top .img {
	width: 2rem;
	height: 2rem;
	-webkit-filter: invert(1);
	filter: invert(1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.design-children .section1 .top .bg {
	position: absolute;
	right: 0;
	top: 20%;
	z-index: 1;
}
.design-children .section1 .bottom {
	min-height: 29rem;
	padding: 3.25rem 0;
	color: #232323;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-family: 'regular';
}
.design-children .section1 .bottom .left {
	font-size: 1.125rem;
	line-height: 2rem;
}
.design-children .section1 .bottom .right {
	width: 46.857%;
	line-height: 2rem;
}
.design-children .section2 {
	color: #232323;
	padding-top: 5.5625rem;
	padding-bottom: 13rem;
}
.design-children .section2 .top {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 12.4375rem;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.design-children .section2 .left {
	font-size: 1.125rem;
	font-family: 'regular';
	line-height: normal;
}
.design-children .section2 .right {
	list-style: none;
	width: 46.785%;
	font-size: 1.5rem;
	line-height: 2rem;
	font-family: 'medium';
	margin-top: -1.875rem;
}
.design-children .section2 .right:hover li {
	color: #dddddd;
	border-color: #dddddd;
}
.design-children .section2 .right li {
	padding: 1.625rem 0;
	border-bottom: 0.0625rem solid #babcbd;
	position: relative;
	cursor: pointer;
	-webkit-transition: color 0.4s, border-color 0.4s;
	-o-transition: color 0.4s, border-color 0.4s;
	-moz-transition: color 0.4s, border-color 0.4s;
	transition: color 0.4s, border-color 0.4s;
}
.design-children .section2 .right li:hover {
	color: #232323;
	border-color: #babcbd;
}
.design-children .section2 .right li:hover::before {
 width: 100%;
}
.design-children .section2 .right li::before {
 position: absolute;
 content: '';
 width: 0;
 height: 0.125rem;
 left: 0;
 bottom: -0.0625rem;
 -webkit-transition: width 0.6s;
 -o-transition: width 0.6s;
 -moz-transition: width 0.6s;
 transition: width 0.6s;
 background-color: #960000;
}
.design-children .section2 .right li + li {
	margin-top: 1.875rem;
}
.logo-list {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.logo-list .logo-list-item {
	width: 25%;
	padding-top: 25%;
	border: solid 0.0625rem #e7e8e8;
	position: relative;
}
.logo-list .logo-list-item > img {
	position: absolute;
	width: 85.714%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.logo-list .logo-list-item .logo-icons {
	position: absolute;
	top: 1.25rem;
	width: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 5.7803468208%;
	overflow: auto;
}
.logo-list .logo-list-item .logo-icons::-webkit-scrollbar {
 background-color: transparent;
 height: 0.25rem;
}
.logo-list .logo-list-item .logo-icons::-webkit-scrollbar-thumb {
 background-color: #960000;
 height: 0.25rem;
}
.logo-list .logo-list-item .logo-icon {
	width: 17.9738562092%;
	max-height: 3.125rem;
	-o-object-fit: contain;
	object-fit: contain;
}
.logo-list .logo-list-item .logo-icon + .logo-icon {
	margin-left: 3.2679738562%;
}
.logo-list .logoItemIn1 {
	-webkit-animation-name: logoItemIn1;
	-moz-animation-name: logoItemIn1;
	-o-animation-name: logoItemIn1;
	animation-name: logoItemIn1;
}
.logo-list .logoItemIn {
	-webkit-animation-name: logoItemIn;
	-moz-animation-name: logoItemIn;
	-o-animation-name: logoItemIn;
	animation-name: logoItemIn;
}
@-webkit-keyframes logoItemIn {
 0% {
 opacity: 0;
 -webkit-transform: translate(-50%, -50%) scale3d(2, 2, 2);
 transform: translate(-50%, -50%) scale3d(2, 2, 2);
}
 50% {
 opacity: 1;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@-moz-keyframes logoItemIn {
 0% {
 opacity: 0;
 -moz-transform: translate(-50%, -50%) scale3d(2, 2, 2);
 transform: translate(-50%, -50%) scale3d(2, 2, 2);
}
 50% {
 opacity: 1;
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@-o-keyframes logoItemIn {
 0% {
 opacity: 0;
 transform: translate(-50%, -50%) scale3d(2, 2, 2);
}
 50% {
 opacity: 1;
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@keyframes logoItemIn {
 0% {
 opacity: 0;
 -webkit-transform: translate(-50%, -50%) scale3d(2, 2, 2);
 -moz-transform: translate(-50%, -50%) scale3d(2, 2, 2);
 transform: translate(-50%, -50%) scale3d(2, 2, 2);
}
 50% {
 opacity: 1;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
}
@-webkit-keyframes logoItemIn1 {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes logoItemIn1 {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-o-keyframes logoItemIn1 {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes logoItemIn1 {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.my-list1.no-active .item.swiper-slide-active {
	border-radius: 0;
}
.my-list1.no-active .item.swiper-slide-active .info {
	color: #a3a3a3;
}
.my-list1.no-active .item.swiper-slide-active .img {
	border-radius: 0;
	box-shadow: 0px 0.375rem 0.375rem 0px rgba(0, 0, 0, 0.2509803922);
}
.my-list1.no-active .item:hover {
	border-radius: 1.25rem;
}
.my-list1.no-active .item:hover .info {
	color: #232323;
}
.my-list1.no-active .item:hover .img {
	border-radius: 0.625rem;
	box-shadow: 0px 0.0625rem 0.75rem 0px rgba(0, 0, 0, 0.2509803922);
}
.my-list1 .item {
	width: 100%;
	display: block;
	background-color: #f5f7fb;
	padding-top: 2.5rem;
	padding-bottom: 2.75rem;
	cursor: pointer;
	-webkit-transition: border-radius 0.4s;
	-o-transition: border-radius 0.4s;
	-moz-transition: border-radius 0.4s;
	transition: border-radius 0.4s;
}
.my-list1 .item:hover, .my-list1 .item.swiper-slide-active {
	border-radius: 1.25rem;
}
.my-list1 .item:hover .info, .my-list1 .item.swiper-slide-active .info {
	color: #232323;
}
.my-list1 .item:hover .img, .my-list1 .item.swiper-slide-active .img {
	border-radius: 0.625rem;
	box-shadow: 0px 0.0625rem 0.75rem 0px rgba(0, 0, 0, 0.2509803922);
}
.my-list1 .item + .item {
	margin-top: 3.125rem;
}
.my-list1 .item .img {
	width: 88.2352941176%;
	display: block;
	margin: 0 auto 2.5rem;
	-webkit-transition: border-radius 0.4s, box-shadow 0.4s, -webkit-transform 0.4s;
	transition: border-radius 0.4s, box-shadow 0.4s, -webkit-transform 0.4s;
	-o-transition: border-radius 0.4s, box-shadow 0.4s, -o-transform 0.4s;
	-moz-transition: border-radius 0.4s, box-shadow 0.4s, transform 0.4s, -moz-transform 0.4s;
	transition: border-radius 0.4s, box-shadow 0.4s, transform 0.4s;
	transition: border-radius 0.4s, box-shadow 0.4s, transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
	box-shadow: 0px 0.375rem 0.375rem 0px rgba(0, 0, 0, 0.2509803922);
	position: relative;
	padding-top: 49.7058823529%;
	overflow: hidden;
}
.my-list1 .item .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.my-list1 .item .info {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 0 1.875rem;
	font-size: 0.875rem;
	font-family: 'regular';
	-webkit-transition: color 0.4s;
	-o-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
	color: #a3a3a3;
}
.my-list1 .item .info span:nth-child(1) {
 font-size: 1.125rem;
 color: #232323;
}
.animated {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.index-btn, a.index-btn {
	background-color: #232323;
	text-align: center;
	color: #fff;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	font-family: 'regular';
	cursor: pointer;
}
.index-btn:hover, a.index-btn:hover {
	border-radius: 1.5625rem;
	background-color: #960000;
	color: #fff;
}
.custom-cursor {
	position: fixed;
	width: 2.5rem;
	height: 2.5rem;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: #232323;
	border-radius: 50%;
	pointer-events: none;
	-webkit-animation-name: cursorAni;
	-moz-animation-name: cursorAni;
	-o-animation-name: cursorAni;
	animation-name: cursorAni;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.custom-cursor-180 {
	position: fixed;
	width: 2.5rem;
	height: 2.5rem;
	top: 0;
	left: 0;
	z-index: 9;
	background-color: #232323;
	border-radius: 50%;
	pointer-events: none;
	-webkit-animation-name: cursorAni;
	-moz-animation-name: cursorAni;
	-o-animation-name: cursorAni;
	animation-name: cursorAni;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
	animation-duration: 0.4s;
	/* -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); */
  transform: scale(1.2) rotate(180deg) !important;
}
 .custom-cursor-180::before {
 position: absolute;
 content: '';
 width: 1rem;
 height: 0.6875rem;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -webkit-transform-origin: right center;
 -moz-transform-origin: right center;
 -ms-transform-origin: right center;
 -o-transform-origin: right center;
 transform-origin: right center;
 -webkit-animation-name: swiperButtonNext;
 -moz-animation-name: swiperButtonNext;
 -o-animation-name: swiperButtonNext;
 animation-name: swiperButtonNext;
 -webkit-animation-fill-mode: both;
 -moz-animation-fill-mode: both;
 -o-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 -webkit-animation-duration: 0.4s;
 -moz-animation-duration: 0.4s;
 -o-animation-duration: 0.4s;
 animation-duration: 0.4s;
 background: url(../image/img27.png) no-repeat center center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
}
.custom-cursor::before {
 position: absolute;
 content: '';
 width: 1rem;
 height: 0.6875rem;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -webkit-transform-origin: right center;
 -moz-transform-origin: right center;
 -ms-transform-origin: right center;
 -o-transform-origin: right center;
 transform-origin: right center;
 -webkit-animation-name: swiperButtonNext;
 -moz-animation-name: swiperButtonNext;
 -o-animation-name: swiperButtonNext;
 animation-name: swiperButtonNext;
 -webkit-animation-fill-mode: both;
 -moz-animation-fill-mode: both;
 -o-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
 -webkit-animation-duration: 0.4s;
 -moz-animation-duration: 0.4s;
 -o-animation-duration: 0.4s;
 animation-duration: 0.4s;
 background: url(../image/img27.png) no-repeat center center;
 -o-background-size: auto 100%;
 background-size: auto 100%;
}
@-webkit-keyframes cursorAni {
 0% {
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
}
 100% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-moz-keyframes cursorAni {
 0% {
 -moz-transform: scale(0.5);
 transform: scale(0.5);
}
 100% {
 -moz-transform: scale(1.2);
 transform: scale(1.2);
}
}
@-o-keyframes cursorAni {
 0% {
 -o-transform: scale(0.5);
 transform: scale(0.5);
}
 100% {
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
}
@keyframes cursorAni {
 0% {
 -webkit-transform: scale(0.5);
 -moz-transform: scale(0.5);
 -o-transform: scale(0.5);
 transform: scale(0.5);
}
 100% {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
}
.modal {
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	padding: 0 2.625rem;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}
.modal .modal-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.modal .modal-container {
	position: relative;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	padding: 5vh 0;
	text-align: center;
}
.modal .modal-container::-webkit-scrollbar {
 display: none;
}
.modal .modal-container::after {
 content: '';
 display: inline-block;
 height: 100%;
 width: 0;
 vertical-align: middle;
}
.modal .modal-container .modal-main {
	display: inline-block;
	vertical-align: middle;
}
.modal .honor {
	height: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.modal .honor .swiper {
	overflow: initial;
	width: 100%;
}
.modal .honor .swiper-slide {
	width: auto;
	text-align: center;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.modal .honor .swiper-slide-active .img-container::before {
 opacity: 0;
}
.modal .honor .swiper-slide-active .slide-text {
	color: #fff;
}
.modal .honor .img-container {
	position: relative;
}
.modal .honor .img-container::before {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #000000;
 opacity: 0.5;
 -webkit-transition: opacity 0.3s;
 -o-transition: opacity 0.3s;
 -moz-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
.modal .honor .slide-img {
	height: 37.5rem;
	max-width: 53.125rem;
	display: block;
}
.modal .honor .slide-text {
	font-family: 'regular';
	margin-top: 2.1875rem;
	color: #666666;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.my-pagination.swiper-pagination {
 --pagination-progress-width: 24.75rem;
	bottom: 1.25rem;
}
.my-pagination.swiper-pagination .my-pagination-item {
	position: absolute;
	opacity: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.125rem;
	font-weight: bold;
	color: #232323;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.my-pagination.swiper-pagination .my-pagination-item.active {
	opacity: 1;
}
.my-pagination.swiper-pagination .my-pagination-item.active .my-pagination-path2 {
	width: 100%;
	-webkit-transition: width var(--pagination-progress-time) linear;
	-o-transition: width var(--pagination-progress-time) linear;
	-moz-transition: width var(--pagination-progress-time) linear;
	transition: width var(--pagination-progress-time) linear;
}
.my-pagination.swiper-pagination .my-pagination-path {
	position: relative;
	width: var(--pagination-progress-width);
	margin: 0 1.25rem;
}
.my-pagination.swiper-pagination .my-pagination-path1, .my-pagination.swiper-pagination .my-pagination-path2 {
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.3);
	position: relative;
}
.my-pagination.swiper-pagination .my-pagination-path2 {
	position: absolute;
	width: 0;
	left: 0;
	bottom: 0;
	z-index: 9;
	background-color: #960000;
}
.my-pagination.swiper-pagination .my-pagination-path2::before {
 background-color: #960000;
}
.my-style1 {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-top: 0.0625rem solid #d9d9d9;
	position: relative;
	color: #232323;
	padding-bottom: 9.375rem;
	overflow: hidden;
}
.my-style1 .left {
	margin-top: 4.0625rem;
}
.my-style1 .left-title {
	font-family: 'medium';
	font-size: 3rem;
	margin-bottom: 0.625rem;
}
.my-style1 .left-text {
	font-size: 1.125rem;
	font-family: 'regular';
	line-height: 1.5;
}
.my-style1 .right {
	width: 50%;
	margin-top: 1.75rem;
}
.my-style1 .right-item {
	cursor: pointer;
}
.my-style1 .right-item:last-child ul {
	margin-bottom: 0;
}
.my-style1 .right-item:last-child ul li:last-child {
	padding-bottom: 0;
}
.my-style1 .right-item.active .right-img img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-filter: none;
	filter: none;
}
.my-style1 .right-item.active .right-flex {
	border-color: #000000;
}
.my-style1 .right-flex {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 6.875rem;
	border-bottom: 0.0625rem solid #d9d9d9;
	-webkit-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	transition: border-color 0.4s;
}
.my-style1 .right-flex-title {
	font-size: 2.25rem;
	font-family: 'medium';
}
.my-style1 .right-img {
	width: 2.0625rem;
	height: 2.0625rem;
	background-color: #232323;
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.my-style1 .right-img img {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	width: 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-filter: grayscale(1) brightness(3);
	filter: grayscale(1) brightness(3);
}
.my-style1 ul {
	list-style: none;
	margin: 1.875rem 0;
	display: none;
}
.my-style1 li {
	padding: 1.6875rem 0;
}
.my-style1 .right-title {
	font-size: 1.25rem;
	font-family: 'regular';
	line-height: 2rem;
}
.my-style1 .right-text {
	font-size: 0.875rem;
	font-family: 'regular';
	line-height: 2;
	color: #666666;
}
header {
	background-color: #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	border-bottom: none;
 --header-color: #232323;
	-webkit-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
	box-shadow: 0px 0.375rem 1.25rem rgba(0, 0, 0, 0.1098039216);
}
header.active {
	background-color: transparent;
 --header-color: #232323;
	border-bottom: 1px solid #babcbd;
	box-shadow: none;
}
header.active.index-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 --header-color: #fff;
}
header.index-header nav .nav-link::before {
 background-color: var(--header-color);
}
header .header-container {
	position: relative;
	height: 6.25rem;
	width: 1760px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
header .header-container-left {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
header .header-container-left .left-logo {
	width: 11.375rem;
}
header .header-container-left .left-text {
	font-size: 1rem;
	color: var(--header-color);
	-webkit-transition: color 0.4s;
	-o-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
	padding-left: 1.8125rem;
	position: relative;
	margin-left: 1.75rem;
	font-family: 'regular';
}
header .header-container-left .left-text::before {
 position: absolute;
 content: '';
 width: 1px;
 height: 1.875rem;
 background-color: var(--header-color);
 -webkit-transition: background-color 0.4s;
 -o-transition: background-color 0.4s;
 -moz-transition: background-color 0.4s;
 transition: background-color 0.4s;
 opacity: 0.5;
 left: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
header nav {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
header nav .nav-item {
	font-size: 1rem;
	font-family: 'regular';
	margin: 0 1.875rem;
	position: relative;
}
header nav .nav-item:first-child {
	margin-left: 0;
}
header nav .nav-item:last-child {
	margin-right: 0;
}
header nav .nav-link {
	color: var(--header-color);
	-webkit-transition: color 0.4s;
	-o-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
	position: relative;
	font-size: 1rem;
}
header nav .nav-link::before {
 position: absolute;
 content: '';
 width: 100%;
 left: 50%;
 -webkit-transform: translateX(-50%) scale3d(0, 1, 0);
 -moz-transform: translateX(-50%) scale3d(0, 1, 0);
 transform: translateX(-50%) scale3d(0, 1, 0);
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -ms-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
 -webkit-transition: -webkit-transform 0.4s;
 transition: -webkit-transform 0.4s;
 -o-transition: -o-transform 0.4s;
 -moz-transition: transform 0.4s, -moz-transform 0.4s;
 transition: transform 0.4s;
 transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
 height: 0.25rem;
 background-color: #960000;
 border-radius: 0.125rem;
 bottom: -0.8125rem;
}
header nav .nav-link.active::before, header nav .nav-link:hover::before {
 -webkit-transform: translateX(-50%) scale3d(1, 1, 1);
 -moz-transform: translateX(-50%) scale3d(1, 1, 1);
 transform: translateX(-50%) scale3d(1, 1, 1);
}
header .header-container-h5 {
	height: 6.25rem;
	display: none;
}
header .header-container-h5 .left {
	display: block;
	width: 11.375rem;
}
header .header-container-h5 .right {
	cursor: pointer;
}
header .header-container-h5 .nav {
	height: -webkit-calc(100vh - 6.25rem);
	height: -moz-calc(100vh - 6.25rem);
	height: calc(100vh - 6.25rem);
	overflow: hidden;
	position: absolute;
	width: 100vw;
	left: 0;
	top: 6.25rem;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: hidden;
}
header .header-container-h5 .nav.active {
	visibility: visible;
	-webkit-animation-name: navIn;
	-moz-animation-name: navIn;
	-o-animation-name: navIn;
	animation-name: navIn;
}
@-webkit-keyframes navIn {
 0% {
 opacity: 0.3;
 -webkit-transform: translate3d(0, 0.9375rem, 0);
 transform: translate3d(0, 0.9375rem, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes navIn {
 0% {
 opacity: 0.3;
 -moz-transform: translate3d(0, 0.9375rem, 0);
 transform: translate3d(0, 0.9375rem, 0);
}
 100% {
 opacity: 1;
 -moz-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@-o-keyframes navIn {
 0% {
 opacity: 0.3;
 transform: translate3d(0, 0.9375rem, 0);
}
 100% {
 opacity: 1;
 transform: translate3d(0, 0, 0);
}
}
@keyframes navIn {
 0% {
 opacity: 0.3;
 -webkit-transform: translate3d(0, 0.9375rem, 0);
 -moz-transform: translate3d(0, 0.9375rem, 0);
 transform: translate3d(0, 0.9375rem, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
header .header-container-h5 .nav .nav-container {
	border-top: 1px solid #dbdbdb;
	background-color: #fff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.25rem 0;
}
header .header-container-h5 .nav .nav-container .nav-item {
	width: 100%;
	text-align: center;
	font-size: 1.75rem;
	padding: 1.25rem 0;
	font-family: 'medium';
}
header .header-container-h5 .nav .nav-container > ul {
	list-style: none;
}
header .header-container-h5 .nav .nav-container > ul .link {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 2.625rem;
}
header .header-container-h5 .nav .nav-container > ul .link-arrow {
	width: 5%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
header .header-container-h5 .nav .nav-container > ul .link-arrow.active img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
header .header-container-h5 .nav .nav-container > ul .link-arrow img {
	width: 1rem;
	height: 1.75rem;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	-moz-transition: transform 0.4s, -moz-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
}
header .header-container-h5 .nav .nav-container > ul .links {
	display: none;
	padding-left: 2.5em;
	background-color: #ededed;
}
header .header-container-h5 .nav .nav-container > ul .links.active {
	display: block;
}
header .header-container-h5 .nav .nav-container > ul .links .links-item {
	font-size: 1.5rem;
	line-height: 3.5rem;
}
header .header-container-h5 .nav .nav-container > ul li {
	font-size: 1.75rem;
	line-height: 4.5rem;
	border-bottom: 1px solid #dbdbdb;
}
header .header-container-h5 .nav .nav-container > ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-family: 'regular';
}
footer {
	position: relative;
	background-color: #232323;
}
footer .footer-info {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 7.5rem;
	border-bottom: 1px solid #363636;
}
footer .footer-logo {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
footer .footer-logo-img {
	width: 13.4375rem;
}
footer .footer-logo-text {
	color: #fff;
	font-family: 'regular';
	margin-bottom: 0.875rem;
	margin-left: 2.875rem;
}
footer .footer-tel {
	color: #ededed;
	font-family: 'medium';
	font-size: 2.5rem;
	margin-top: 1.25rem;
}
footer .footer-container {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 3.75rem;
	padding-bottom: 6.75rem;
}
footer .footer-code {
	width: 7.5rem;
	height: 7.5rem;
	margin-right: 1.6875rem;
}
footer .footer-left {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #a3a3a3;
	line-height: 1.5rem;
	font-size: 0.875rem;
}
footer .footer-list {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'regular';
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
footer .footer-nav {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
footer .footer-nav .footer-nav-item {
	list-style: none;
}
footer .footer-nav .footer-nav-item + .footer-nav-item {
	margin-left: 5.5rem;
}
footer .footer-nav .footer-nav-item a {
	color: #a3a3a3;
	font-size: 0.875rem;
	font-family: 'regular';
	line-height: 2rem;
}
footer .footer-nav .footer-nav-item li:first-child a {
	color: #fff;
	line-height: 1;
	margin-bottom: 1.3125rem;
	display: block;
	font-size: 1rem;
}
footer .footer-links {
	display: flex;
	color: #888888;
}
footer .footer-links .links-item {
	color: #888888;
	margin: 0 0.3125rem;
}
footer .footer-bottom {
	line-height: 2.5rem;
	background-color: #282828;
	color: #888888;
	text-align: center;
	font-size: 0.75rem;
	padding: 0 2.625rem;
}
footer .footer-bottom img {
	width: 1.125rem;
	vertical-align: middle;
	margin: 0 0.3125rem;
}
footer .footer-bottom a {
	color: #888888;
}
.index {
	background-color: #eeeeee;
}
.index .section1 {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	padding-top: 56.25%;
	height: auto;
	overflow: hidden;
}
.index .section1 .swiper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.index .section1 .swiper-pagination {
	bottom: 1.5rem;
}
.index .section1 .swiper-pagination .swiper-pagination-bullet {
	width: 4rem;
	height: 0.5rem;
	background-color: #ffffff;
	border-radius: 0.25rem;
	opacity: 0.5;
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.index .section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}
.index .section2 {
	padding-top: 6.6875rem;
}
.index .section2 .title-top {
	font-size: 2rem;
	line-height: 3.5rem;
	text-align: center;
	font-family: 'regular';
	margin-bottom: 8.4375rem;
}
.index .section2 .list {
	width: 1400px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.index .section2 .item {
	width: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 1.1875rem;
	border-bottom: 0.0625rem solid #babcbd;
	position: relative;
}
.index .section2 .item:hover .link::before {
 width: 100%;
}
.index .section2 .item + .item {
	margin-top: 2.875rem;
}
.index .section2 .item .title {
	font-size: 3rem;
	color: #232323;
	font-family: 'bold';
	margin-bottom: 1.6875rem;
}
.index .section2 .item .text {
	font-size: 1.25rem;
	line-height: 2rem;
	font-family: 'regular';
}
.index .section2 .item .link {
	width: 12.5rem;
	line-height: 3.125rem;
	margin-right: 14rem;
	margin-left: 1.25rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.index .section2 .item .link::before {
 position: absolute;
 content: '';
 width: 0;
 -webkit-transition: width 0.8s ease-in-out;
 -o-transition: width 0.8s ease-in-out;
 -moz-transition: width 0.8s ease-in-out;
 transition: width 0.8s ease-in-out;
 height: 0.125rem;
 background-color: #960000;
 left: 0;
 bottom: -0.0625rem;
}
.index .light-conhtainer {
	position: relative;
}
.index .light-conhtainer section {
	position: relative;
	z-index: 1;
}
.index .light-conhtainer .section3-container .title-top {
	font-size: 7.5rem;
	color: #232323;
	text-align: center;
	font-family: 'bold';
	line-height: normal;
	padding-top: 7.5rem;
	margin-bottom: 5.625rem;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.index .light-conhtainer .section3-container .title-top.active {
	font-size: 4rem;
	margin: 0;
	padding: 0;
}
.index .light-conhtainer .title-top-type2 {
	display: none;
}
.index .light-conhtainer .light-list {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}
.index .light-conhtainer .light-item {
	position: sticky;
	overflow: hidden;
}
.index .light-conhtainer .light-yellow {
	width: 39.6875rem;
	height: 56.25rem;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-4.0625rem);
	-moz-transform: translateY(-4.0625rem);
	-ms-transform: translateY(-4.0625rem);
	-o-transform: translateY(-4.0625rem);
	transform: translateY(-4.0625rem);
	-webkit-filter: blur(29px);
	filter: blur(29px);
}
.index .light-conhtainer .light-yellow .light-bg {
	position: absolute;
	right: 0;
	width: 56.25rem;
	height: 56.25rem;
	background: -webkit-radial-gradient(50% 50%, 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
	background: -moz-radial-gradient(50% 50%, 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
	background: -o-radial-gradient(50% 50%, 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
	background: radial-gradient(50% 50% at 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
}
.index .light-conhtainer .light-blue {
	width: 25rem;
	height: 37.5rem;
	top: 46.875rem;
	right: 0;
	margin-left: auto;
	-webkit-filter: blur(29px);
	filter: blur(29px);
}
.index .light-conhtainer .light-blue .light-bg {
	width: 37.5rem;
	height: 37.5rem;
	background: -webkit-radial-gradient(50% 50%, 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
	background: -moz-radial-gradient(50% 50%, 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
	background: -o-radial-gradient(50% 50%, 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
	background: radial-gradient(50% 50% at 50% 50%, #960000 40%, rgba(150, 0, 0, 0) 100%);
}
.index .light-conhtainer .section3-sticky {
	position: sticky;
	top: 6.25rem;
	left: 0;
	overflow: hidden;
}
.index .section3 {
	width: 1760px;
	margin-left: auto;
	margin-right: auto;
}
.index .section3.active {
	height: -webkit-calc(100vh - 6.25rem);
	height: -moz-calc(100vh - 6.25rem);
	height: calc(100vh - 6.25rem);
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.index .section3.active .title-top-type1 {
	display: none;
}
.index .section3.active .title-top-type2 {
	display: block;
}
.index .section3 .swiper {
	overflow: initial;
	width: 1520px;
	max-width: 100%;
}
.index .section3 .swiper-slide {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.index .section3 .slide-img {
	width: 68.4210526316%;
	height: 36.5625rem;
	margin-right: 2.375rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.index .section3 .slide-info {
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.index .section3 .slide-info:hover .slide-link {
	border-radius: 1.5625rem;
	background-color: #960000;
	color: #fff;
}
.index .section3 .slide-title {
	margin-top: 1.8125rem;
	font-family: 'regular';
	color: #232323;
}
.index .section3 .slide-text1 {
	margin-bottom: 1.1875rem;
}
.index .section3 .slide-text2 {
	font-size: 2.5rem;
	font-family: 'medium';
}
.index .section3 .slide-text3 {
	margin-top: 1.25rem;
	font-size: 1rem;
	line-height: 1.5rem;
	font-family: 'medium';
	padding-right: 1.25rem;
}
.index .section3 .slide-link {
	width: 12.5rem;
	line-height: 3.125rem;
	text-align: center;
	color: #fff;
	font-family: 'regular';
	background-color: #232323;
	margin-bottom: 1.25rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.index .section4 {
	margin-top: 7.0625rem;
	height: 40rem;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 13.125rem;
}
.index .section4 .left {
	background-position: left center;
}
.index .section4 .right {
	background-position: right center;
}
.index .section4 .item {
	width: 0;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	-o-background-size: cover;
	background-size: cover;
}
.index .section4 .item + .item {
	margin-left: 3.846%;
}
.index .section4 .item:hover {
	width: 58.974%;
	-webkit-flex-grow: 0;
	-moz-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	border-radius: 1.25rem;
}
.index .section4 .item:hover .info {
	opacity: 1;
}
.index .section4 .link {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.5rem;
	white-space: nowrap;
	font-family: 'regular';
}
.index .section4 .link img {
	width: 2.5rem;
	height: 2.5rem;
	margin-left: 1.25rem;
}
.index .section4 .info {
	position: absolute;
	left: 3.0625rem;
	bottom: 2rem;
	color: #fff;
	line-height: 2rem;
	font-family: 'regular';
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.index .section5 {
	overflow: hidden;
	margin-bottom: 10.625rem;
}
.index .section5 .title-top {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 9.375rem;
}
.index .section5 .title-top .left {
	font-size: 7.5rem;
	font-family: 'bold';
	color: #232323;
}
.index .section5 .title-top .right {
	width: 49.1%;
}
.index .section5 .title-top .content {
	line-height: 2rem;
	color: #232323;
	font-family: 'regular';
	margin-bottom: 6.875rem;
}
.index .section5 .title-top .num {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	color: #232323;
}
.index .section5 .title-top .num .counter {
	font-size: 6.25rem;
	font-family: 'bold';
}
.index .section5 .title-top .num div {
	font-size: 1.125rem;
	line-height: 1.875rem;
	margin-left: 1rem;
	margin-bottom: 0.3125rem;
	font-family: 'regular';
}
.index .section5 .swiper {
	padding-top: 5rem;
	height: 32.5rem;
	overflow: initial;
}
.index .section5 .swiper-wrapper {
	-webkit-perspective: 1800px;
	-moz-perspective: 1800px;
	perspective: 1800px;
}
.index .section5 .swiper-slide {
	background-color: #fff;
	width: 35rem;
	margin-right: 3.75rem;
	-webkit-transition: border-radius 0.4s;
	-o-transition: border-radius 0.4s;
	-moz-transition: border-radius 0.4s;
	transition: border-radius 0.4s;
}
.index .section5 .swiper-slide:last-child {
	margin-right: 0;
}
.index .section5 .swiper-slide:hover {
	border-radius: 1.25rem;
	color: #fff;
}
.index .section5 .swiper-slide:hover .slide-info img {
	-webkit-filter: invert(1);
	filter: invert(1);
}
.index .section5 .slide-img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 23.5rem;
	height: 23.5rem;
	-o-object-fit: contain;
	object-fit: contain;
}
.index .section5 .slide-info {
	position: absolute;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	left: 0;
	bottom: 1.375rem;
	width: 100%;
	padding: 0 2.5rem;
}
.index .section5 .slide-info p {
	font-family: 'regular';
	color: #232323;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 0;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: normal;
}
.index .section5 .slide-info img {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 1.25rem;
	width: 1.875rem;
	height: 1.875rem;
	-webkit-transition: -webkit-filter 0.4s;
	transition: -webkit-filter 0.4s;
	-o-transition: filter 0.4s;
	-moz-transition: filter 0.4s;
	transition: filter 0.4s;
	transition: filter 0.4s, -webkit-filter 0.4s;
}
.index .section5 .swiper-button {
	top: 0;
	left: auto;
	right: auto;
}
.index .section5 .swiper-button.swiper-button-next {
	left: 3.75rem;
}
.index .section6 {
	padding-bottom: 11.875rem;
	overflow: hidden;
}
.index .section6 .title-top {
	font-size: 7.5rem;
	font-family: 'bold';
	text-align: center;
	color: #232323;
}
.index .section6 .swiper {
	padding-top: 4.6875rem;
	overflow: initial;
}
.index .section6 .item {
	background-color: #fff;
	color: #232323;
	overflow: hidden;
	-webkit-transition: border-radius 0.4s, -webkit-transform 0.4s;
	transition: border-radius 0.4s, -webkit-transform 0.4s;
	-o-transition: border-radius 0.4s, -o-transform 0.4s;
	-moz-transition: border-radius 0.4s, transform 0.4s, -moz-transform 0.4s;
	transition: border-radius 0.4s, transform 0.4s;
	transition: border-radius 0.4s, transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
}
.index .section6 .item:hover {
	border-radius: 1.25rem;
	-webkit-transform: translateY(-0.625rem);
	-moz-transform: translateY(-0.625rem);
	-ms-transform: translateY(-0.625rem);
	-o-transform: translateY(-0.625rem);
	transform: translateY(-0.625rem);
}
.index .section6 .slide-img {
	width: 100%;
	position: relative;
	padding-top: 75%;
}
.index .section6 .slide-img img {
	position: absolute;
	top: 0;
	left: 0;
}
.index .section6 .slide-info {
	padding: 2.1875rem 2.5rem 1.8125rem;
}
.index .section6 .slide-title {
	font-size: 1.25rem;
	line-height: 2rem;
	height: 4rem;
	margin-bottom: 1rem;
	font-family: 'bold';
	font-weight:bold;
}
.index .section6 .slide-content {
	font-size: 1rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}
.index .section6 .slide-time {
	font-family: 'regular';
}
.index .section6 .slide-link {
	width: 12.5rem;
	line-height: 3.125rem;
	text-align: center;
	color: #fff;
	font-family: 'regular';
	background-color: #232323;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	display: block;
	margin: 2.25rem auto;
}
.index .section6 .slide-link:hover {
	border-radius: 1.5625rem;
	background-color: #960000;
	color: #fff;
}
.design .section2 {
	position: relative;
	padding-bottom: 17.5rem;
	overflow: hidden;
}
.design .section2 .item {
	background-color: rgba(255, 255, 255, 0.3);
	height: 35rem;
	padding: 5rem;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: background-color 0.4s, border-radius 0.4s;
	-o-transition: background-color 0.4s, border-radius 0.4s;
	-moz-transition: background-color 0.4s, border-radius 0.4s;
	transition: background-color 0.4s, border-radius 0.4s;
}
.design .section2 .item:hover {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0.625rem;
}
.design .section2 .item:hover .index-btn, .design .section2 .item:hover a.index-btn {
	border-radius: 1.5625rem;
	background-color: #960000;
	color: #fff;
}
.design .section2 .item:hover .img img {
	-webkit-animation: imgAni 3s infinite;
	-moz-animation: imgAni 3s infinite;
	-o-animation: imgAni 3s infinite;
	animation: imgAni 3s infinite;
}
@-webkit-keyframes imgAni {
 50% {
 -webkit-transform: translate3d(-0.5rem, 0.8125rem, 0);
 transform: translate3d(-0.5rem, 0.8125rem, 0);
}
}
@-moz-keyframes imgAni {
 50% {
 -moz-transform: translate3d(-0.5rem, 0.8125rem, 0);
 transform: translate3d(-0.5rem, 0.8125rem, 0);
}
}
@-o-keyframes imgAni {
 50% {
 transform: translate3d(-0.5rem, 0.8125rem, 0);
}
}
@keyframes imgAni {
 50% {
 -webkit-transform: translate3d(-0.5rem, 0.8125rem, 0);
 -moz-transform: translate3d(-0.5rem, 0.8125rem, 0);
 transform: translate3d(-0.5rem, 0.8125rem, 0);
}
}
.design .section2 .item + .item {
	margin-top: 6.25rem;
}
.design .section2 .item:nth-of-type(2n) .info {
 -webkit-align-items: flex-end;
 -moz-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
 -webkit-order: 2;
 -moz-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2;
}
.design .section2 .info {
	max-width: 60%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #232323;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.design .section2 .title {
	font-size: 2rem;
	line-height: 2.5rem;
	font-family: 'medium';
	margin-bottom: 0.6875rem;
}
.design .section2 .text {
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-family: 'regular';
	margin-bottom: 2.9375rem;
}
.design .section2 .link {
	width: 12.5rem;
	line-height: 3.125rem;
}
.design .section2 .overflow-h {
	margin-top: auto;
}
.design .section2 ul {
	list-style: none;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.design .section2 ul li {
	font-size: 1.125rem;
	font-family: 'regular';
	white-space: nowrap;
	margin-right: 3.125rem;
	line-height: 1.5;
}
.design .section2 ul li:last-child {
	margin-right: 0;
}
.brand .section1 .top .bg {
	right: -5.875rem;
	width: 45.875rem;
}
.brand .section1 .top .bg.state2 {
	width: 33.3125rem;
	top: 18rem;
	right: 0;
}
.brand .section1 .top .bg.state3 {
	width: 42.875rem;
	top: 14.6875rem;
	right: -1.4375rem;
}
.interface .section1 .top .bg {
	width: 33.3125rem;
	top: 18rem;
}
.marketing .section1 .top .bg {
	width: 42.875rem;
	top: 14.6875rem;
	right: -1.4375rem;
}
.function .section1 {
	margin-bottom: 1.25rem;
}
.function .section1 .section1-top-hand.state1 {
	width: 34.8076923077%;
	bottom: 1.25rem;
}
.function .section2 {
	padding-bottom: 7.5rem;
	position: relative;
	color: #232323;
	overflow: hidden;
}
.function .section2 .item {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.function .section2 .item + .item {
	margin-top: 3.75rem;
}
.function .section2 .item:nth-of-type(2n) .left {
 -webkit-order: 2;
 -moz-box-ordinal-group: 3;
 -ms-flex-order: 2;
 order: 2;
}
.function .section2 .left {
	width: 48.7179%;
	background-color: #fff;
	padding-top: 2.875rem;
	padding-bottom: 3.125rem;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.function .section2 .left > div {
	opacity: 0;
}
.function .section2 .left.active > div {
	opacity: 1;
}
.function .section2 .left.active .index-btn {
	opacity: 1;
}
.function .section2 .left.active .left-img::before {
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
.function .section2 .left-info {
	padding: 0 10.5263%;
}
.function .section2 .left-etitle {
	font-size: 3rem;
	font-family: 'bold';
	margin-bottom: 1.25rem;
}
.function .section2 .left-title {
	font-size: 2.25rem;
	line-height: 1.5;
	font-family: 'regular';
	margin-bottom: 0.375rem;
}
.function .section2 .right-text {
	font-size: 1.5rem;
	line-height: 1.5;
	font-family: 'medium';
}
.function .section2 .left-content, .function .section2 .right-content {
	font-family: 'regular';
	line-height: 1.75rem;
}
.function .section2 .left-img {
	width: 90.7894736842%;
	padding-top: 55.2631578947%;
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: contain;
	background-size: contain;
	display: block;
	margin: auto auto 0;
	position: relative;
	overflow: hidden;
}
.function .section2 .left-img::before {
 position: absolute;
 content: '';
 -webkit-transition: -webkit-transform 1s;
 transition: -webkit-transform 1s;
 -o-transition: -o-transform 1s;
 -moz-transition: transform 1s, -moz-transform 1s;
 transition: transform 1s;
 transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #fff;
}
.function .section2 .index-btn {
	width: 12.5rem;
	line-height: 3.125rem;
	display: block;
	margin-top: 2.1875rem;
	margin-bottom: 5.125rem;
	opacity: 0;
	-webkit-transition: 1s opacity 1s, background-color 0.3s, border-radius 0.3s;
	-o-transition: 1s opacity 1s, background-color 0.3s, border-radius 0.3s;
	-moz-transition: 1s opacity 1s, background-color 0.3s, border-radius 0.3s;
	transition: 1s opacity 1s, background-color 0.3s, border-radius 0.3s;
}
.function .section2 .right {
	width: 50%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.function .section2 .right-flex {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 11.25rem;
	margin-bottom: 1.25rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.function .section2 .right-flex.active p, .function .section2 .right-big.active p {
	opacity: 1;
}
.function .section2 .right-flex p, .function .section2 .right-big p {
	opacity: 0;
}
.function .section2 .right-small {
	width: 48.7179%;
}
.function .section2 .right-big {
	height: 11.25rem;
	margin-bottom: 1.25rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.function .section2 .right-small, .function .section2 .right-big {
	background-color: #fff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.5rem 3.8461% 1.75rem;
}
.function .section2 .right-bottom {
	height: 31.25rem;
	background-color: #fff;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.function .section2 .right-bottom::before, .function .section2 .right-bottom::after {
 position: absolute;
 content: '';
 top: 0;
 width: 50%;
 height: 100%;
 background-color: #fff;
 z-index: 2;
 -webkit-transition: -webkit-transform 1s;
 transition: -webkit-transform 1s;
 -o-transition: -o-transform 1s;
 -moz-transition: transform 1s, -moz-transform 1s;
 transition: transform 1s;
 transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}
.function .section2 .right-bottom::before {
 left: 0;
}
.function .section2 .right-bottom::after {
 right: 0;
}
.function .section2 .right-bottom.active::before {
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
.function .section2 .right-bottom.active::after {
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
.function .section2 .right-bottom .swiper {
	height: 100%;
	width: 100%;
	-webkit-transition: width 1s;
	-o-transition: width 1s;
	-moz-transition: width 1s;
	transition: width 1s;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
}
.function .section2 .right-bottom .swiper-slide {
	padding: 3.125rem 8.9743% 0;
}
.function .section2 .right-bottom img {
	width: 100%;
	height: 79.4701%;
	border-radius: 0.625rem;
	box-shadow: 0px 0.0625rem 0.75rem 0px rgba(0, 0, 0, 0.2509803922);
}
.function .section2 .right-bottom .swiper-pagination {
	bottom: 7.947%;
}
.function .section2 .right-bottom .swiper-pagination-bullet {
	width: 2rem;
	height: 0.5rem;
	background-color: #232323;
	border-radius: 0.25rem;
	opacity: 0.5;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.function .section2 .right-bottom .swiper-pagination-bullet-active {
	width: 4rem;
	opacity: 1;
}
.function_detail .section1 {
	margin-top: 18.125rem;
	margin-bottom: 2.5rem;
}
.function_detail .section1 .etitle {
	font-size: 2rem;
	font-family: 'medium';
	margin-bottom: 1.25rem;
}
.function_detail .section1 .title {
	font-size: 7.5rem;
	font-family: 'bold';
}
.function_detail .section2 {
	position: relative;
}
.function_detail .section2 .selects {
	top: 6.25rem;
	padding-top: 6.25rem;
	position: sticky;
	z-index: 9;
	background-color: #fff;
	left: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 0.875rem;
	border-bottom: 0.0625rem solid #babcbd;
}
.function_detail .section2 .selects-item {
	min-width: 8.75rem;
	line-height: 2.5rem;
	padding: 0 1.25rem;
	margin-right: 1.25rem;
	margin-bottom: 1.25rem;
}
.function_detail .section2 .list {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 5rem;
	padding-bottom: 7.5rem;
}
.function_detail .section2 .item {
	width: 47.8571%;
	margin-top: 0;
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
}
.function_detail .section2 .item .img {
	max-width: 90%;
	width: 36.1875rem;
	margin: 0 auto 5.625rem;
}
.certificate .section1-top .section1-top-secure .section1-top-secure-img1 {
	width: 38.615385%;
	right: 1.076923%;
}
.certificate .section1-top .section1-top-secure .section1-top-secure-img3 {
	top: 25.625rem;
	right: 39.7435897436%;
}
.certificate .section2 {
	position: relative;
	color: #232323;
	overflow: hidden;
}
.certificate .section2 .index-container {
	border-top: 0.0625rem solid #d9d9d9;
	border-bottom: 0.0625rem solid #d9d9d9;
	padding-bottom: 11.25rem;
}
.certificate .section2 .top {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 3.5rem;
}
.certificate .section2 .top > div {
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.certificate .section2 .top-left {
	padding-top: 4rem;
}
.certificate .section2 .top-title {
	font-size: 3rem;
	font-family: 'medium';
	margin-bottom: 0.75rem;
}
.certificate .section2 .top-text {
	font-size: 1.125rem;
	font-family: 'regular';
	line-height: 1.5;
}
.certificate .section2 .top-item {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 6.875rem;
	border-bottom: 0.0625rem solid #d9d9d9;
	cursor: pointer;
	-webkit-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
.certificate .section2 .top-item:hover, .certificate .section2 .top-item.active {
	background-color: #fff;
}
.certificate .section2 .top-item:hover .top-num, .certificate .section2 .top-item.active .top-num {
	padding-left: 5.1282%;
}
.certificate .section2 .top-item:hover .top-img, .certificate .section2 .top-item.active .top-img {
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
	margin-right: 8.9743%;
}
.certificate .section2 .top-num {
	width: 14.1025%;
	font-size: 1.5rem;
	font-family: 'medium';
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.certificate .section2 .top-content {
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 0;
	font-size: 2.25rem;
	line-height: normal;
	font-family: 'medium';
}
.certificate .section2 .top-img {
	width: 1.375rem;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: 0 3.8461%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: margin-right 0.2s, 0.2s -webkit-transform 0.2s;
	transition: margin-right 0.2s, 0.2s -webkit-transform 0.2s;
	-o-transition: margin-right 0.2s, 0.2s -o-transform 0.2s;
	-moz-transition: margin-right 0.2s, 0.2s transform 0.2s, 0.2s -moz-transform 0.2s;
	transition: margin-right 0.2s, 0.2s transform 0.2s;
	transition: margin-right 0.2s, 0.2s transform 0.2s, 0.2s -webkit-transform 0.2s, 0.2s -moz-transform 0.2s, 0.2s -o-transform 0.2s;
}
.certificate .section2 .swiper {
	overflow: initial;
	padding-top: 5rem;
	display: none;
}
.certificate .section2 .swiper.active {
	display: block;
}
.certificate .section2 .swiper-button {
	top: 0;
	margin-top: 0;
}
.certificate .section2 .swiper-button-prev {
	left: 0;
}
.certificate .section2 .swiper-button-next {
	left: 3.75rem;
}
.certificate .section2 .swiper-slide {
	width: 25rem;
	height: 15rem;
	background-color: #ffffff;
	margin-right: 1.875rem;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2.125rem 1.875rem 3.3125rem;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
.certificate .section2 .swiper-slide:hover {
	-webkit-transform: translateY(-0.625rem);
	-moz-transform: translateY(-0.625rem);
	-ms-transform: translateY(-0.625rem);
	-o-transform: translateY(-0.625rem);
	transform: translateY(-0.625rem);
}
.certificate .section2 .swiper-slide:last-child {
	margin-right: 0;
}
.certificate .section2 .bottom-title {
	font-size: 1.5rem;
	line-height: normal;
	font-family: 'medium';
}
.certificate .section2 .bottom-text {
	line-height: 1.75rem;
	font-family: 'regular';
}
.certificate .section3 {
	position: relative;
	padding-top: 6.5rem;
	padding-bottom: 12.875rem;
	color: #232323;
}
.certificate .section3 .title {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 3.75rem;
}
.certificate .section3 .title .text1 {
	font-size: 3rem;
	font-family: 'medium';
	margin-bottom: 0.75rem;
}
.certificate .section3 .title .text2 {
	font-size: 1.25rem;
	font-family: 'regular';
	line-height: 2rem;
}
.certificate .section3 .title .link {
	width: 12.5rem;
	line-height: 3.125rem;
}
.certificate .section3 .bottom {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.certificate .section3 .left {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 41.1%;
	border-radius: 0.625rem;
	border: solid 0.0625rem #d9d9d9;
	border-bottom: none;
	overflow: hidden;
}
.certificate .section3 .left-item {
	width: 50%;
	height: 12.5rem;
	background-color: #fff;
	padding: 2.0625rem 6.25% 0;
	border-bottom: solid 0.0625rem #d9d9d9;
}
.certificate .section3 .left-item:nth-of-type(2n) {
 border-left: solid 0.0625rem #d9d9d9;
}
.certificate .section3 .left-title {
	font-size: 1.25rem;
	font-family: 'medium';
	margin-bottom: 1.875rem;
}
.certificate .section3 .left-text {
	font-size: 0.875rem;
	line-height: 1.5rem;
	font-family: 'regular';
}
.certificate .section3 .list {
	overflow: auto;
	width: 50%;
	max-height: 25rem;
}
.certificate .section3 .list::-webkit-scrollbar {
 background-color: transparent;
 width: 0.1875rem;
}
.certificate .section3 .list::-webkit-scrollbar-thumb {
 background-color: #960000;
 width: 0.1875rem;
}
.certificate .section3 .list-item {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: 'regular';
	line-height: normal;
	border-bottom: 0.0625rem solid #d9d9d9;
	min-height: 4.625rem;
	padding: 0.625rem 0;
	position: relative;
	-webkit-transition: font-size 0.3s ease;
	-o-transition: font-size 0.3s ease;
	-moz-transition: font-size 0.3s ease;
	transition: font-size 0.3s ease;
}
.certificate .section3 .list-item:hover {
	font-size: 1.3em;
}
.certificate .section3 .list-item:hover::before {
 width: 100%;
}
.certificate .section3 .list-item::before {
 position: absolute;
 content: '';
 width: 0;
 -webkit-transition: width 0.6s;
 -o-transition: width 0.6s;
 -moz-transition: width 0.6s;
 transition: width 0.6s;
 height: 0.125rem;
 left: 0;
 bottom: -0.0625rem;
 background-color: #960000;
}
.certificate .section3 .list-item + .list-item {
	margin-top: 0.4375rem;
}
.certificate .section4 {
	padding-bottom: 9.375rem;
}
.certificate .section5 {
	background-color: #fff;
	padding-top: 5.125rem;
	padding-bottom: 4.875rem;
}
.certificate .section5 .form {
	border-radius: 0.5rem;
	border: solid 1px #d9d9d9;
	text-align: center;
	padding-top: 2.5rem;
	padding-bottom: 2.375rem;
}
.certificate .section5 .title {
	font-size: 2rem;
	line-height: 2.625rem;
	font-family: 'bold';
	margin-bottom: 1.125rem;
}
.certificate .section5 .text {
	font-family: 'regular';
	font-size: 1.125rem;
	margin-bottom: 3.25rem;
}
.certificate .section5 .form-item {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.certificate .section5 .form-item + .form-item {
	margin-top: 2.125rem;
}
.certificate .section5 .form-label {
	font-size: 1.125rem;
	font-family: 'medium';
	margin-right: 1.5rem;
}
.certificate .section5 .form-radio {
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.125rem;
	font-family: 'meidum';
	color: #888888;
	cursor: pointer;
}
.certificate .section5 .form-radio + .form-radio {
	margin-left: 4.375rem;
}
.certificate .section5 .form-radio input {
	position: absolute;
	opacity: 0;
	width: 1.5rem;
	height: 1.5rem;
	left: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
}
.certificate .section5 .form-radio input:checked + .checked {
	border-color: #960000;
}
.certificate .section5 .form-radio input:checked + .checked::before {
 position: absolute;
 content: '';
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 1rem;
 height: 1rem;
 border-radius: 50%;
 background-color: #960000;
}
.certificate .section5 .form-radio input:checked + .checked + label {
	color: #232323;
}
.certificate .section5 .form-radio label {
	cursor: pointer;
}
.certificate .section5 .form-radio .checked {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #ffffff;
	border: solid 1px #d9d9d9;
	border-radius: 50%;
	margin-right: 1.1875rem;
	position: relative;
}
.certificate .section5 .form-input {
	width: 15rem;
	height: 3.125rem;
	background-color: #ffffff;
	border-radius: 0.5rem;
	border: solid 1px #d9d9d9;
	font-size: 1.125rem;
	padding: 0 0.625rem;
}
.certificate .section5 .form-input.form-margin {
	margin-right: 3.75rem;
}
.certificate .section5 .form-submit {
	width: 12.5rem;
	height: 3.125rem;
	font-family: 'regular';
	margin-top: 4.125rem;
}
.about .section2 {
	color: #232323;
	height: 32.5rem;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.about .section2 .round-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	background-color: #960000;
	border-radius: 50%;
}
.about .section2 .round-container.round-ani {
	-webkit-animation-name: roundAni;
	-moz-animation-name: roundAni;
	-o-animation-name: roundAni;
	animation-name: roundAni;
}
@-webkit-keyframes roundAni {
 0% {
 width: 0;
 height: 0;
 border-radius: -webkit-calc(var(--round-height) / 2);
 border-radius: calc(var(--round-height) / 2);
}
 40% {
 width: var(--round-height);
 height: var(--round-height);
 border-radius: -webkit-calc(var(--round-height) / 2);
 border-radius: calc(var(--round-height) / 2);
}
 70% {
 border-radius: var(--round-height);
}
 90% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: var(--round-height);
}
 100% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: 0;
}
}
@-moz-keyframes roundAni {
 0% {
 width: 0;
 height: 0;
 border-radius: -moz-calc(var(--round-height) / 2);
 border-radius: calc(var(--round-height) / 2);
}
 40% {
 width: var(--round-height);
 height: var(--round-height);
 border-radius: -moz-calc(var(--round-height) / 2);
 border-radius: calc(var(--round-height) / 2);
}
 70% {
 border-radius: var(--round-height);
}
 90% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: var(--round-height);
}
 100% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: 0;
}
}
@-o-keyframes roundAni {
 0% {
 width: 0;
 height: 0;
 border-radius: calc(var(--round-height) / 2);
}
 40% {
 width: var(--round-height);
 height: var(--round-height);
 border-radius: calc(var(--round-height) / 2);
}
 70% {
 border-radius: var(--round-height);
}
 90% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: var(--round-height);
}
 100% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: 0;
}
}
@keyframes roundAni {
 0% {
 width: 0;
 height: 0;
 border-radius: -webkit-calc(var(--round-height) / 2);
 border-radius: -moz-calc(var(--round-height) / 2);
 border-radius: calc(var(--round-height) / 2);
}
 40% {
 width: var(--round-height);
 height: var(--round-height);
 border-radius: -webkit-calc(var(--round-height) / 2);
 border-radius: -moz-calc(var(--round-height) / 2);
 border-radius: calc(var(--round-height) / 2);
}
 70% {
 border-radius: var(--round-height);
}
 90% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: var(--round-height);
}
 100% {
 width: var(--round-width);
 height: var(--round-height);
 border-radius: 0;
}
}
.about .section2 .swiper {
	height: 100%;
}
.about .section2 .index-container {
	height: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.about .section2 .slide-title {
	font-size: 1.5rem;
	font-family: 'regular';
	margin-bottom: 1.25rem;
	opacity: 0;
}
.about .section2 .swiper-pagination-bullet {
 --swiper-pagination-bullet-size: 0.75rem;
 --swiper-pagination-bullet-horizontal-gap: 0.3125rem;
	background-color: #ffffff;
	opacity: 0.5;
}
.about .section2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}
.about .section2 .slide-num {
	font-size: 10rem;
	font-family: 'black';
}
.about .section3 {
	padding-top: 6.875rem;
	padding-bottom: 7.5rem;
	color: #232323;
	position: relative;
}
.about .section3 .container-1400 .index-btn {
	width: 12.5rem;
	line-height: 3.125rem;
	margin: 0 auto;
}
.about .section3 .list {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 5.9375rem;
}
.about .section3 .list .item {
	width: 23.9285714286%;
	height: 20.9375rem;
	position: relative;
	cursor: pointer;
	-webkit-perspective: 1800px;
	-moz-perspective: 1800px;
	perspective: 1800px;
}
.about .section3 .list .item.active .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	opacity: 0;
}
.about .section3 .list .item.active .reverse {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}
.about .section3 .list .item-info {
	width: 100%;
	height: 100%;
	border-radius: 0.5rem;
	padding: 1.875rem 8.9552238806%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: opacity 1s ease, -webkit-transform 1s;
	transition: opacity 1s ease, -webkit-transform 1s;
	-o-transition: opacity 1s ease, -o-transform 1s;
	-moz-transition: transform 1s, opacity 1s ease, -moz-transform 1s;
	transition: transform 1s, opacity 1s ease;
	transition: transform 1s, opacity 1s ease, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}
.about .section3 .list .item-info.front {
	background-color: #ffffff;
	border: solid 1px #d9d9d9;
}
.about .section3 .list .item-info.reverse {
	position: absolute;
	background-color: #960000;
	box-shadow: 0px 0.5rem 0.4375rem 1px rgba(150, 0, 0, 0.22);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	opacity: 0;
}
.about .section3 .list .item-title, .about .section3 .list .item-text {
	font-family: 'regular';
	font-size: 1.25rem;
	line-height: 1.375rem;
}
.about .section3 .list .item-text {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.about .section3 .list .item-img {
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 1.875rem 8.9552238806%;
	left: 0;
	top: 0;
}
.about .section3 .list .item-etext {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 2.5rem;
	line-height: normal;
	font-family: 'black';
}
.about .section3 .list1 {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 6.25rem;
	text-align: center;
}
.about .section3 .list1 .item-container {
	width: 16.0714285714%;
}
.about .section3 .list1 .item {
	width: 100%;
	cursor: pointer;
	height: 11.25rem;
	background-color: #ffffff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 0.5rem;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
.about .section3 .list1 .item:hover {
	-webkit-transform: translateY(-0.625rem);
	-moz-transform: translateY(-0.625rem);
	-ms-transform: translateY(-0.625rem);
	-o-transform: translateY(-0.625rem);
	transform: translateY(-0.625rem);
}
.about .section3 .list1 .item-img {
	height: 4.25rem;
	width: 66.6666666667%;
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: contain;
	background-size: contain;
	margin-bottom: 1.25rem;
}
.about .section3 .list1 .item-text {
	line-height: 1.25rem;
	font-family: 'regular';
}
.about .section4 {
	overflow: hidden;
	padding-top: 10.1875rem;
	padding-bottom: 10.1875rem;
	background-color: #fff;
}
.about .section4 .my-pagination {
	top: 6.625rem;
	bottom: auto;
 --pagination-progress-width: 12.5rem;
	font-family: 'regular';
}
.about .section4 .my-pagination .my-pagination-item {
	left: 0;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.about .section4 .my-pagination .my-pagination-path1 {
	background-color: #232323;
}
.about .section4 .item {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
}
.about .section4 .title {
	font-size: 2rem;
	font-family: 'black';
	margin-bottom: 8.375rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	padding-top: 3rem;
}
.about .section4 .etitle {
	font-size: 6.25rem;
	font-family: 'black';
	position: absolute;
	z-index: -1;
	line-height: 5rem;
	left: 1.25rem;
	top: 0;
	color: #960000;
}
.about .section4 .bottom {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.about .section4 .swiper {
	padding-bottom: 3.75rem;
}
.about .section4 ul {
	width: 47.1428571429%;
	padding-right: 1.25rem;
	list-style: none;
	overflow: auto;
}
.about .section4 ul::-webkit-scrollbar {
 background-color: transparent;
 width: 0.1875rem;
}
.about .section4 ul::-webkit-scrollbar-thumb {
 background-color: #960000;
 width: 0.1875rem;
}
.about .section4 li {
	line-height: 2rem;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.about .section4 li + li {
	margin-top: 2.5rem;
}
.about .section4 .year {
	font-size: 1.5rem;
	font-family: 'black';
	margin-right: 1.5rem;
	line-height: 2rem;
}
.about .section4 .text {
	font-family: 'regular';
	line-height: 2rem;
}
.about .section4 .item-img {
	width: 52.8571428571%;
	height: 100%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 27.5rem;
}
.about .section4 .item-img img {
	width: 0;
	height: 100%;
	margin: 0 auto;
	display: block;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: 1s width 1s;
	-o-transition: 1s width 1s;
	-moz-transition: 1s width 1s;
	transition: 1s width 1s;
}
.about .section4 .animation-active .item {
	opacity: 1;
}
.about .section4 .animation-active .item-img img {
	width: 100%;
}
.secure .section3 {
	position: relative;
	padding-top: 10.625rem;
	padding-bottom: 8.125rem;
	overflow: hidden;
}
.dynamics .section1 {
	padding-top: 13.125rem;
	padding-bottom: 5.9375rem;
	border-bottom: 0.0625rem solid #babcbd;
}
.dynamics .section1 .etitle {
	font-size: 2rem;
	font-family: 'medium';
	margin-bottom: 1.25rem;
}
.dynamics .section1 .title {
	font-size: 5rem;
	font-family: 'black';
}
.dynamics .section2 {
	padding-top: 3.125rem;
	padding-bottom: 6.875rem;
}
.dynamics .section2 .top {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	margin-bottom: 5rem;
	-webkit-transition: border-radius 0.4s;
	-o-transition: border-radius 0.4s;
	-moz-transition: border-radius 0.4s;
	transition: border-radius 0.4s;
	overflow: hidden;
}
.dynamics .section2 .top:hover {
	border-radius: 1.5625rem;
}
.dynamics .section2 .top-img {
	width: 66.0714%;
	padding-top: 31.4285714286%;
	display: block;
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.dynamics .section2 .top-img img {
	position: absolute;
	top: 0;
	left: 0;
}
.dynamics .section2 .top-info {
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2.875rem 2.7142857143%;
}
.dynamics .section2 .top-title {
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-family: 'bold';
}
.dynamics .section2 .top-content {
	line-height: 2rem;
	font-size: 1rem;
	text-indent:2em;
}
.dynamics .section2 .top-time {
	font-family: 'regular';
}
.dynamics .section2 .list {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.dynamics .section2 .list::after {
 width: 32.1428%;
 height: 0;
 content: '';
}
.dynamics .section2 .item {
	width: 32.1428%;
	background-color: #fff;
	margin-bottom: 1.5625rem;
	-webkit-transition: border-radius 0.4s, -webkit-transform 0.4s;
	transition: border-radius 0.4s, -webkit-transform 0.4s;
	-o-transition: border-radius 0.4s, -o-transform 0.4s;
	-moz-transition: transform 0.4s, border-radius 0.4s, -moz-transform 0.4s;
	transition: transform 0.4s, border-radius 0.4s;
	transition: transform 0.4s, border-radius 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
	overflow: hidden;
}
.dynamics .section2 .item:hover {
	-webkit-transform: translateY(-0.625rem);
	-moz-transform: translateY(-0.625rem);
	-ms-transform: translateY(-0.625rem);
	-o-transform: translateY(-0.625rem);
	transform: translateY(-0.625rem);
	border-radius: 1.25rem;
}
.dynamics .section2 .item-img {
	width: 100%;
	padding-top: 75.1111111111%;
	position: relative;
}
.dynamics .section2 .item-img img {
	position: absolute;
	top: 0;
	left: 0;
}
.dynamics .section2 .item-info {
	padding: 1.25rem 5.3333333333% 1.8125rem;
}
.dynamics .section2 .item-title {
	font-size: 1.25rem;
	line-height: 2rem;
	height: 4rem;
	margin-bottom: 1rem;
	font-family: 'bold';
	font-weight: bold;
}
.dynamics .section2 .item-content {
	line-height: 2rem;
	font-size: 1rem;
	margin-bottom: 1rem;
}
.dynamics .section2 .item-time {
	font-family: 'regular';
}
.case .section1 {
	padding-top: 13.125rem;
}
.case .section1 .etitle {
	font-size: 2rem;
	font-family: 'medium';
	margin-bottom: 1.25rem;
}
.case .section1 .title {
	font-size: 5rem;
	font-family: 'black';
}
.case .section2 {
	background-color: #eeeeee;
	z-index: 9;
	margin-top: 3.75rem;
	margin-bottom: 0.625rem;
	position: sticky;
	top: 6.25rem;
}
.case .section2 .select {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 3.75rem;
	border-bottom: 1px solid #babcbd;
}
.case .section2 .select-item {
	padding: 0 1.625rem;
	line-height: 2.5rem;
	background-color: #cccccc;
	border-radius: 1.25rem;
	margin-right: 1.25rem;
	margin-bottom: 1.25rem;
	font-family: 'regular';
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.case .section2 .select-item:hover {
	background-color: #232323;
	color: #fff;
}
.case .section2 .select-item.active {
	background-color: #960000;
	color: #fff;
}
.case .section2 .my-swipers {
	padding: 0;
}
.case .section2 .left {
	padding-top: 0.625rem;
	padding-bottom: 1.875rem;
	position: relative;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	top: 0;
	margin-top: 0;
}
.case .section2 .left li {
	margin-right: 1.5625rem;
}
.case .section2 .left li span {
	font-size: 1rem;
}
.case .section2 .left li:last-child {
	margin-right: 0;
}
.case .section2 .left li::before {
 top: auto;
 bottom: 0;
}
.case .section2 .left li.active::before, .case .section2 .left li:hover::before {
 width: 100%;
}
.case .section4, .case .section3 {
	padding-top: 3.75rem;
	padding-bottom: 15rem;
}
.case .section4 .my-list1, .case .section3 .my-list1 {
	display: none;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.case .section4 .my-list1.active, .case .section3 .my-list1.active {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}
.case .section4 .item + .item, .case .section3 .item + .item {
	margin-top: 0;
}
.case .section4 .item, .case .section3 .item {
	width: 48.5714285714%;
	margin-bottom: 2.5rem;
}
.case .section3 {
	padding-top: 0;
	overflow: hidden;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.information_detail .section1 {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}
.information_detail .section1 .mask {
	height: 10rem;
	margin-bottom: 3.125rem;
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;/* background-color: #eeeeee; */
}
.information_detail .section1 .left {
	position: sticky;
	top: 8.75rem;
	left: 0;
	width: 22.8571428571%;
}
.information_detail .section1 .left.active {
	position: sticky;
}
.information_detail .section1 .left-item {
	display: block;
	line-height: 3.125rem;
	font-family: 'regular';
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}
.information_detail .section1 .left-item::before {
 position: absolute;
 content: '';
 left: 0;
 bottom: 0;
 height: 1px;
 width: 0;
 background-color: #960000;
 -webkit-transition: width 0.3s;
 -o-transition: width 0.3s;
 -moz-transition: width 0.3s;
 transition: width 0.3s;
}
.information_detail .section1 .left-item:hover::before {
 width: 100%;
}
.information_detail .section1 .right {
	width: 68.5714285714%;
	margin-left: auto;
}
.information_detail .section1 .right .top {
	margin-bottom: 2.5rem;
}
.information_detail .section1 .right .title {
	font-size: 1.75rem;
	line-height: 2.375rem;
	font-family: 'bold';
	margin-bottom: 0.9375rem;
}
.information_detail .section1 .right .text {
	font-size: 0.875rem;
	font-family: 'regular';
}
.information_detail .section1 .right .content {
	line-height: normal;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #bcbfc4;
}
.information_detail .section1 .right .index-btn {
	width: 12.5rem;
	line-height: 3.125rem;
	display: block;
	margin: 2.9375rem 0 8.75rem auto;
}
.case_detail {
	padding-top: 6.25rem;
}
.case_detail .section1 {
	max-width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.case_detail .section1 .img-container {
	width: 100%;
	padding-top: 56.2142857143%;
	position: relative;
}
.case_detail .section1 img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.case_detail .section2 {
/* padding-top: 5rem;
  padding-bottom: 12.5rem; */
}
.case_detail .section2 > a {
	display: block;
	padding-top: 5rem;
	padding-bottom: 12.5rem;
}
.case_detail .section2 .title {
	font-size: 3.75rem;
	line-height: 5rem;
	line-height: normal;
	font-family: 'black';
	margin-bottom: 0.625rem;
}
.case_detail .section2 .text {
	line-height: 2rem;
	font-family: 'medium';
	width: 100%;
	margin-bottom: 2rem;
}
.case_detail .section2 ul {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	list-style: none;
}
.case_detail .section2 ul li {
	padding: 0 1.375rem;
	line-height: 2.5rem;
	background-color: #960000;
	border-radius: 1.25rem;
	font-family: 'regular';
	margin-right: 0.625rem;
	margin-bottom: 0.625rem;
}
.case_detail .section3 .img {
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	background-size: cover;
}
.case_detail .section3 .top, .case_detail .section3 .bottom {
	width: 100%;
	display: block;
	padding-top: 53.1428571429%;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	margin: 0 auto;
}
.case_detail .section3 .top {
	margin-bottom: 5rem;
}
.case_detail .section3 .middle {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 5rem;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	min-height: 18.75rem;
	overflow: hidden;
}
.case_detail .section3 .middle div {
	width: 47.1428571429%;
	padding-top: 62.8571428571%;
	position: relative;
	overflow: hidden;
}
.case_detail .section3 .middle div .mask {
	padding-top: 0;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #eeeeee;
}
.case_detail .section4 {
	padding-bottom: 6.25rem;
	overflow: hidden;
}
.case_detail .section4 .top-title {
	text-align: center;
	font-size: 2.5rem;
	font-family: 'bold';
	margin: 7.5rem 0 3.125rem;
}
.case_detail .section4 .my-list1 .item + .item {
	margin-top: 0;
}
.section5 {
	padding-top: 70px;
	padding-bottom: 130px;
}
.section5-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.section5-bar-title {
	color: #232323;
	font-size: 2.5rem;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-bar-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 50px;
	background-color: #960000;
	color: #fff;
	font-size: 16px;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.swiper-comment {
	width: 100%;
	height: 640px;
	margin-top: 57px;
}
.swiper-comment .swiper-slide {
	box-sizing: border-box;
	padding: 25px 32px;
	background-color: #ffffff;
	border-radius: 10px;/* height: 140px!important; */
}
.swiper-comment-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.swiper-comment-title {
	color: #888888;
	font-size: 16px;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.swiper-comment-time {
	color: #888888;
	font-size: 16px;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.swiper-comment-desc {
	color: #232323;
	font-size: 16px;
	margin-top: 20px;
	line-height: 30px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-bar-btn {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
}
.section5-bar-btn:hover {
	border-radius: 1.5625rem;
}
.swiper-comment.swiper-vertical>.swiper-wrapper {
	transition-timing-function: linear;
}
.section5-dialog {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 999;
}
.section5-dialog-block {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 720px;
	height: 500px;
	background-color: #ffffff;
	box-shadow: 0px 12px 42px 6px  rgba(222, 222, 222, 0.5);
	border-radius: 10px;
	box-sizing: border-box;
}
.section5-dialog-title {
	text-align: center;
	color: #333333;
	font-size: 30px;
	margin-top: 41px;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-form {
	width: 600px;
	margin: 50px auto;
}
.section5-dialog-user {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.section5-dialog-user-input {
	width: 280px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
	display: flex;
}
.section5-dialog-user-input__label {
	color: #9c9c9c;
	font-size: 14px;
	flex-shrink: 0;
	width: 60px;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-user-input:first-child .section5-dialog-user-input__label {
	width: 46px;
}
.section5-dialog-user-input__input {
	flex-shrink: 0;
	width: 220px;
	font-size: 14px;
	color: #333333;
	font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-user-input:first-child .section5-dialog-user-input__input {
	width: 234px;
}
.section5-dialog__textarea {
	width: 100%;
	height: 200px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	box-sizing: border-box;
	padding: 23px 17px;
	margin-top: 30px;
}
.section5-dialog__textarea::-webkit-input-placeholder {   /* 使用webkit内核的浏览器 */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog__textarea:-moz-placeholder {    /* Firefox版本4-18 */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog__textarea::-moz-placeholder {    /* Firefox版本19+ */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog__textarea:-ms-input-placeholder {   /* IE浏览器 */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-verify {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.section5-dialog-verify-left {
	display: flex;
	align-items: center;
}
.section5-dialog-verify__input {
	width: 150px;
	height: 50px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	margin-right: 10px;
	box-sizing: border-box;
	padding-left: 17px;
}
.section5-dialog-verify__input::-webkit-input-placeholder {   /* 使用webkit内核的浏览器 */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-verify__input:-moz-placeholder {    /* Firefox版本4-18 */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-verify__input::-moz-placeholder {    /* Firefox版本19+ */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-verify__input:-ms-input-placeholder {   /* IE浏览器 */
 color: #9c9c9c;
 font-size: 14px;
 font-family: 'PingFang', 'PingFang SC', 'syht', 'Microsoft YaHei', '黑体', '宋体', sans-serif;
}
.section5-dialog-verify__img {
	width: 150px;
	height: 50px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
}
.section5-dialog-submit {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #333333;
	color: #fefefe;
	font-size: 14px;
}

















li{ list-style:none}








.contact .box {
	width:50%;
	padding-right:150px;
	float:left; line-height:40px;
}
.contact .box .tit {
	font-size:30px;
	font-weight:700;
	color:#000;
	line-height:1;
	margin:15px 0 30px
}
.contact .box .con {
	padding-top:20px
}
.contact .box .con li {
	font-size:18px;
	color:#000;
	line-height:1.8;
	margin-top:15px
}
.contact .box .con li img {
	vertical-align:top;
	margin-top:7px;
	margin-right:10px
}
.contact .message {
	width:50%;
	float:left
}
.contact .message dl {
	font-size:24px;
	color:#000;
	font-weight:700;
	line-height:1;
	margin-bottom:28px
}
.contact .message ul {
	overflow:hidden;
	margin:0 -25px;
	text-align:center
}
.contact .message ul li {
	width:50%;
	padding:0 25px;
	margin-bottom:15px;
	float:left
}
.contact .message ul ol {
	padding:0 25px;
	margin-bottom:15px
}
.contact .message input {
	width:100%;
	height:44px;
	font-size:16px;
	padding-left:15px;
	border:#ddd solid 1px;
	border-radius:8px
}
.contact .message input:focus {
	border:#960000 solid 1px
}
.contact .message textarea {
	width:100%;
	height:120px;
	font-size:16px;
	padding:10px 15px;
	border:#ddd solid 1px;
	border-radius:8px
}
.contact .message textarea:focus {
	border:#960000 solid 1px
}
.contact .message button {
	width:160px;
	height:45px;
	background:#960000;
	border:none;
	border-radius:50px;
	color:#fff;
	font-size:16px;
	cursor:pointer
}
.contact .message button:hover {
	background:#7a0000
}
#map {
	height:435px
}
.form {
	padding:70px 0;
	text-align:center
}
.form .box {
	margin-top:-10px
}
.form .box input {
	width:222px;
	height:38px;
	font-size:16px;
	color:#666;
	border:#e8e8e8 solid 2px;
	border-radius:6px;
	padding-left:16px;
	margin:0 10px;
transition:all .4s
}
.form .box input:focus {
	border:#960000 solid 2px
}
.form .box button {
	width:222px;
	height:38px;
	font-size:16px;
	color:#fff;
	background:#960000;
	border:none;
	border-radius:6px;
	cursor:pointer;
transition:all .4s
}
.form .box button:hover {
	background:#7a0000
}
.form .formTel dl {
	font-size:26px;
	color:#000;
	background:url(../images/icon03.png) no-repeat left center;
	background-size:35px;
	padding-left:45px;
	margin-top:40px;
	display:inline-block
}
.footer {
	background:#333;
	color:#979797
}
.footer .fmain {
	padding:40px 0;
	background:#2c2c2c
}
.footer .fmain .flogo {
	margin-bottom:25px
}
.footer .fmain .fcontact {
	line-height:36px;
	padding-top:35px;
	margin-right:180px;
	float:left
}
.footer .fmain .fnav {
	float:left;
	width:470px;
	line-height:1
}
.footer .fmain .fnav ul {
	float:left;
	width:50%;
	padding-right:40px
}
.footer .fmain .fnav ul dl {
	color:#fff;
	font-weight:500;
	margin-top:20px
}
.footer .fmain .fnav ul ol {
	overflow:hidden
}
.footer .fmain .fnav ul ol li {
	float:left;
	width:50%;
	margin-top:20px
}
.footer .fmain .ewm {
	width:120px;
	line-height:36px;
	text-align:center;
	float:right
}
.footer .copyright {
	background:#333;
	line-height:60px;
	color:#9a9a9a;
	text-align:center
}
.footer .copyright a {
	color:#979797
}
.footer .copyright a:hover {
	color:#960000
}
.fenye {
	text-align:center;
	font-size:15px;
	width:100%;
	height:40px;
	margin:10px 0 0
}
.fenye .next, .fenye .prev {
	width:40px;
	height:40px;
	line-height:40px;
	color:#8a8a8a;
	margin-right:5px;
	display:inline-block;
	font-family:"宋体";
	font-size:17px;
	background:#fff;
	border:#ebebeb solid 1px;
	border-radius:6px
}
.fenye a {
	width:40px;
	height:40px;
	line-height:40px;
	color:#8a8a8a;
	margin-right:5px;
	display:inline-block;
	background:#fff;
	border:#ebebeb solid 1px;
	border-radius:6px
}
.fenye a:hover {
	color:#fff;
	background:#242a34;
	border:#242a34 solid 1px
}
.fenye a.current {
	color:#fff;
	background:#242a34;
	margin-right:5px;
	border:#242a34 solid 1px
}
@media only screen and (min-width:1440px) and (max-width:1679px) {
.wrap {
width:1380px
}
.neiBannerAbout {
height:560px
}
.neiBannerAbout .bannerText h3 {
font-size:190px
}
.neiBannerAbout .bannerText h2 {
font-size:46px;
margin-top:-90px
}
.solution .tit h2 {
font-size:46px
}
.aboutTit h3 {
font-size:46px
}
.culture .idea ul dl h3 {
font-size:28px;
margin-bottom:15px
}
.culture .idea ul dl dd {
font-size:22px
}
.authorization .box img {
height:650px
}
}
@media only screen and (min-width:1280px) and (max-width:1439px) {
.wrap {
width:1226px
}
.header .nav ul>li>a {
padding:0 8px
}
.neiBanner {
height:300px
}
.neiBanner .bannerText {
font-size:36px
}
.neiBannerAbout {
height:500px
}
.neiBannerAbout .bannerText h3 {
font-size:150px
}
.neiBannerAbout .bannerText h2 {
font-size:36px;
margin-top:-72px
}
.title {
margin-bottom:40px
}
.title h2 {
font-size:32px
}
.solution .tit h2 {
font-size:40px
}
.solution .con dl {
font-size:19px
}
.solution .box .swiper-container .swiper-slide h3 {
font-size:18px
}
.solution .box .swiper-container .swiper-slide dt {
font-size:15px
}
.youshi {
padding:80px 0
}
.youshi .box {
padding-top:15px
}
.youshi .box ul li {
margin-right:45px
}
.youshi .box ul li dl {
min-width:130px;
font-size:70px
}
.youshi .box ul li:nth-last-child(1) dl {
min-width:410px
}
.aboutNav {
margin-top:-50px
}
.aboutNav li a {
line-height:100px
}
.aboutTit h3 {
font-size:46px
}
.culture .idea ul dl h3 {
font-size:28px;
margin-bottom:15px
}
.culture .idea ul dl dd {
font-size:22px
}
.authorization .box img {
height:650px
}
.contact .box .tit {
font-size:28px
}
.footer .fmain .fcontact {
margin-right:60px
}
.footer .fmain .fnav {
width:434px;
}
}
@media only screen and (min-width:1000px) and (max-width:1279px) {
.wrap {
width:990px
}
.w1200 {
width:990px
}
.common-wrapper {
width:990px!important
}
.header .logo {
height:80px;
padding:23px 0
}
.header .nav ul li a {
padding:0 10px
}
.neiBanner {
height:250px
}
.neiBanner .bannerText {
font-size:30px
}
.neiBannerAbout {
height:400px
}
.neiBannerAbout .bannerText {
transform:translate(-50%, -110%)
}
.neiBannerAbout .bannerText h3 {
font-size:120px
}
.neiBannerAbout .bannerText h2 {
font-size:30px;
margin-top:-60px
}
.title {
margin-bottom:40px
}
.title h2 {
font-size:30px
}
.solution {
padding:70px 0;
background:#f7f7f7 url(../images/solutionBg.jpg) no-repeat center bottom 210px
}
.solution .tit {
margin-bottom:40px
}
.solution .tit h2 {
font-size:32px
}
.solution .con dl {
font-size:19px
}
.solution .box .arrow-left, .solution .box .arrow-right {
top:55px
}
.solution .box .swiper-container .swiper-slide dl {
width:150px;
height:150px;
line-height:150px
}
.solution .box .swiper-container .swiper-slide dl::after {
width:150px;
height:150px;
background-size:cover
}
.solution .box .swiper-container .swiper-slide dl img {
width:50px
}
.solution .box .swiper-container .swiper-slide h3 {
font-size:18px
}
.solution .box .swiper-container .swiper-slide dt {
font-size:15px
}
.solution .box .swiper-container .swiper-slide a:hover dl::after {
background:url(../images/solution_icon_hover.png) no-repeat center;
background-size:cover
}
.youshi {
padding:80px 0
}
.youshi .box {
padding-top:15px
}
.youshi .box ul li:nth-last-child(1) {
width:330px
}
.youshi .box ul li {
width:130px;
margin-right:30px
}
.youshi .box ul li dl {
min-width:120px;
font-size:60px;
padding:20px
}
.youshi .box ul li:nth-last-child(1) dl {
min-width:330px
}
.youshi .box ul li ol {
font-size:14px;
white-space:inherit
}
.aboutNav {
margin-top:-42px
}
.aboutNav li a {
line-height:84px;
font-size:18px
}
.introduction {
padding-top:60px
}
.introduction .tit h2 {
font-size:30px
}
.introduction .tit h3 {
font-size:18px
}
.introduction .text {
padding:0 20px
}
.aboutTit h3 {
font-size:36px
}
.aboutTit h2 {
margin-top:-15px
}
.culture .tit {
font-size:21px;
margin-bottom:30px
}
.culture .values .box ul {
margin:0
}
.culture .values .box ul li {
padding:0 20px
}
.culture .idea ul {
margin:0 -10px
}
.culture .idea ul li {
padding:0 10px
}
.culture .idea ul dl h3 {
font-size:24px;
margin-bottom:15px
}
.culture .idea ul dl dd {
font-size:18px
}
.culture .idea .text {
font-size:17px;
line-height:1.8
}
.authorization .box img {
height:650px
}
.case .box ul {
margin:0 -5px
}
.case .box ul li {
padding:0 10px;
margin-bottom:20px
}
.contact .box {
padding-right:60px
}
.contact .box .tit {
font-size:28px
}

.contact .box .tit1 {
font-size:14px
}

.contact .box .con li {
font-size:16px
}
.case .box ul li dl {
height:80px
}

}
/* Brand red contrast fixes */
.about .section2,
.about .section2 *,
.about .section2 .slide-title,
.about .section2 .slide-num,
.about .section2 .index-container,
.about .section2 .swiper-slide {
	color: #fff !important;
}
.section1-top .section1-btn,
.section1-top .section1-btn *,
.index-btn:hover,
.index-btn:hover *,
a.index-btn:hover,
a.index-btn:hover *,
.index .section3 .slide-info:hover .slide-link,
.index .section3 .slide-info:hover .slide-link *,
.index .section6 .slide-link:hover,
.index .section6 .slide-link:hover *,
.design .section2 .item:hover .index-btn,
.design .section2 .item:hover .index-btn *,
.design .section2 .item:hover a.index-btn,
.design .section2 .item:hover a.index-btn *,
.about .section3 .list .item-info.reverse,
.about .section3 .list .item-info.reverse *,
.case .section2 .select-item.active,
.case .section2 .select-item.active *,
.case_detail .section2 ul li,
.case_detail .section2 ul li *,
.section5-bar-btn,
.section5-bar-btn *,
.contact .message button,
.form .box button {
	color: #fff !important;
}
/* Brand red particle river effects */
.section1-top .section1-top-yellow {
	height: 40rem;
	overflow: hidden;
	-webkit-filter: none !important;
	filter: none !important;
	pointer-events: none;
}
.section1-top.active .section1-top-yellow-big,
.section1-top.active .section1-top-yellow-small,
.section1-top .section1-top-yellow-big,
.section1-top .section1-top-yellow-small {
	position: absolute;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	background: url(../image/brand-particle-river-red.png) no-repeat center center !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	-webkit-filter: none !important;
	filter: none !important;
	-webkit-animation-name: brandRiverDrift !important;
	-moz-animation-name: brandRiverDrift !important;
	-o-animation-name: brandRiverDrift !important;
	animation-name: brandRiverDrift !important;
	-webkit-animation-duration: 12s !important;
	-moz-animation-duration: 12s !important;
	-o-animation-duration: 12s !important;
	animation-duration: 12s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	-moz-animation-timing-function: ease-in-out !important;
	-o-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-animation-iteration-count: infinite !important;
	-moz-animation-iteration-count: infinite !important;
	-o-animation-iteration-count: infinite !important;
	animation-iteration-count: infinite !important;
}
.section1-top .section1-top-yellow-big::before,
.section1-top .section1-top-yellow-big::after,
.section1-top .section1-top-yellow-small::before,
.section1-top .section1-top-yellow-small::after,
.index .light-conhtainer .light-yellow .light-bg::before,
.index .light-conhtainer .light-yellow .light-bg::after,
.index .light-conhtainer .light-blue .light-bg::before,
.index .light-conhtainer .light-blue .light-bg::after {
	display: none !important;
}
.section1-top .section1-top-yellow-big {
	top: 4.5rem !important;
	left: 50% !important;
	width: 92rem !important;
	max-width: 96vw !important;
	height: 26rem !important;
	max-height: none !important;
	opacity: 0.78;
	-webkit-transform: translateX(-48%) rotate(-4deg);
	-moz-transform: translateX(-48%) rotate(-4deg);
	-ms-transform: translateX(-48%) rotate(-4deg);
	-o-transform: translateX(-48%) rotate(-4deg);
	transform: translateX(-48%) rotate(-4deg);
}
.section1-top .section1-top-yellow-small {
	top: 15.5rem !important;
	left: 9% !important;
	width: 66rem !important;
	max-width: 78vw !important;
	height: 18rem !important;
	max-height: none !important;
	opacity: 0.42;
	-webkit-transform: rotate(5deg) scaleX(-1);
	-moz-transform: rotate(5deg) scaleX(-1);
	-ms-transform: rotate(5deg) scaleX(-1);
	-o-transform: rotate(5deg) scaleX(-1);
	transform: rotate(5deg) scaleX(-1);
	-webkit-animation-delay: -5s !important;
	-moz-animation-delay: -5s !important;
	-o-animation-delay: -5s !important;
	animation-delay: -5s !important;
}
.index .light-conhtainer .light-yellow,
.index .light-conhtainer .light-blue {
	overflow: visible !important;
	-webkit-filter: none !important;
	filter: none !important;
}
.index .light-conhtainer .light-yellow .light-bg,
.index .light-conhtainer .light-blue .light-bg {
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	background: url(../image/brand-particle-river-red.png) no-repeat center center !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	-webkit-filter: none !important;
	filter: none !important;
}
.index .light-conhtainer .light-yellow .light-bg {
	left: -10rem;
	right: auto;
	top: 4rem;
	width: 94rem;
	height: 27rem;
	opacity: 0.52;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.index .light-conhtainer .light-blue .light-bg {
	right: -8rem;
	top: 0;
	width: 76rem;
	height: 23rem;
	opacity: 0.34;
	-webkit-transform: rotate(7deg) scaleX(-1);
	-moz-transform: rotate(7deg) scaleX(-1);
	-ms-transform: rotate(7deg) scaleX(-1);
	-o-transform: rotate(7deg) scaleX(-1);
	transform: rotate(7deg) scaleX(-1);
}
.index .light-conhtainer::before {
	content: "";
	position: absolute;
	left: -8%;
	right: -8%;
	top: 7rem;
	height: 34rem;
	z-index: 0;
	pointer-events: none;
	background: url(../image/brand-particle-river-red.png) repeat-x center center;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	opacity: 0.32;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-animation: brandRiverFlow 24s linear infinite;
	-moz-animation: brandRiverFlow 24s linear infinite;
	-o-animation: brandRiverFlow 24s linear infinite;
	animation: brandRiverFlow 24s linear infinite;
}
.about .section2 {
	background-color: #fff !important;
}
.about .section2 .round-container,
.about .section2 .round-container.round-ani {
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: hidden;
	z-index: 0;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
}
.about .section2 .round-container .round-item {
	display: none !important;
}
.about .section2 .round-container::before,
.about .section2 .round-container::after {
	content: "";
	position: absolute;
	left: -10%;
	right: -10%;
	pointer-events: none;
	background: url(../image/brand-particle-river-red.png) repeat-x center center;
	-o-background-size: auto 100%;
	background-size: auto 100%;
}
.about .section2 .round-container::before {
	top: 12%;
	height: 25rem;
	opacity: 0.78;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-animation: brandRiverFlow 22s linear infinite;
	-moz-animation: brandRiverFlow 22s linear infinite;
	-o-animation: brandRiverFlow 22s linear infinite;
	animation: brandRiverFlow 22s linear infinite;
}
.about .section2 .round-container::after {
	top: 44%;
	height: 18rem;
	opacity: 0.28;
	-webkit-transform: rotate(4deg) scaleX(-1);
	-moz-transform: rotate(4deg) scaleX(-1);
	-ms-transform: rotate(4deg) scaleX(-1);
	-o-transform: rotate(4deg) scaleX(-1);
	transform: rotate(4deg) scaleX(-1);
	-webkit-animation: brandRiverFlow 30s linear infinite reverse;
	-moz-animation: brandRiverFlow 30s linear infinite reverse;
	-o-animation: brandRiverFlow 30s linear infinite reverse;
	animation: brandRiverFlow 30s linear infinite reverse;
}
.about .section2 .swiper {
	position: relative;
	z-index: 2;
}
.about .section2 .slide-title {
	color: #232323 !important;
	text-shadow: 0 0 1rem rgba(255, 255, 255, 0.95);
}
.about .section2 .slide-num {
	color: #960000 !important;
	text-shadow: 0 0 2rem rgba(255, 255, 255, 0.95);
}
.about .section2 .swiper-pagination-bullet {
	background-color: #960000 !important;
}
@-webkit-keyframes brandRiverFlow {
	0% { background-position: 0 center; }
	100% { background-position: 1920px center; }
}
@-moz-keyframes brandRiverFlow {
	0% { background-position: 0 center; }
	100% { background-position: 1920px center; }
}
@-o-keyframes brandRiverFlow {
	0% { background-position: 0 center; }
	100% { background-position: 1920px center; }
}
@keyframes brandRiverFlow {
	0% { background-position: 0 center; }
	100% { background-position: 1920px center; }
}
@-webkit-keyframes brandRiverDrift {
	0%, 100% { margin-top: 0; }
	50% { margin-top: -1.25rem; }
}
@-moz-keyframes brandRiverDrift {
	0%, 100% { margin-top: 0; }
	50% { margin-top: -1.25rem; }
}
@-o-keyframes brandRiverDrift {
	0%, 100% { margin-top: 0; }
	50% { margin-top: -1.25rem; }
}
@keyframes brandRiverDrift {
	0%, 100% { margin-top: 0; }
	50% { margin-top: -1.25rem; }
}
@media screen and (max-width: 768px) {
	.section1-top .section1-top-yellow-big {
		top: 3rem !important;
		width: 60rem !important;
		height: 18rem !important;
	}
	.section1-top .section1-top-yellow-small {
		top: 12rem !important;
		width: 42rem !important;
		height: 13rem !important;
	}
	.index .light-conhtainer::before {
		height: 24rem;
	}
	.about .section2 .round-container::before {
		top: 18%;
		height: 18rem;
	}
	.about .section2 .round-container::after {
		height: 13rem;
	}
}
/* End brand red particle river effects */