@charset "UTF-8";
/* CSS Document */
/*通用212121*/
:root {
		--width: 1440;
}

.qualityArea .qualityList .qualityItem .Txt .icon .iconBox, .qualityArea .qualityList .qualityItem .Txt .title, .qualityArea .qualityList .qualityItem .Txt .number, .qualityArea .qualityList .qualityItem .Txt:after, .qualityArea .qualityList .qualityItem .Txt, .processArea .outerCircle .processList .processItem .Icon img, .processArea .outerCircle .processList .processItem .Icon:after, .processArea .outerCircle .processList .processItem .Icon, .processArea .arrowBox, .technologyArea .technologyList .technologyItem .item {
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
}

@-webkit-keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}

@keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}
@-webkit-keyframes fadeOut {
		from {
				opacity: 1;
		}
		to {
				opacity: 0;
		}
}
@keyframes fadeOut {
		from {
				opacity: 1;
		}
		to {
				opacity: 0;
		}
}
@-webkit-keyframes rotate {
		to {
				-webkit-transform: rotate(360deg);
				        transform: rotate(360deg);
		}
}
@keyframes rotate {
		to {
				-webkit-transform: rotate(360deg);
				        transform: rotate(360deg);
		}
}
.outerWrap {
		background-color: #f9f9f9;
}

.mainArea {
		padding: 0;
		overflow: hidden;
}

.classNote {
		padding-bottom: 10px;
		font-size: 15px;
		line-height: 1.8;
		color: #222;
		text-align: center;
}

.titleBox .titleEn {
		font-size: 70px;
}
.titleBox .titleEn:after {
		margin-top: 36px;
		margin-bottom: 44px;
}
@media (max-width: 1600px) {
		.titleBox .titleEn {
				font-size: 60px;
		}
}
@media (max-width: 1280px) {
		.titleBox .titleEn {
				font-size: 50px;
		}
}
@media (max-width: 1180px) {
		.titleBox .titleEn {
				font-size: 40px;
		}
}
@media (max-width: 768px) {
		.titleBox .titleEn:after {
				margin-top: 20px;
				margin-bottom: 25px;
		}
}
@media (max-width: 480px) {
		.titleBox .titleEn:after {
				margin-top: 15px;
				margin-bottom: 20px;
		}
}
.titleBox .subTitle {
		margin-top: 54px;
}
@media (max-width: 768px) {
		.titleBox .subTitle {
				margin-top: 20px;
		}
}

.foundryArea {
		--foundryWidth: 1440;
		overflow: hidden;
		padding-top: 130px;
		padding-bottom: 115px;
		margin-top: 35px;
		position: relative;
}
.foundryArea:after {
		position: absolute;
		right: 0;
		top: 0;
		content: "";
		--bgWidth: 1440;
		width: calc(544 / var(--bgWidth) * 100vw); /*725*/
		height: calc(525 / var(--bgWidth) * 100vw); /*700*/
		background-color: #0081cc;
		border-radius: calc(63 / var(--foundryWidth) * 100vw) 0 0 0; /*84.35*/
		pointer-events: none;
}
@media (max-width: 1440px) {
		.foundryArea:after {
				height: calc(656 / var(--bgWidth) * 100vw); /*875*/
		}
}
@media (max-width: 992px) {
		.foundryArea:after {
				display: none;
		}
}
.foundryArea .wrap {
		max-width: 1640px;
		margin-right: 0;
		margin-left: auto;
		padding-right: 0;
		position: relative;
		z-index: 2;
}
.foundryArea .titleBox {
		margin-bottom: 0;
}
.foundryArea .titleBox .text {
		margin-top: 20px;
}
@media (max-width: 768px) {
		.foundryArea .titleBox .text {
				margin-top: 10px;
		}
}
@media (max-width: 1600px) {
		.foundryArea {
				padding-top: 80px;
				padding-bottom: 50px;
				margin-top: 50px;
		}
}
@media (max-width: 1440px) {
		.foundryArea .wrap {
				max-width: 100%;
				padding: 0 30px;
		}
}
@media (max-width: 992px) {
		.foundryArea {
				--foundryWidth: 885;
				padding-top: 60px;
				margin-top: 0;
		}
}
@media (max-width: 768px) {
		.foundryArea {
				--foundryWidth: 744;
				padding-top: 30px;
		}
}
@media (max-width: 480px) {
		.foundryArea {
				--foundryWidth: 675;
		}
		.foundryArea .wrap {
				padding: 0 20px;
		}
}
.foundryArea .foundryList .foundryItem .item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		padding-right: calc(70 / var(--foundryWidth) * 100vw); /*93*/
}
.foundryArea .foundryList .foundryItem .item .Img {
		width: calc(581 / var(--foundryWidth) * 100vw); /*775*/
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		position: relative;
		padding-bottom: calc(71 / var(--foundryWidth) * 100vw); /*95*/
}
.foundryArea .foundryList .foundryItem .item .Img img {
		border-radius: calc(63 / var(--foundryWidth) * 100vw) 0 calc(45 / var(--foundryWidth) * 100vw) 0; /*84.35、60*/
}
.foundryArea .foundryList .foundryItem .item .Img img.big {
		width: calc(420 / var(--foundryWidth) * 100vw); /*560*/
		height: calc(525 / var(--foundryWidth) * 100vw); /*700*/
}
.foundryArea .foundryList .foundryItem .item .Img img.small {
		width: calc(360 / var(--foundryWidth) * 100vw); /*480*/
		height: calc(251 / var(--foundryWidth) * 100vw); /*335*/
		position: absolute;
		right: 0;
		bottom: 0;
}
.foundryArea .foundryList .foundryItem .item .Txt {
		width: calc(559 / var(--foundryWidth) * 100vw); /*745*/
		padding-right: calc(70 / var(--foundryWidth) * 100vw); /*93*/
		padding-top: calc(57 / var(--foundryWidth) * 100vw); /*76*/
}
@media (max-width: 1440px) {
		.foundryArea .foundryList .foundryItem .item {
				padding-right: 0;
		}
		.foundryArea .foundryList .foundryItem .item .Img img.big {
				width: calc(525 / var(--foundryWidth) * 100vw); /*700*/
				height: calc(656 / var(--foundryWidth) * 100vw); /*875*/
		}
		.foundryArea .foundryList .foundryItem .item .Img,
.foundryArea .foundryList .foundryItem .item .Txt {
				width: 50%;
		}
}
@media (max-width: 1280px) {
		.foundryArea .foundryList .foundryItem .item .Txt {
				padding-top: 0;
				padding-right: 30px;
		}
}
@media (max-width: 992px) {
		.foundryArea .foundryList .foundryItem .item {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
		.foundryArea .foundryList .foundryItem .item .Img,
.foundryArea .foundryList .foundryItem .item .Txt {
				width: 100%;
		}
		.foundryArea .foundryList .foundryItem .item .Txt {
				padding-right: 0;
		}
		.foundryArea .foundryList .foundryItem .item .Img {
				-webkit-box-ordinal-group: 1;
				    -ms-flex-order: 0;
				        order: 0;
				margin-bottom: 50px;
		}
}
@media (max-width: 480px) {
		.foundryArea .foundryList .foundryItem .item .Img {
				margin-bottom: 35px;
		}
}

.technologyArea {
		position: relative;
}
@media (max-width: 1500px) {
		.technologyArea {
				margin-bottom: 70px;
		}
}
.technologyArea .technologyBgList .technologyBgItem {
		-webkit-animation: 0.5s fadeOut ease-in-out forwards;
		        animation: 0.5s fadeOut ease-in-out forwards;
}
.technologyArea .technologyBgList .technologyBgItem.slick-current {
		-webkit-animation: 0.5s fadeIn ease-in-out forwards;
		        animation: 0.5s fadeIn ease-in-out forwards;
}
.technologyArea .technologyBgList .technologyBgItem .bg {
		position: relative;
}
.technologyArea .technologyBgList .technologyBgItem .bg:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
		background-color: rgba(0, 0, 0, 0.55);
		pointer-events: none;
}
.technologyArea .technologyBgList .technologyBgItem .bg img {
		-o-object-fit: cover;
		   object-fit: cover;
		height: 560px;
}
@media (max-width: 480px) {
		.technologyArea .technologyBgList .technologyBgItem .bg img {
				height: 500px;
		}
}
.technologyArea .wrap {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 2;
}
.technologyArea .technologyList {
		height: 100%;
}
.technologyArea .technologyList .slick-list,
.technologyArea .technologyList .slick-track {
		height: 100%;
}
.technologyArea .technologyList .slick-list {
		max-width: calc(100% - 1px);
		margin: auto;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 1501px) {
		.technologyArea .technologyList .slick-dots {
				width: auto;
				right: -54px;
				bottom: auto;
				top: 50%;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
		.technologyArea .technologyList .slick-dots li {
				display: block;
				margin: 40px 0;
		}
}
@media (max-width: 1500px) {
		.technologyArea .technologyList .slick-dots {
				position: relative;
				bottom: 0;
				padding-top: 20px;
		}
}
.technologyArea .technologyList > .technologyItem {
		float: left;
		width: 25%;
}
.technologyArea .technologyList > .technologyItem:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
@media (max-width: 1180px) {
		.technologyArea .technologyList > .technologyItem {
				width: 33.33%;
		}
		.technologyArea .technologyList > .technologyItem:nth-child(4) {
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0;
		}
}
@media (max-width: 992px) {
		.technologyArea .technologyList > .technologyItem {
				width: 50%;
		}
		.technologyArea .technologyList > .technologyItem:nth-child(3) {
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0;
		}
}
@media (max-width: 600px) {
		.technologyArea .technologyList > .technologyItem {
				width: 100%;
		}
		.technologyArea .technologyList > .technologyItem:nth-child(2) {
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0;
		}
}
.technologyArea .technologyList .technologyItem {
		height: 100%;
}
.technologyArea .technologyList .technologyItem .item {
		height: 100%;
		padding: 35px 35px 70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		position: relative;
}
.technologyArea .technologyList .technologyItem .item:after {
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 100%;
		content: "";
		background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 600px) {
		.technologyArea .technologyList .technologyItem .item:after {
				display: none;
		}
}
@media (min-width: 1201px) {
		.technologyArea .technologyList .technologyItem .item:hover {
				background-color: rgba(0, 129, 204, 0.5);
		}
}
.technologyArea .technologyList .technologyItem .Txt {
		color: #ffffff;
}
.technologyArea .technologyList .technologyItem .Txt .number {
		font-size: 18px;
		font-family: "Lato", sans-serif;
		font-weight: bold;
		letter-spacing: 1.08px;
		padding-bottom: 16px;
}
.technologyArea .technologyList .technologyItem .Txt .title {
		font-size: 24px;
		font-weight: bold;
		line-height: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.technologyArea .technologyList .technologyItem .Txt .title:after {
		position: relative;
		content: "";
		width: 22px;
		height: 2px;
		display: block;
		background-color: #ffffff;
		margin-top: 5px;
		margin-bottom: 11px;
}
.technologyArea .technologyList .technologyItem .Txt .text {
		font-size: 18px;
		line-height: 1.77;
		height: 192px;
}
@media (max-width: 992px) {
		.technologyArea .technologyList .technologyItem .item {
				padding: 25px 25px 50px;
		}
}
@media (max-width: 480px) {
		.technologyArea .technologyList .technologyItem .Txt .number {
				font-size: 16px;
		}
		.technologyArea .technologyList .technologyItem .Txt .title {
				font-size: 22px;
		}
		.technologyArea .technologyList .technologyItem .Txt .text {
				font-size: 16px;
				height: 170px;
		}
}

.processArea {
		--processWidth: 1440;
		padding: 83px 0 30px;
		background-image: url("../images/map.png");
		background-repeat: no-repeat;
		background-position: center;
		overflow: hidden;
}
@media (max-width: 1180px) {
		.processArea {
				--processWidth: 1080; /*1440*/
		}
}
@media (max-width: 992px) {
		.processArea {
				--processWidth: 744; /*992*/
				padding: 50px 0 70px;
				background-size: cover;
		}
}
@media (max-width: 768px) {
		.processArea {
				--processWidth: 635; /*846*/
				padding: 30px 0 70px;
		}
}
@media (max-width: 480px) {
		.processArea {
				--processWidth: 600; /*800*/
		}
}
.processArea .wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 100%;
}
.processArea .wrap .note_mb {
		display: none;
}
.processArea .wrap .leftBox {
		width: calc(918 / var(--processWidth) * 100vw); /*1224*/
		padding-right: 120px;
}
.processArea .wrap .leftBox .pagingInfo {
		display: none;
}
.processArea .wrap .rightBox {
		width: calc(523 / var(--processWidth) * 100vw); /*697*/
		max-width: 485px;
}
.processArea .wrap .rightBox .titleBox .titleTw {
		font-size: 30px;
		letter-spacing: 1.75px;
}
@media (min-width: 993px) {
		.processArea .wrap .rightBox .titleBox .titleEn {
				font-size: 50px;
		}
}
.processArea .wrap .rightBox .titleBox .titleEn:after {
		margin: 20px auto 25px;
}
.processArea .wrap .rightBox .titleBox .text {
		opacity: 0.9;
		max-width: 385px;
		margin-top: 13px;
}
@media (max-width: 992px) {
		.processArea .wrap .rightBox .titleBox .text {
				max-width: 100%;
		}
}
.processArea .wrap .rightBox .listText_mb {
		display: none;
}
.processArea .wrap .rightBox .listText_mb .list_text > .processItem:not(:first-child) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.processArea .wrap .rightBox .listText_mb .list_text .processItem .Txt {
		display: block;
		text-align: center;
}
.processArea .wrap .rightBox .listText_mb .list_text .processItem .Txt .title {
		color: #0081cc;
		font-size: 30px;
		line-height: 1.25;
		font-weight: bold;
		letter-spacing: 1px;
}
@media (max-width: 480px) {
		.processArea .wrap .rightBox .listText_mb .list_text .processItem .Txt .title {
				font-size: 25px;
		}
}
.processArea .wrap .rightBox .list_note .titleBox {
		margin-bottom: 0;
}
.processArea .wrap .rightBox .list_note .titleBox .titleEn:after {
		margin-left: 0;
		margin-right: 0;
}
.processArea .wrap .rightBox .list_note > .noteItem:not(:first-child) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		pointer-events: none;
}
@media (max-width: 992px) {
		.processArea .wrap .rightBox .list_note {
				padding-top: 40px;
		}
}
@media (max-width: 1600px) {
		.processArea .wrap .leftBox {
				padding-right: 50px;
		}
}
@media (max-width: 1440px) {
		.processArea .wrap .leftBox {
				padding-right: 0;
		}
		.processArea .wrap .rightBox {
				padding-left: 30px;
				padding-right: 0;
				max-width: 100%;
		}
}
@media (max-width: 1180px) {
		.processArea .wrap .leftBox {
				width: calc(750 / var(--processWidth) * 100vw); /*1000*/
		}
		.processArea .wrap .rightBox {
				width: calc(690 / var(--processWidth) * 100vw); /*920*/
		}
}
@media (max-width: 992px) {
		.processArea .wrap {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
		.processArea .wrap .note_mb {
				display: block;
		}
		.processArea .wrap .note_mb .titleBox {
				margin-bottom: 50px;
		}
		.processArea .wrap .note_mb .titleBox .text {
				margin-top: 10px;
		}
		.processArea .wrap .rightBox {
				padding: 0;
				width: 100%;
				position: relative;
		}
		.processArea .wrap .rightBox .textEditor {
				display: none;
		}
		.processArea .wrap .rightBox .listText_mb {
				display: block;
				padding-top: 40px;
		}
}
@media (max-width: 480px) {
		.processArea .wrap .note_mb .titleBox {
				margin-bottom: 40px;
		}
		.processArea .wrap .rightBox .listText_mb {
				padding-top: 30px;
		}
}
.processArea .arrowBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-top: 28px;
		max-width: 295px;
}
.processArea .arrowBox .arrow {
		color: #0081cc;
		cursor: pointer;
}
@media (min-width: 1201px) {
		.processArea .arrowBox .arrow:hover svg {
				color: #5dc6ad;
		}
}
.processArea .arrowBox .arrowPrev {
		margin-right: 68px;
}
@media (min-width: 1201px) {
		.processArea .arrowBox .arrowPrev:hover svg {
				-webkit-transform: translateX(-10px);
				        transform: translateX(-10px);
		}
}
.processArea .arrowBox .arrowNext {
		margin-left: 68px;
}
@media (min-width: 1201px) {
		.processArea .arrowBox .arrowNext:hover svg {
				-webkit-transform: translateX(10px);
				        transform: translateX(10px);
		}
}
.processArea .arrowBox .arrow svg {
		color: #0081cc;
		vertical-align: middle;
}
.processArea .arrowBox .pagingInfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		position: relative;
}
.processArea .arrowBox .pagingInfo > .slick-dots {
		display: none;
		opacity: 0;
}
.processArea .arrowBox .pagingInfo .num {
		color: #9c9c9c;
		font-size: 22px;
		font-weight: bold;
		font-family: "Lato", sans-serif;
		line-height: 1;
		min-width: 21px;
}
.processArea .arrowBox .pagingInfo .num:first-child {
		color: #5dc6ad;
		font-size: 48px;
}
.processArea .arrowBox .pagingInfo .num:last-child {
		padding-bottom: 2px;
}
@media (max-width: 600px) {
		.processArea .arrowBox .pagingInfo .num:first-child {
				font-size: 40px;
		}
}
@media (max-width: 480px) {
		.processArea .arrowBox .pagingInfo .num {
				font-size: 18px;
		}
		.processArea .arrowBox .pagingInfo .num:first-child {
				font-size: 30px;
		}
}
.processArea .arrowBox .pagingInfo .slash {
		display: block;
		width: 1px;
		height: 27px;
		background-color: rgba(0, 0, 0, 0.72);
		-webkit-transform: rotate(30deg);
		        transform: rotate(30deg);
		margin: 0 20px 2px;
}
@media (max-width: 992px) {
		.processArea .arrowBox {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				padding-top: 45px;
				margin: auto;
		}
		.processArea .arrowBox .pagingInfo {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
}
@media (max-width: 992px) {
		.processArea {
				/*110*/
		}
}
.processArea .outerCircle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-radius: 50%;
		margin-left: auto;
		margin-right: 0;
		width: calc(718 / var(--processWidth) * 100vw); /*957*/
		height: calc(718 / var(--processWidth) * 100vw); /*957*/
		position: relative;
}
@media (max-width: 1440px) {
		.processArea .outerCircle {
				width: 100%;
				height: 100%;
				margin: 0 auto;
		}
}
.processArea .outerCircle .processList {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: calc(473 / var(--processWidth) * 100vw); /*630*/
		height: calc(473 / var(--processWidth) * 100vw); /*630*/
		z-index: 2;
}
.processArea .outerCircle .processList.list_text {
		width: calc(635 / var(--processWidth) * 100vw); /*846*/
		height: calc(635 / var(--processWidth) * 100vw); /*846*/
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(1) {
		opacity: 1 !important;
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(1) .Txt .title {
		-webkit-transform: translateY(20px);
		        transform: translateY(20px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(1) .Txt .title {
				-webkit-transform: translateY(10px);
				        transform: translateY(10px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(2) .Txt .title {
		-webkit-transform: translate(10px, 15px);
		        transform: translate(10px, 15px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(2) .Txt .title {
				-webkit-transform: translate(20px, 10px);
				        transform: translate(20px, 10px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(3) .Txt .title {
		-webkit-transform: translate(20px, 25px);
		        transform: translate(20px, 25px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(3) .Txt .title {
				-webkit-transform: translate(25px, 20px);
				        transform: translate(25px, 20px);
		}
}
@media (max-width: 1180px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(3) .Txt .title {
				-webkit-transform: translate(20px, 20px);
				        transform: translate(20px, 20px);
		}
}
@media (max-width: 992px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(3) .Txt .title {
				-webkit-transform: translate(10px, 20px);
				        transform: translate(10px, 20px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(4) .Txt .title {
		-webkit-transform: translate(20px, -15px);
		        transform: translate(20px, -15px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(4) .Txt .title {
				-webkit-transform: translate(25px, -20px);
				        transform: translate(25px, -20px);
		}
}
@media (max-width: 1180px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(4) .Txt .title {
				-webkit-transform: translate(20px, -20px);
				        transform: translate(20px, -20px);
		}
}
@media (max-width: 992px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(4) .Txt .title {
				-webkit-transform: translate(10px, -20px);
				        transform: translate(10px, -20px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(5) .Txt .title {
		-webkit-transform: translate(50px, -25px);
		        transform: translate(50px, -25px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(5) .Txt .title {
				-webkit-transform: translate(45px, -20px);
				        transform: translate(45px, -20px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(6) .Txt .title {
		-webkit-transform: translateY(-10px);
		        transform: translateY(-10px);
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(7) .Txt .title {
		-webkit-transform: translate(-40px, -25px);
		        transform: translate(-40px, -25px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(7) .Txt .title {
				-webkit-transform: translate(-40px, -23px);
				        transform: translate(-40px, -23px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(8) .Txt .title {
		-webkit-transform: translate(-20px, -15px);
		        transform: translate(-20px, -15px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(8) .Txt .title {
				-webkit-transform: translate(0, -20px);
				        transform: translate(0, -20px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(9) .Txt .title {
		-webkit-transform: translate(-10px, 25px);
		        transform: translate(-10px, 25px);
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList.list_text .processItem:nth-child(9) .Txt .title {
				-webkit-transform: translate(-10px, 20px);
				        transform: translate(-10px, 20px);
		}
}
.processArea .outerCircle .processList.list_text .processItem:nth-child(10) .Txt .title {
		-webkit-transform: translate(-25px, 13px);
		        transform: translate(-25px, 13px);
}
@media (max-width: 1180px) {
		.processArea .outerCircle .processList.list_text {
				display: none;
		}
}
.processArea .outerCircle .processList.list_text .processItem .item {
		-webkit-transition: all 1.25s;
		transition: all 1.25s;
}
@media (min-width: 1025px) {
		.processArea .outerCircle .processList.list_text .processItem .item {
				opacity: 0;
		}
}
.processArea .outerCircle .processList.list_dots {
		width: calc(534 / var(--processWidth) * 100vw); /*712*/
		height: calc(534 / var(--processWidth) * 100vw); /*712*/
}
.processArea .outerCircle .processList.list_dots .processItem .item {
		-webkit-transition: all 1.25s;
		transition: all 1.25s;
}
@media (min-width: 1025px) {
		.processArea .outerCircle .processList.list_dots .processItem .item {
				opacity: 0;
		}
}
.processArea .outerCircle .processList.class_list .processItem .item {
		-webkit-transition: all 1.25s;
		transition: all 1.25s;
}
@media (min-width: 1025px) {
		.processArea .outerCircle .processList.class_list .processItem .item {
				-webkit-transform: scale(0);
				        transform: scale(0);
				opacity: 0;
		}
}
.processArea .outerCircle .processList .processItem {
		position: absolute;
		top: 0;
		left: calc(50% - calc(83 / var(--processWidth) * 100vw)/2);
		z-index: 5;
		width: calc(83 / var(--processWidth) * 100vw);
		height: 50%;
		-webkit-transform-origin: bottom center;
		        transform-origin: bottom center;
		pointer-events: none;
}
.processArea .outerCircle .processList .processItem:nth-child(1) {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
}
.processArea .outerCircle .processList .processItem:nth-child(1) .Icon {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
}
.processArea .outerCircle .processList .processItem:nth-child(1) .Txt {
		-webkit-transform: rotate(0deg) translateX(-50%);
		        transform: rotate(0deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(2) {
		-webkit-transform: rotate(36deg);
		        transform: rotate(36deg);
}
.processArea .outerCircle .processList .processItem:nth-child(2) .Icon {
		-webkit-transform: rotate(-36deg);
		        transform: rotate(-36deg);
}
.processArea .outerCircle .processList .processItem:nth-child(2) .Txt {
		-webkit-transform: rotate(-36deg) translateX(-50%);
		        transform: rotate(-36deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(3) {
		-webkit-transform: rotate(72deg);
		        transform: rotate(72deg);
}
.processArea .outerCircle .processList .processItem:nth-child(3) .Icon {
		-webkit-transform: rotate(-72deg);
		        transform: rotate(-72deg);
}
.processArea .outerCircle .processList .processItem:nth-child(3) .Txt {
		-webkit-transform: rotate(-72deg) translateX(-50%);
		        transform: rotate(-72deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(4) {
		-webkit-transform: rotate(108deg);
		        transform: rotate(108deg);
}
.processArea .outerCircle .processList .processItem:nth-child(4) .Icon {
		-webkit-transform: rotate(-108deg);
		        transform: rotate(-108deg);
}
.processArea .outerCircle .processList .processItem:nth-child(4) .Txt {
		-webkit-transform: rotate(-108deg) translateX(-50%);
		        transform: rotate(-108deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(5) {
		-webkit-transform: rotate(144deg);
		        transform: rotate(144deg);
}
.processArea .outerCircle .processList .processItem:nth-child(5) .Icon {
		-webkit-transform: rotate(-144deg);
		        transform: rotate(-144deg);
}
.processArea .outerCircle .processList .processItem:nth-child(5) .Txt {
		-webkit-transform: rotate(-144deg) translateX(-50%);
		        transform: rotate(-144deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(6) {
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
}
.processArea .outerCircle .processList .processItem:nth-child(6) .Icon {
		-webkit-transform: rotate(-180deg);
		        transform: rotate(-180deg);
}
.processArea .outerCircle .processList .processItem:nth-child(6) .Txt {
		-webkit-transform: rotate(-180deg) translateX(-50%);
		        transform: rotate(-180deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(7) {
		-webkit-transform: rotate(216deg);
		        transform: rotate(216deg);
}
.processArea .outerCircle .processList .processItem:nth-child(7) .Icon {
		-webkit-transform: rotate(-216deg);
		        transform: rotate(-216deg);
}
.processArea .outerCircle .processList .processItem:nth-child(7) .Txt {
		-webkit-transform: rotate(-216deg) translateX(-50%);
		        transform: rotate(-216deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(8) {
		-webkit-transform: rotate(252deg);
		        transform: rotate(252deg);
}
.processArea .outerCircle .processList .processItem:nth-child(8) .Icon {
		-webkit-transform: rotate(-252deg);
		        transform: rotate(-252deg);
}
.processArea .outerCircle .processList .processItem:nth-child(8) .Txt {
		-webkit-transform: rotate(-252deg) translateX(-50%);
		        transform: rotate(-252deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(9) {
		-webkit-transform: rotate(288deg);
		        transform: rotate(288deg);
}
.processArea .outerCircle .processList .processItem:nth-child(9) .Icon {
		-webkit-transform: rotate(-288deg);
		        transform: rotate(-288deg);
}
.processArea .outerCircle .processList .processItem:nth-child(9) .Txt {
		-webkit-transform: rotate(-288deg) translateX(-50%);
		        transform: rotate(-288deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem:nth-child(10) {
		-webkit-transform: rotate(324deg);
		        transform: rotate(324deg);
}
.processArea .outerCircle .processList .processItem:nth-child(10) .Icon {
		-webkit-transform: rotate(-324deg);
		        transform: rotate(-324deg);
}
.processArea .outerCircle .processList .processItem:nth-child(10) .Txt {
		-webkit-transform: rotate(-324deg) translateX(-50%);
		        transform: rotate(-324deg) translateX(-50%);
}
.processArea .outerCircle .processList .processItem.current .dots {
		background-color: #0081cc;
}
.processArea .outerCircle .processList .processItem.current .dots:before {
		background-color: #ffffff;
}
.processArea .outerCircle .processList .processItem.current .Icon {
		background-color: #0081cc;
}
.processArea .outerCircle .processList .processItem.current .Icon:after {
		border-color: rgba(255, 255, 255, 0.51);
}
.processArea .outerCircle .processList .processItem.current .Icon img.unHover {
		opacity: 0;
		visibility: hidden;
}
.processArea .outerCircle .processList .processItem.current .Icon img.hover {
		opacity: 1;
		visibility: visible;
}
.processArea .outerCircle .processList .processItem.current .Txt .title {
		color: #0081cc;
}
.processArea .outerCircle .processList .processItem .item {
		position: relative;
		width: 100%;
		padding-bottom: 100%;
		cursor: pointer;
}
@media (min-width: 1201px) {
		.processArea .outerCircle .processList .processItem .item:hover .Icon {
				background-color: #0081cc;
		}
		.processArea .outerCircle .processList .processItem .item:hover .Icon:after {
				border-color: rgba(255, 255, 255, 0.51);
		}
		.processArea .outerCircle .processList .processItem .item:hover .Icon img.unHover {
				opacity: 0;
				visibility: hidden;
		}
		.processArea .outerCircle .processList .processItem .item:hover .Icon img.hover {
				opacity: 1;
				visibility: visible;
		}
}
.processArea .outerCircle .processList .processItem .number {
		position: absolute;
		left: 7px;
		top: -4px;
		width: 30px;
		height: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-radius: 50%;
		color: #ffffff;
		font-family: "Lato", sans-serif;
		font-weight: bold;
		font-size: 15px;
		letter-spacing: 0.6px;
		background-color: #45bebb;
		-webkit-transform-origin: left top;
		        transform-origin: left top;
		z-index: 4;
}
@media (max-width: 768px) {
		.processArea .outerCircle .processList .processItem .number {
				top: 0;
				width: 25px;
				height: 25px;
				font-size: 12px;
		}
}
@media (max-width: 600px) {
		.processArea .outerCircle .processList .processItem .number {
				left: -7px;
				top: -1px;
				width: 23px;
				height: 23px;
		}
}
@media (max-width: 480px) {
		.processArea .outerCircle .processList .processItem .number {
				left: 0;
				-webkit-transform: scale(0.8);
				        transform: scale(0.8);
		}
}
.processArea .outerCircle .processList .processItem .Icon {
		position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
		        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
		background-color: #ffffff;
		pointer-events: auto;
		z-index: 3;
}
.processArea .outerCircle .processList .processItem .Icon:after {
		content: "";
		position: absolute;
		left: 7px;
		right: 7px;
		top: 7px;
		bottom: 7px;
		border: 1px solid rgba(0, 129, 204, 0.5);
		border-radius: 50%;
}
@media (max-width: 600px) {
		.processArea .outerCircle .processList .processItem .Icon:after {
				left: 4px;
				right: 4px;
				top: 4px;
				bottom: 4px;
		}
}
.processArea .outerCircle .processList .processItem .Icon img {
		margin: auto;
}
.processArea .outerCircle .processList .processItem .Icon img.hover {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 0;
		visibility: hidden;
}
.processArea .outerCircle .processList .processItem .dots {
		width: 22px;
		height: 22px;
		margin: auto;
		border: 1px solid #0081cc;
		background-color: #ffffff;
		border-radius: 50%;
		position: relative;
}
.processArea .outerCircle .processList .processItem .dots:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #0081cc;
}
@media (max-width: 480px) {
		.processArea .outerCircle .processList .processItem .dots {
				width: 18px;
				height: 18px;
		}
		.processArea .outerCircle .processList .processItem .dots:before {
				width: 6px;
				height: 6px;
		}
}
.processArea .outerCircle .processList .processItem .Txt {
		position: absolute;
		bottom: 100%;
		left: 50%;
		z-index: 4;
		-webkit-transform-origin: center left;
		        transform-origin: center left;
}
.processArea .outerCircle .processList .processItem .Txt .title {
		color: #a5a5a5;
		font-size: 20px;
		line-height: 1.25;
		font-weight: bold;
		letter-spacing: 1px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}
@media (max-width: 1280px) {
		.processArea .outerCircle .processList .processItem .Txt .title {
				font-size: 18px;
		}
}
@media (max-width: 1180px) {
		.processArea .outerCircle .processList .processItem .Txt .title {
				font-size: 16px;
		}
}
@media (max-width: 600px) {
		.processArea .outerCircle .processList {
				width: calc(450 / var(--processWidth) * 100vw); /*600*/
				height: calc(450 / var(--processWidth) * 100vw); /*600*/
		}
}
.processArea .outerCircle #processLineBox {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		pointer-events: none;
}
.processArea .outerCircle #processLineBox .processLine {
		width: calc(572 / var(--processWidth) * 100vw); /*762*/
		height: calc(572 / var(--processWidth) * 100vw); /*762*/
		position: relative;
		z-index: 2;
		fill: none;
		stroke: #0081cc;
		stroke-width: 5;
		stroke-miterlimit: 10;
		stroke-dashoffset: 2393.8935612;
		stroke-dasharray: 2393.8935612;
		-webkit-transition: stroke-dashoffset 0.9s cubic-bezier(0.22, 0.61, 0.36, 0.715);
		transition: stroke-dashoffset 0.9s cubic-bezier(0.22, 0.61, 0.36, 0.715);
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg);
}
.processArea .outerCircle #processLineBox.item_0 .processLine {
		stroke-dashoffset: 2394;
}
.processArea .outerCircle #processLineBox.item_1 .processLine {
		stroke-dashoffset: 2154.6;
}
.processArea .outerCircle #processLineBox.item_2 .processLine {
		stroke-dashoffset: 1915.2;
}
.processArea .outerCircle #processLineBox.item_3 .processLine {
		stroke-dashoffset: 1675.8;
}
.processArea .outerCircle #processLineBox.item_4 .processLine {
		stroke-dashoffset: 1436.4;
}
.processArea .outerCircle #processLineBox.item_5 .processLine {
		stroke-dashoffset: 1197;
}
.processArea .outerCircle #processLineBox.item_6 .processLine {
		stroke-dashoffset: 957.6;
}
.processArea .outerCircle #processLineBox.item_7 .processLine {
		stroke-dashoffset: 718.2;
}
.processArea .outerCircle #processLineBox.item_8 .processLine {
		stroke-dashoffset: 478.8;
}
.processArea .outerCircle #processLineBox.item_9 .processLine {
		stroke-dashoffset: 239.4;
}
.processArea .outerCircle #processLineBox.item_10 .processLine {
		stroke-dashoffset: 0;
}
.processArea .outerCircle .midCircle {
		border: 1px solid #0081cc;
		border-radius: 50%;
		width: calc(572 / var(--processWidth) * 100vw); /*762*/
		height: calc(572 / var(--processWidth) * 100vw); /*762*/
		position: relative;
		-webkit-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
}
@media (min-width: 1025px) {
		.processArea .outerCircle .midCircle {
				opacity: 0;
				-webkit-transform: scale(0.3);
				        transform: scale(0.3);
		}
}
.processArea .outerCircle .midCircle:before, .processArea .outerCircle .midCircle:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-radius: 50%;
		z-index: 0;
}
.processArea .outerCircle .midCircle:before {
		width: calc(519 / var(--processWidth) * 100vw); /*692*/
		height: calc(519 / var(--processWidth) * 100vw); /*692*/
		background-color: rgba(0, 129, 204, 0.21);
		border: 1px solid rgba(0, 129, 204, 0.51);
		-webkit-box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.05);
		        box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.05);
}
.processArea .outerCircle .midCircle:after {
		width: calc(438 / var(--processWidth) * 100vw); /*584*/
		height: calc(438 / var(--processWidth) * 100vw); /*584*/
		background-color: #ffffff;
		background-image: url("../images/process_line.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 94%;
		-webkit-animation: rotate 50s linear infinite;
		        animation: rotate 50s linear infinite;
}
.processArea .outerCircle .innerCircle {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-radius: 50%;
		width: calc(341 / var(--processWidth) * 100vw); /*454*/
		height: calc(341 / var(--processWidth) * 100vw); /*454*/
		background-color: #6e6e6e;
		z-index: 1;
}
.processArea .outerCircle .innerCircle:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		-webkit-box-shadow: inset 0px 3px 29px 0px rgba(0, 0, 0, 0.54);
		        box-shadow: inset 0px 3px 29px 0px rgba(0, 0, 0, 0.54);
		border-radius: 50%;
		z-index: 2;
}
.processArea .outerCircle .processImgBox {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		border-radius: 50%;
}
.processArea .outerCircle .processImgBox .processImgList {
		width: 100%;
		height: 100%;
}
.processArea .outerCircle .processImgBox .processImgList > li:not(:first-child) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.processArea .outerCircle .processImgBox .processImgList li .Img img {
		border-radius: 50%;
}
@media (min-width: 1025px) {
		.processArea.show .outerCircle .list_text .processItem .item,
.processArea.show .outerCircle .list_dots .processItem .item {
				opacity: 1;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(1) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(1) .item {
				-webkit-transition-delay: 0.3s;
				        transition-delay: 0.3s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(2) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(2) .item {
				-webkit-transition-delay: 0.6s;
				        transition-delay: 0.6s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(3) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(3) .item {
				-webkit-transition-delay: 0.9s;
				        transition-delay: 0.9s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(4) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(4) .item {
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(5) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(5) .item {
				-webkit-transition-delay: 1.5s;
				        transition-delay: 1.5s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(6) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(6) .item {
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(7) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(7) .item {
				-webkit-transition-delay: 2.1s;
				        transition-delay: 2.1s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(8) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(8) .item {
				-webkit-transition-delay: 2.4s;
				        transition-delay: 2.4s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(9) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(9) .item {
				-webkit-transition-delay: 2.7s;
				        transition-delay: 2.7s;
		}
		.processArea.show .outerCircle .list_text .processItem:nth-child(10) .item,
.processArea.show .outerCircle .list_dots .processItem:nth-child(10) .item {
				-webkit-transition-delay: 3s;
				        transition-delay: 3s;
		}
		.processArea.show .outerCircle .class_list .processItem .item {
				-webkit-transform: scale(1);
				        transform: scale(1);
				opacity: 1;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(1) .item {
				-webkit-transition-delay: 0.2s;
				        transition-delay: 0.2s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(2) .item {
				-webkit-transition-delay: 0.4s;
				        transition-delay: 0.4s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(3) .item {
				-webkit-transition-delay: 0.6s;
				        transition-delay: 0.6s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(4) .item {
				-webkit-transition-delay: 0.8s;
				        transition-delay: 0.8s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(5) .item {
				-webkit-transition-delay: 1s;
				        transition-delay: 1s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(6) .item {
				-webkit-transition-delay: 1.2s;
				        transition-delay: 1.2s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(7) .item {
				-webkit-transition-delay: 1.4s;
				        transition-delay: 1.4s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(8) .item {
				-webkit-transition-delay: 1.6s;
				        transition-delay: 1.6s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(9) .item {
				-webkit-transition-delay: 1.8s;
				        transition-delay: 1.8s;
		}
		.processArea.show .outerCircle .class_list .processItem:nth-child(10) .item {
				-webkit-transition-delay: 2s;
				        transition-delay: 2s;
		}
}
@media (min-width: 1025px) and (min-width: 1025px) {
		.processArea.show .outerCircle .midCircle {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}

.equipmentArea {
		overflow: hidden;
		position: relative;
		--equipmentWidth: 1440;
		padding-bottom: 62px;
}
@media (max-width: 992px) {
		.equipmentArea {
				padding-bottom: 0;
		}
}
.equipmentArea .titleBox {
		margin-bottom: 40px;
}
.equipmentArea .titleBox .titleEn:after {
		margin-top: 20px;
		margin-bottom: 27px;
}
.equipmentArea .titleBox .text {
		margin-top: 20px;
}
.equipmentArea .equipmentBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		margin: 0 calc(0% - 191 / var(--equipmentWidth) * 100vw); /*-255*/
}
.equipmentArea .equipmentBox .boxLeft,
.equipmentArea .equipmentBox .boxRight {
		width: calc(514 / var(--equipmentWidth) * 100vw); /*640+45=685*/
}
.equipmentArea .equipmentBox .boxLeft {
		padding-right: calc(34 / var(--equipmentWidth) * 100vw); /*45*/
}
.equipmentArea .equipmentBox .boxRight {
		padding-left: calc(34 / var(--equipmentWidth) * 100vw); /*45*/
}
.equipmentArea .equipmentBox .boxCenter {
		padding: 0 calc(34 / var(--equipmentWidth) * 100vw); /*45*/
		width: calc(765 / var(--equipmentWidth) * 100vw); /*930+45+45=1020*/
}
.equipmentArea .equipmentBox .boxCenter .equipmentList .equipmentItem .Img img.big {
		display: block;
}
.equipmentArea .equipmentBox .boxCenter .equipmentList .equipmentItem .Img img.small {
		display: none;
}
.equipmentArea .equipmentBox .boxCenter .equipmentList .equipmentItem .Img:after {
		background-color: #0081cc;
}
@media (max-width: 992px) {
		.equipmentArea .equipmentBox {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				margin: 0;
				padding: 0 30px;
		}
		.equipmentArea .equipmentBox .boxLeft,
.equipmentArea .equipmentBox .boxRight {
				display: none;
		}
		.equipmentArea .equipmentBox .boxCenter {
				width: 100%;
				padding: 0;
		}
}
@media (max-width: 480px) {
		.equipmentArea .equipmentBox {
				padding: 0 20px;
		}
}
.equipmentArea .equipmentList .slick-dots {
		position: relative;
		bottom: 0;
		padding: 30px 0;
}
.equipmentArea .equipmentList .slick-prev {
		left: calc(0% - 41 / var(--equipmentWidth) * 100vw); /*-55*/
}
.equipmentArea .equipmentList .slick-next {
		right: calc(0% - 41 / var(--equipmentWidth) * 100vw); /*-55*/
}
.equipmentArea .equipmentList > .equipmentItem:not(:first-child) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.equipmentArea .equipmentList .equipmentItem {
		height: 100%;
}
.equipmentArea .equipmentList .equipmentItem .item {
		height: 100%;
		margin: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		position: relative;
}
.equipmentArea .equipmentList .equipmentItem .Img {
		position: relative;
		padding: 0 calc(41 / var(--equipmentWidth) * 100vw) calc(41 / var(--equipmentWidth) * 100vw) calc(49 / var(--equipmentWidth) * 100vw); /*0 55px 55px 65px*/
}
.equipmentArea .equipmentList .equipmentItem .Img img {
		width: 100%;
}
.equipmentArea .equipmentList .equipmentItem .Img img.big {
		display: none;
}
.equipmentArea .equipmentList .equipmentItem .Img img.small {
		display: block;
}
.equipmentArea .equipmentList .equipmentItem .Img:after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		content: "";
		border-radius: 40px 0 20px 0;
		width: 100%;
		height: 84.5%;
		background-color: #5b5b5b;
		z-index: -1;
}
.equipmentArea .equipmentList .equipmentItem .Txt {
		padding-top: 20px;
		padding-left: calc(70 / var(--equipmentWidth) * 100vw); /*93px*/
		padding-right: calc(116 / var(--equipmentWidth) * 100vw); /*155px*/
		position: relative;
}
.equipmentArea .equipmentList .equipmentItem .Txt:before {
		content: "";
		position: absolute;
		left: calc(32 / var(--equipmentWidth) * 100vw); /*42px*/
		top: calc(0% - 26 / var(--equipmentWidth) * 100vw); /*-35px*/
		width: calc(5 / var(--equipmentWidth) * 100vw); /*6px*/
		height: calc(135 / var(--equipmentWidth) * 100vw); /*180px*/
		background-color: #5dc6ad;
}
.equipmentArea .equipmentList .equipmentItem .Txt .title {
		color: #282828;
		font-size: 24px;
		font-weight: bold;
		line-height: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}
.equipmentArea .equipmentList .equipmentItem .Txt .text {
		color: #282828;
		font-size: 18px;
		line-height: 1.77;
		height: 97px;
		margin-top: 7px;
}
@media (max-width: 1280px) {
		.equipmentArea .equipmentList .equipmentItem .Txt {
				padding-right: 0;
		}
		.equipmentArea .equipmentList .equipmentItem .Txt .title {
				font-size: 20px;
		}
		.equipmentArea .equipmentList .equipmentItem .Txt .text {
				font-size: 16px;
				height: 85px;
		}
}
@media (max-width: 992px) {
		.equipmentArea .equipmentList .equipmentItem .Txt {
				padding-top: 20px;
				padding-left: 45px;
		}
		.equipmentArea .equipmentList .equipmentItem .Txt:before {
				left: 20px;
				width: 4px;
				height: 100px;
		}
		.equipmentArea .equipmentList .equipmentItem .Img {
				padding: 0 35px 35px 35px;
		}
}

.qualityArea {
		--qualityWidth: 1440;
		position: relative;
		padding-top: calc(115 / var(--qualityWidth) * 100vw); /*153*/
		overflow: hidden;
}
@media (max-width: 768px) {
		.qualityArea {
				padding-top: 30px;
		}
}
.qualityArea:before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 625px;
		width: 32.843%;
		height: 100%;
		background-color: #0081cc;
		border-radius: 0 calc(60 / var(--qualityWidth) * 100vw) 0 0; /*80*/
		pointer-events: none;
}
@media (max-width: 992px) {
		.qualityArea:before {
				display: none;
		}
}
.qualityArea .wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		max-width: 100%;
		padding: 0 30px calc(115 / var(--qualityWidth) * 100vw); /*153*/
		position: relative;
		overflow: hidden;
		z-index: 2;
}
.qualityArea .wrap .leftBox {
		width: 44.5%;
}
.qualityArea .wrap .leftBox .Img {
		max-width: 525px;
		margin-right: 0;
		margin-left: auto;
}
.qualityArea .wrap .leftBox .Img img {
		border-radius: calc(45 / var(--qualityWidth) * 100vw) 0 calc(30 / var(--qualityWidth) * 100vw); /*60、0、40、0*/
}
.qualityArea .wrap .rightBox {
		width: 55.5%;
		padding-left: calc(98 / var(--qualityWidth) * 100vw); /*130*/
}
.qualityArea .wrap .rightBox .innerBox {
		max-width: 650px;
}
.qualityArea .wrap .rightBox .mb {
		display: none;
}
.qualityArea .wrap .rightBox .mb img {
		border-radius: calc(45 / var(--qualityWidth) * 100vw) 0 calc(30 / var(--qualityWidth) * 100vw); /*60、0、40、0*/
}
@media (max-width: 1440px) {
		.qualityArea .wrap .rightBox {
				padding-left: 35px;
		}
}
@media (max-width: 992px) {
		.qualityArea .wrap {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
		.qualityArea .wrap .leftBox {
				display: none;
		}
		.qualityArea .wrap .rightBox {
				width: 100%;
				padding-left: 0;
		}
		.qualityArea .wrap .rightBox .innerBox {
				max-width: 100%;
		}
}
@media (max-width: 480px) {
		.qualityArea .wrap {
				padding: 0 20px 50px;
		}
}
.qualityArea .titleBox {
		padding-bottom: 45px;
		margin-bottom: 0;
}
@media (min-width: 993px) {
		.qualityArea .titleBox .titleEn span {
				display: block;
		}
}
.qualityArea .topBox {
		position: relative;
}
.qualityArea .isoBox {
		position: absolute;
		right: 0;
		bottom: 0;
}
.qualityArea .isoBox.overItem .isoList {
		max-width: 410px;
}
.qualityArea .isoBox.overItem .isoList .slick-list {
		max-width: calc(100% - 50px);
		margin: auto;
}
.qualityArea .isoBox.overItem .isoList .slick-prev {
		left: 20px;
}
.qualityArea .isoBox.overItem .isoList .slick-next {
		right: 20px;
}
.qualityArea .isoBox .isoList {
		max-width: 360px;
		margin: 0 -15px;
}
.qualityArea .isoBox .isoList > .isoItem {
		float: left;
		width: 50%;
}
.qualityArea .isoBox .isoList > .isoItem:not(:nth-child(1)):not(:nth-child(2)) {
		position: absolute;
		left: 0;
		top: 0;
}
.qualityArea .isoBox .isoList .isoItem {
		padding: 0 15px;
}
.qualityArea .isoBox .isoList .isoItem .Img {
		margin: auto;
		width: 150px;
		height: 124px;
}
.qualityArea .isoBox .isoList .isoItem .Img img {
		width: 100%;
}
@media (max-width: 1440px) {
		.qualityArea .isoBox {
				position: relative;
				left: 0;
		}
}
.qualityArea .qualityList {
		padding-top: 27px;
}
@media (min-width: 1201px) {
		.qualityArea .qualityList .qualityItem:hover .Txt:after {
				width: 100%;
		}
		.qualityArea .qualityList .qualityItem:hover .Txt .number,
.qualityArea .qualityList .qualityItem:hover .Txt .title {
				color: #0081cc;
		}
		.qualityArea .qualityList .qualityItem:hover .Txt .icon .iconBox {
				top: -28px;
		}
		.qualityArea .qualityList .qualityItem:hover .Txt .icon svg {
				color: #0081cc;
		}
}
.qualityArea .qualityList .qualityItem.current .Txt:after {
		width: 100%;
}
.qualityArea .qualityList .qualityItem.current .Txt .number,
.qualityArea .qualityList .qualityItem.current .Txt .title {
		color: #0081cc;
}
.qualityArea .qualityList .qualityItem.current .Txt .icon .iconBox {
		top: -28px;
}
@media (max-width: 768px) {
		.qualityArea .qualityList .qualityItem.current .Txt .icon .iconBox {
				top: -24px;
		}
}
.qualityArea .qualityList .qualityItem.current .Txt .icon svg {
		color: #0081cc;
}
.qualityArea .qualityList .qualityItem .Txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		border-bottom: 2px solid #2c2c2c;
		padding: 25px 22px 25px 0;
		position: relative;
		cursor: pointer;
}
.qualityArea .qualityList .qualityItem .Txt:after {
		position: absolute;
		left: 0;
		bottom: -2px;
		content: "";
		width: 0;
		height: 3px;
		background-color: #0081cc;
		z-index: 1;
}
.qualityArea .qualityList .qualityItem .Txt .number {
		width: 57px;
		color: #2c2c2c;
		font-size: 18px;
		font-family: "Lato", sans-serif;
		font-weight: 900;
		letter-spacing: 0.9px;
		line-height: 1.33;
		position: relative;
		text-align: center;
}
.qualityArea .qualityList .qualityItem .Txt .number:after {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background-color: rgba(44, 44, 44, 0.29);
		width: 1px;
		height: 40px;
}
.qualityArea .qualityList .qualityItem .Txt .title {
		color: #3d3d3d;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1.2px;
		line-height: 1;
		width: calc(100% - 85px);
		padding: 0 20px;
}
.qualityArea .qualityList .qualityItem .Txt .icon {
		width: 28px;
		height: 28px;
		overflow: hidden;
		position: relative;
}
.qualityArea .qualityList .qualityItem .Txt .icon .iconBox {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
}
.qualityArea .qualityList .qualityItem .Txt .icon svg {
		height: 28px;
}
.qualityArea .qualityList .qualityItem .definition {
		display: none;
		padding: 19px 0 29px;
		font-size: 18px;
		color: #282828;
		line-height: 1.778;
		border-bottom: 2px solid #2c2c2c;
}
@media (max-width: 768px) {
		.qualityArea .qualityList .qualityItem .Txt {
				padding: 20px 10px 20px 0;
		}
		.qualityArea .qualityList .qualityItem .Txt .number {
				width: 50px;
				font-size: 16px;
		}
		.qualityArea .qualityList .qualityItem .Txt .title {
				font-size: 20px;
				width: calc(100% - 74px);
				padding: 0 15px;
		}
		.qualityArea .qualityList .qualityItem .Txt .icon {
				width: 24px;
				height: 24px;
		}
		.qualityArea .qualityList .qualityItem .Txt .icon svg {
				width: auto;
				height: 24px;
		}
		.qualityArea .qualityList .qualityItem .definition {
				font-size: 16px;
		}
}
.qualityArea .qualityImgList > .qualityImgItem:not(:first-child) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		pointer-events: none;
}
.qualityArea .qualityImgList .qualityImgItem {
		-webkit-animation: 0.5s fadeOut ease-in-out forwards;
		        animation: 0.5s fadeOut ease-in-out forwards;
}
.qualityArea .qualityImgList .qualityImgItem.slick-current {
		-webkit-animation: 0.5s fadeIn ease-in-out forwards;
		        animation: 0.5s fadeIn ease-in-out forwards;
}