.awardArea .slick-dots li:not(:last-child)::after, .awardArea .slick-arrow, .awardArea .awardList .awardItem, .caseArea .cube, .caseArea .caseList .leftBox .arrowBox .arrow, .caseArea .caseList .ImgBox .ImgLogo, .uniqueArea .slick-dots li:not(:last-child)::after, .uniqueArea .slick-arrow, .uniqueArea .uniqueList .ImgIcon, .uniqueArea .uniqueList .item, .processArea .fixedSideBox .fixedDots:not(:last-child)::after, .processArea .fixedSideBox .fixedDots::before, .processArea .fixedSideBox, .processArea .processTxtList .slick-dots li:not(:last-child)::after, .processArea .processTxtList .TxtBox .textBox .subtitle, .processArea .processTxtList .TxtBox .textBox .title, .processArea .processTxtList .TxtBox .tit, .processArea .processTxtList .processItem, .processArea .processImgList .picBox .bg_bottom, .processArea .processBox .bigBox, .newsArea .controlBox .arrow, .newsArea .newsBox .classTitle, .newsArea .newsBox .item, .newsArea .newsBox .newsItem, .newsArea .classBoxRow li > a span, .bannerArea .bannerControlBox_mb .arrowBox .arrow, .bannerArea .bannerControlBox .arrowDotBox .arrow, .bannerArea .bannerControlBox .bannerItem .title, .bannerArea .bannerControlBox .bannerItem .num, .bannerArea .bannerBox .pauseBtn img,
.bannerArea .bannerBox .playBtn img, .bannerArea .bannerBox .pauseBtn,
.bannerArea .bannerBox .playBtn, .bannerArea .bannerBox .videoBox {
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
}

@-webkit-keyframes earth {
		0% {
				opacity: 1;
		}
		50% {
				opacity: 0.3;
		}
		100% {
				opacity: 1;
		}
}

@keyframes earth {
		0% {
				opacity: 1;
		}
		50% {
				opacity: 0.3;
		}
		100% {
				opacity: 1;
		}
}
@-webkit-keyframes earthline {
		0% {
				opacity: 0.15;
		}
		50% {
				opacity: 1;
		}
		100% {
				opacity: 0.15;
		}
}
@keyframes earthline {
		0% {
				opacity: 0.15;
		}
		50% {
				opacity: 1;
		}
		100% {
				opacity: 0.15;
		}
}
@-webkit-keyframes scale {
		0% {
				-webkit-transform: scale(0);
				        transform: scale(0);
		}
		100% {
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
@keyframes scale {
		0% {
				-webkit-transform: scale(0);
				        transform: scale(0);
		}
		100% {
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
@-webkit-keyframes bannerTxtAnimation {
		0% {
				opacity: 0;
				-webkit-transform: translateY(10px);
				        transform: translateY(10px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
@keyframes bannerTxtAnimation {
		0% {
				opacity: 0;
				-webkit-transform: translateY(10px);
				        transform: translateY(10px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
@-webkit-keyframes bannerScrollAnimation {
		0% {
				height: 0;
		}
		50% {
				height: 100%;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
		100% {
				-webkit-transform: translateY(100%);
				        transform: translateY(100%);
		}
}
@keyframes bannerScrollAnimation {
		0% {
				height: 0;
		}
		50% {
				height: 100%;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
		100% {
				-webkit-transform: translateY(100%);
				        transform: translateY(100%);
		}
}
@-webkit-keyframes txtMoveAnimation {
		from {
				background-position: 0 0;
		}
		to {
				background-position: -2530px 0;
		}
}
@keyframes txtMoveAnimation {
		from {
				background-position: 0 0;
		}
		to {
				background-position: -2530px 0;
		}
}
@-webkit-keyframes rotate3 {
		to {
				-webkit-transform: rotate(360deg);
				        transform: rotate(360deg);
		}
}
@keyframes rotate3 {
		to {
				-webkit-transform: rotate(360deg);
				        transform: rotate(360deg);
		}
}
@-webkit-keyframes rotate {
		from {
				-webkit-transform: translate(-50%, -50%) rotate(0deg);
				        transform: translate(-50%, -50%) rotate(0deg);
		}
		to {
				-webkit-transform: translate(-50%, -50%) rotate(360deg);
				        transform: translate(-50%, -50%) rotate(360deg);
		}
}
@keyframes rotate {
		from {
				-webkit-transform: translate(-50%, -50%) rotate(0deg);
				        transform: translate(-50%, -50%) rotate(0deg);
		}
		to {
				-webkit-transform: translate(-50%, -50%) rotate(360deg);
				        transform: translate(-50%, -50%) rotate(360deg);
		}
}
@-webkit-keyframes rotate2 {
		from {
				-webkit-transform: rotate(360deg);
				        transform: rotate(360deg);
		}
		to {
				-webkit-transform: rotate(0deg);
				        transform: rotate(0deg);
		}
}
@keyframes rotate2 {
		from {
				-webkit-transform: rotate(360deg);
				        transform: rotate(360deg);
		}
		to {
				-webkit-transform: rotate(0deg);
				        transform: rotate(0deg);
		}
}
@-webkit-keyframes upDown {
		0%, 100% {
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
		50% {
				-webkit-transform: translateY(-4px);
				        transform: translateY(-4px);
		}
}
@keyframes upDown {
		0%, 100% {
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
		50% {
				-webkit-transform: translateY(-4px);
				        transform: translateY(-4px);
		}
}
@-webkit-keyframes arrRight {
		0%, 100% {
				-webkit-transform: translate(0, 0%);
				        transform: translate(0, 0%);
		}
		50% {
				-webkit-transform: translate(5px, 0%);
				        transform: translate(5px, 0%);
		}
}
@keyframes arrRight {
		0%, 100% {
				-webkit-transform: translate(0, 0%);
				        transform: translate(0, 0%);
		}
		50% {
				-webkit-transform: translate(5px, 0%);
				        transform: translate(5px, 0%);
		}
}
@-webkit-keyframes arrRight2 {
		0%, 100% {
				-webkit-transform: translate(0, -8px);
				        transform: translate(0, -8px);
		}
		50% {
				-webkit-transform: translate(5px, -8px);
				        transform: translate(5px, -8px);
		}
}
@keyframes arrRight2 {
		0%, 100% {
				-webkit-transform: translate(0, -8px);
				        transform: translate(0, -8px);
		}
		50% {
				-webkit-transform: translate(5px, -8px);
				        transform: translate(5px, -8px);
		}
}
@-webkit-keyframes dotAni {
		0% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
		80% {
				opacity: 0.1;
				-webkit-transform: scale(1.3);
				        transform: scale(1.3);
		}
		100% {
				opacity: 0;
				-webkit-transform: scale(1.4);
				        transform: scale(1.4);
		}
}
@keyframes dotAni {
		0% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
		80% {
				opacity: 0.1;
				-webkit-transform: scale(1.3);
				        transform: scale(1.3);
		}
		100% {
				opacity: 0;
				-webkit-transform: scale(1.4);
				        transform: scale(1.4);
		}
}
@-webkit-keyframes bnStar {
		0% {
				opacity: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
		30% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translateY(50%);
				        transform: translateY(50%);
		}
}
@keyframes bnStar {
		0% {
				opacity: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
		30% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translateY(50%);
				        transform: translateY(50%);
		}
}
@-webkit-keyframes bnStar2 {
		0% {
				opacity: 0;
				-webkit-transform: translateY(50%);
				        transform: translateY(50%);
		}
		30% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
}
@keyframes bnStar2 {
		0% {
				opacity: 0;
				-webkit-transform: translateY(50%);
				        transform: translateY(50%);
		}
		30% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
}
@-webkit-keyframes star {
		0% {
				opacity: 0;
				-webkit-transform: translateY(50%);
				        transform: translateY(50%);
		}
		30% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
}
@keyframes star {
		0% {
				opacity: 0;
				-webkit-transform: translateY(50%);
				        transform: translateY(50%);
		}
		30% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
		}
}
@-webkit-keyframes caseScale {
		0% {
				opacity: 0;
				-webkit-transform: scale(0);
				        transform: scale(0);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
@keyframes caseScale {
		0% {
				opacity: 0;
				-webkit-transform: scale(0);
				        transform: scale(0);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
@-webkit-keyframes caseScale2 {
		0% {
				opacity: 0;
				-webkit-transform: scale(0.2);
				        transform: scale(0.2);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
@keyframes caseScale2 {
		0% {
				opacity: 0;
				-webkit-transform: scale(0.2);
				        transform: scale(0.2);
		}
		100% {
				opacity: 1;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
.popWin {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 500;
		width: 100%;
		height: 100vh;
		font-size: 15px;
		line-height: 1.8;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
}
.popWin .mask {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
		opacity: 0;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
}
.popWin .inner {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 700px;
		max-width: 90%;
		max-height: 85vh;
		opacity: 0;
		background-color: #fff;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
}
.popWin .popContent {
		max-height: 85vh;
		overflow-y: auto;
}
.popWin img {
		display: block;
		max-width: 100%;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.popWin .Txt {
		padding: 30px;
}
.popWin .Txt .popTitle {
		font-size: 25px;
		margin-bottom: 25px;
}
.popWin .close {
		position: absolute;
		right: -23px;
		top: -23px;
		z-index: 1;
		width: 46px;
		height: 46px;
		background-color: rgba(0, 0, 0, 0.7);
		/* background-color: #fff; */
		border-radius: 50%;
}
.popWin .close::before, .popWin .close::after {
		content: "";
		position: absolute;
		left: 11px;
		top: 23px;
		width: 25px;
		height: 1px;
		background-color: #EE8A0C;
		/* border-radius:  50%; */
}
.popWin .close::before {
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
}
.popWin.show {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
}
.popWin.show .mask,
.popWin.show .inner {
		opacity: 1;
}
.popWin .close::after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
}
@media (max-width: 1180px) {
		.popWin .close {
				right: 0;
				top: 0;
				border-radius: 0;
		}
		.popWin .popContent {
				max-height: calc(100vh - 150px);
		}
}

.mainArea {
		padding: 0;
}

.bannerArea .bannerBox {
		position: relative;
}
.bannerArea .bannerBox .videoBox {
		position: relative;
		padding-bottom: 56.25%;
		/* 16:9 */
		height: 0;
		opacity: 1;
		z-index: 3;
}
.bannerArea .bannerBox .videoBox.hide {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
}
.bannerArea .bannerBox .videoBox iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		opacity: 1;
}
.bannerArea .bannerBox .pauseBtn,
.bannerArea .bannerBox .playBtn {
		border: 1px solid #29b8ed;
		opacity: 0;
		background-color: rgba(0, 0, 0, 0.7);
		pointer-events: none;
		position: absolute;
		position: absolute;
		bottom: auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		right: 60px;
		z-index: 9;
		width: 51px;
		height: 51px;
		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;
		cursor: pointer;
}
@media (max-width: 1200px) {
		.bannerArea .bannerBox .pauseBtn,
.bannerArea .bannerBox .playBtn {
				right: 30px;
		}
}
.bannerArea .bannerBox .pauseBtn img,
.bannerArea .bannerBox .playBtn img {
		width: auto;
}
.bannerArea .bannerBox .pauseBtn:hover,
.bannerArea .bannerBox .playBtn:hover {
		background-color: #29b8ed;
}
.bannerArea .bannerBox .pauseBtn:hover img,
.bannerArea .bannerBox .playBtn:hover img {
		-webkit-filter: brightness(0);
		        filter: brightness(0);
}
.bannerArea .bannerBox .pauseBtn.active,
.bannerArea .bannerBox .playBtn.active {
		opacity: 1;
		pointer-events: auto;
}
.bannerArea .bannerBox .playBtn {
		min-width: 51px;
}
@media (max-width: 1200px) {
		.bannerArea .bannerBox .playBtn {
				min-width: 51px;
		}
}
.bannerArea .bannerBox .playBtn img {
		margin-right: 0px;
}
@media (max-width: 1200px) {
		.bannerArea .bannerBox .playBtn img {
				margin-right: 0;
		}
}
.bannerArea .bannerBox .playBtn span {
		font-size: 15px;
		font-weight: 400;
		color: #29b8ed;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-right: 14px;
}
@media (max-width: 1200px) {
		.bannerArea .bannerBox .playBtn span {
				display: none;
		}
}
.bannerArea .bannerBox .playBtn:hover span {
		color: #000;
}
.bannerArea .bannerList {
		position: relative;
		z-index: 1;
}
.bannerArea .bannerList.hide {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
}
.bannerArea .bannerList.slick-dotted {
		margin-bottom: 0;
}
.bannerArea .bannerItem.hideTxt .Txt {
		display: none;
}
.bannerArea .bannerItem .Txt {
		max-width: 1200px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 110px 20px 85px;
		z-index: 2;
		width: 100%;
		height: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
}
@media (max-width: 1360px) {
		.bannerArea .bannerItem .Txt {
				padding: 110px 0px 85px 85px;
		}
}
@media (max-width: 1180px) {
		.bannerArea .bannerItem .Txt {
				padding: 40px 20px 0;
		}
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .Txt {
				padding: 0 20px;
		}
}
.bannerArea .bannerItem .Txt .textBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 100%;
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .Txt .textBox {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				text-align: center;
		}
}
.bannerArea .bannerItem .Txt .title {
		color: #fff;
		font-size: 50px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: 0.5px;
		opacity: 0;
		font-family: "Plus Jakarta Sans";
}
@media (max-width: 1500px) {
		.bannerArea .bannerItem .Txt .title {
				font-size: 55px;
		}
}
@media (max-width: 1400px) {
		.bannerArea .bannerItem .Txt .title {
				font-size: 45px;
		}
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .Txt .title {
				font-size: 40px;
				text-align: center;
		}
}
@media (max-width: 400px) {
		.bannerArea .bannerItem .Txt .title {
				font-size: 35px;
		}
}
@media (max-width: 360px) {
		.bannerArea .bannerItem .Txt .title {
				font-size: 28px;
		}
}
.bannerArea .bannerItem .Txt .subtitle {
		color: #67d1e0;
		font-style: italic;
		display: block;
		font-size: 28px;
		line-height: 1.2;
		letter-spacing: 0.5px;
		margin-top: 20px;
		padding: 20px 0 0 0;
		opacity: 0;
		font-family: "Plus Jakarta Sans";
		position: relative;
}
@media (max-width: 1400px) {
		.bannerArea .bannerItem .Txt .subtitle {
				font-size: 20px;
		}
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .Txt .subtitle {
				text-align: center;
		}
}
@media (max-width: 360px) {
		.bannerArea .bannerItem .Txt .subtitle {
				font-size: 16px;
		}
}
.bannerArea .bannerItem .Txt .subtitle::before {
		content: "";
		position: absolute;
		width: 60px;
		height: 3px;
		background-color: #fff;
		top: 0;
		left: 0;
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .Txt .subtitle::before {
				right: 0;
				margin: 0 auto;
		}
}
.bannerArea .bannerItem .Txt .text {
		color: #fff;
		display: block;
		line-height: 1.5;
		letter-spacing: 0.5px;
		margin-top: 10px;
		opacity: 0;
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .Txt .text {
				text-align: center;
		}
}
.bannerArea .bannerItem .Txt .bannerBtn {
		opacity: 0;
		padding-top: 30px;
		width: 205px;
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .Txt .bannerBtn {
				margin: 0 auto;
		}
}
.bannerArea .bannerItem .Txt .bannerBtn a {
		color: #fff;
		border: 2px solid #fff;
		display: inline-block;
		letter-spacing: 0.5px;
		text-align: center;
		line-height: 65px;
		width: 205px;
		border-radius: 4px;
}
@media (max-width: 1200px) {
		.bannerArea .bannerItem .Txt .bannerBtn a {
				line-height: 50px;
		}
}
.bannerArea .bannerItem .Txt .bannerBtn a:hover {
		background-color: #fff;
		-webkit-box-shadow: 0 3px 10px rgba(255, 255, 255, 0.5);
		        box-shadow: 0 3px 10px rgba(255, 255, 255, 0.5);
		color: #29b8ed;
}
.bannerArea .bannerItem .Txt .bannerVideo .videoBtn {
		width: 100px;
		height: 100px;
		border: 1px solid #fff;
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		bottom: 150px;
		left: 70px;
}
.bannerArea .bannerItem .Txt .bannerVideo .videoBtn::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 20px;
		border-color: transparent transparent transparent #fff;
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		left: calc(50% - 5px);
		z-index: 1;
}
.bannerArea .bannerItem .Txt .bannerVideo .videoBtn::after {
		content: "";
		border: 1px dashed #fff;
		border-radius: 50%;
		z-index: 1;
		width: 75%;
		height: 75%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
}
.bannerArea .bannerItem .Img {
		position: relative;
		z-index: 1;
}
@media (max-width: 1180px) {
		.bannerArea .bannerItem .Img {
				height: 800px;
		}
		.bannerArea .bannerItem .Img img {
				height: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
		}
}
@media (max-width: 480px) {
		.bannerArea .bannerItem .Img {
				height: 620px;
		}
}
.bannerArea .bannerItem.slick-current .Txt .title {
		-webkit-animation: bannerTxtAnimation 0.8s ease-in-out forwards;
		        animation: bannerTxtAnimation 0.8s ease-in-out forwards;
}
.bannerArea .bannerItem.slick-current .Txt .subtitle {
		-webkit-animation: bannerTxtAnimation 0.8s 0.4s ease-in-out forwards;
		        animation: bannerTxtAnimation 0.8s 0.4s ease-in-out forwards;
}
.bannerArea .bannerItem.slick-current .Txt .text {
		-webkit-animation: bannerTxtAnimation 0.8s 0.8s ease-in-out forwards;
		        animation: bannerTxtAnimation 0.8s 0.8s ease-in-out forwards;
}
.bannerArea .bannerItem.slick-current .Txt .bannerBtn {
		-webkit-animation: bannerTxtAnimation 0.8s 1.2s ease-in-out forwards;
		        animation: bannerTxtAnimation 0.8s 1.2s ease-in-out forwards;
}
.bannerArea .bannerItem.slick-current .Txt .videoBtn::after {
		-webkit-animation: rotate3 50s linear forwards;
		        animation: rotate3 50s linear forwards;
}
.bannerArea .bannerItem.slick-current .linkList .linkItem {
		-webkit-animation: scale 1s ease-in-out forwards;
		        animation: scale 1s ease-in-out forwards;
}
.bannerArea .bannerItem .iconBanner {
		width: 100%;
		position: relative;
}
@media (min-width: 641px) {
		.bannerArea .bannerItem .iconBanner .mbPic {
				display: none;
		}
}
@media (min-width: 1181px) {
		.bannerArea .bannerItem .iconBanner .mb {
				display: none;
		}
}
@media (max-width: 1180px) {
		.bannerArea .bannerItem .iconBanner .pc {
				display: none;
		}
		.bannerArea .bannerItem .iconBanner .mb {
				display: block;
				-o-object-fit: cover;
				   object-fit: cover;
				height: 800px;
		}
}
@media (max-width: 1180px) and (max-width: 480px) {
		.bannerArea .bannerItem .iconBanner .mb {
				height: 620px;
		}
}
@media (max-width: 640px) {
		.bannerArea .bannerItem .iconBanner .mb {
				display: none;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox {
		position: absolute;
		top: 190px;
		left: 0;
		right: 0;
		max-width: 1100px;
		width: 100%;
		margin: 0 110px 0 auto;
		z-index: 5;
}
@media (max-width: 1700px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox {
				top: 100px;
		}
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox {
				max-width: 700px;
		}
}
@media (max-width: 1180px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox {
				display: none;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkList {
		max-width: 910px;
		width: 100%;
		height: 600px;
		position: relative;
		margin: 0 auto 0;
		z-index: 2;
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkList::before {
		content: "";
		position: absolute;
		background-image: url("../images/banner_icon_bg_border.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width: 1100px;
		height: 620px;
		top: -20px;
		right: -110px;
		pointer-events: none;
		opacity: 0;
		-webkit-animation: earthline 8s 0.2s infinite forwards;
		        animation: earthline 8s 0.2s infinite forwards;
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox .linkList::before {
				opacity: 0.6;
				width: 860px;
				height: 500px;
				top: -35px;
				right: -80px;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem {
		position: absolute;
		-webkit-transform: scale(0);
		        transform: scale(0);
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(1) {
		top: 0;
		left: 18px;
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(1) .item {
		-webkit-transform: scale(0.8);
		        transform: scale(0.8);
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(2) {
		top: -25px;
		left: 38%;
		-webkit-animation-delay: 0.4s;
		        animation-delay: 0.4s;
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(2) .item {
		-webkit-transform: scale(0.7);
		        transform: scale(0.7);
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(3) {
		top: 58px;
		left: 61%;
		-webkit-animation-delay: 0.6s;
		        animation-delay: 0.6s;
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(3) .item {
		-webkit-transform: scale(0.7);
		        transform: scale(0.7);
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(4) {
		top: 30px;
		right: -2%;
		-webkit-animation-delay: 0.8s;
		        animation-delay: 0.8s;
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(5) {
		bottom: 71px;
		left: 4%;
		-webkit-animation-delay: 1s;
		        animation-delay: 1s;
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(5) .item {
		-webkit-transform: scale(0.8);
		        transform: scale(0.8);
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(5) {
				bottom: 31%;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(6) {
		top: 38%;
		left: 42%;
		-webkit-animation-delay: 1.2s;
		        animation-delay: 1.2s;
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(6) .item {
		-webkit-transform: scale(1.2);
		        transform: scale(1.2);
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(6) {
				top: 30%;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(7) {
		bottom: 0;
		right: 13%;
		-webkit-animation-delay: 1.4s;
		        animation-delay: 1.4s;
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem:nth-child(7) {
				bottom: 23%;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem .item {
		width: 160px;
		height: 160px;
		border-radius: 50%;
		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;
		position: relative;
		background-color: transparent;
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem .item {
				width: 120px;
				height: 120px;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem .item::before {
		content: "";
		position: absolute;
		width: 170px;
		height: 170px;
		top: 50%;
		left: 52%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		background-image: url("../images/banner_icon_border03.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		-webkit-animation: rotate 15s linear infinite;
		        animation: rotate 15s linear infinite;
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem .item::before {
				width: 130px;
				height: 130px;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem .Img {
		width: 140px;
		height: 140px;
		padding: 20px;
		background-color: rgba(0, 0, 0, 0.15);
		border-radius: 50%;
}
@media (max-width: 1600px) {
		.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem .Img {
				width: 100px;
				height: 100px;
		}
}
.bannerArea .bannerItem .iconBanner .bannerIconBox .linkItem .Img img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.bannerArea .bannerControlBox {
		width: 100%;
		max-width: 1300px;
		margin: 0 110px 0 auto;
		position: absolute;
		bottom: 35px;
		right: 0;
		left: 0;
		z-index: 2;
}
@media (max-width: 1500px) {
		.bannerArea .bannerControlBox {
				padding: 0 20px;
				margin: 0 auto;
		}
}
@media (max-width: 1200px) {
		.bannerArea .bannerControlBox {
				display: none;
		}
}
.bannerArea .bannerControlBox .bannerDotList {
		position: relative;
		z-index: 3;
}
.bannerArea .bannerControlBox .bannerItem {
		border-left: 2px solid #fff;
		padding: 0 15px 5px;
		cursor: pointer;
}
.bannerArea .bannerControlBox .bannerItem .num {
		color: #29b8ed;
		font-family: "Plus Jakarta Sans";
		font-style: italic;
		font-size: 16px;
}
@media (max-width: 1300px) {
		.bannerArea .bannerControlBox .bannerItem .num {
				font-size: 15px;
		}
}
.bannerArea .bannerControlBox .bannerItem .title {
		color: #fff;
		font-size: 19px;
		font-weight: 600;
		height: 30px;
}
@media (max-width: 1300px) {
		.bannerArea .bannerControlBox .bannerItem .title {
				font-size: 15px;
		}
}
.bannerArea .bannerControlBox .bannerItem.slick-current .num, .bannerArea .bannerControlBox .bannerItem:hover .num {
		color: #EE8A0C;
}
.bannerArea .bannerControlBox .bannerItem.slick-current .title, .bannerArea .bannerControlBox .bannerItem:hover .title {
		color: #EE8A0C;
}
.bannerArea .bannerControlBox .arrowDotBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
		bottom: 0px;
		right: 0;
		left: 0;
		margin: 0 auto;
		display: none;
}
.bannerArea .bannerControlBox .arrowDotBox .arrow {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		margin: 5px;
		cursor: pointer;
		background-image: -webkit-gradient(linear, left top, right top, from(rgb(236, 131, 5)), color-stop(rgb(251, 200, 106)), color-stop(rgb(251, 200, 106)), to(rgb(236, 131, 5)));
		background-image: linear-gradient(90deg, rgb(236, 131, 5), rgb(251, 200, 106), rgb(251, 200, 106), rgb(236, 131, 5));
		background-size: 300% 100%;
		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;
		font-family: "Poppins";
}
.bannerArea .bannerControlBox .arrowDotBox .arrowPrev {
		left: -70px;
}
.bannerArea .bannerControlBox .arrowDotBox .arrowPrev::before {
		content: "<";
		color: #fff;
		font-size: 20px;
		z-index: 2;
}
.bannerArea .bannerControlBox .arrowDotBox .arrowNext {
		right: -70px;
}
.bannerArea .bannerControlBox .arrowDotBox .arrowNext::before {
		content: ">";
		color: #fff;
		font-size: 20px;
		z-index: 2;
}
.bannerArea .bannerControlBox_mb {
		width: 80%;
		position: relative;
		z-index: 5;
		margin: 0 auto;
}
@media (min-width: 1201px) {
		.bannerArea .bannerControlBox_mb {
				display: none;
		}
}
.bannerArea .bannerControlBox_mb .arrowBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
		bottom: 60px;
		right: 0;
		left: 0;
		margin: 0 auto;
}
.bannerArea .bannerControlBox_mb .arrowBox .arrow {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		margin: 5px;
		cursor: pointer;
		background-image: -webkit-gradient(linear, left top, right top, from(rgb(236, 131, 5)), color-stop(rgb(251, 200, 106)), color-stop(rgb(251, 200, 106)), to(rgb(236, 131, 5)));
		background-image: linear-gradient(90deg, rgb(236, 131, 5), rgb(251, 200, 106), rgb(251, 200, 106), rgb(236, 131, 5));
		background-size: 300% 100%;
		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;
		font-family: "Poppins";
}
.bannerArea .bannerControlBox_mb .arrowBox .arrowPrev::before {
		content: "<";
		color: #fff;
		font-size: 20px;
		z-index: 2;
}
.bannerArea .bannerControlBox_mb .arrowBox .arrowNext::before {
		content: ">";
		color: #fff;
		font-size: 20px;
		z-index: 2;
}
.bannerArea .bannerControlBox_mb .pageBox {
		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: 80px;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
}
.bannerArea .bannerControlBox_mb .pageBox span {
		color: #a7a7a7;
}
.bannerArea .bannerControlBox_mb .pageBox div {
		display: block;
		text-align: center;
		font-family: "Plus Jakarta Sans";
		color: #a7a7a7;
		font-size: 16px;
		font-weight: 600;
		padding: 5px 15px;
		font-weight: bold;
		letter-spacing: 0.8px;
}
.bannerArea .bannerControlBox_mb .pageBox div.currentPage {
		color: #29b9ee;
		position: relative;
}
.bannerArea .scrollDown {
		cursor: pointer;
		display: block;
		position: absolute;
		top: 60%;
		left: 80px;
		z-index: 2;
		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: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media (max-width: 1600px) {
		.bannerArea .scrollDown {
				left: 40px;
		}
}
@media (max-width: 1400px) {
		.bannerArea .scrollDown {
				top: 60%;
		}
}
.bannerArea .scrollDown span {
		display: block;
}
.bannerArea .scrollDown span.text {
		color: #67d1e0;
		-webkit-writing-mode: vertical-lr;
		    -ms-writing-mode: tb-lr;
		        writing-mode: vertical-lr;
		letter-spacing: 0.5px;
		font-style: italic;
}
.bannerArea .scrollDown span.line {
		width: 1px;
		height: calc(100% + 250px);
		background-color: #67d1e0;
		overflow: hidden;
		position: absolute;
		bottom: 120px;
		left: 8px;
		z-index: 1;
}
@media (max-width: 1600px) {
		.bannerArea .scrollDown span.line {
				height: calc(100% + 200px);
		}
}
@media (max-width: 1400px) {
		.bannerArea .scrollDown span.line {
				height: calc(100% + 100px);
		}
}
.bannerArea .scrollDown span.scroll {
		background-image: url("../images/scroll.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 19px;
		height: 34px;
		margin: 15px 0 0;
		-webkit-animation: upDown 0.8s ease-in-out infinite;
		        animation: upDown 0.8s ease-in-out infinite;
}
.bannerArea .decoBox {
		position: relative;
		width: 100%;
}
@media (max-width: 1200px) {
		.bannerArea .decoBox {
				display: none;
		}
}
.bannerArea .decoBox .deco {
		position: absolute;
		width: 50%;
}
.bannerArea .decoBox .deco.d01 {
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		opacity: 0.3;
		-webkit-animation: bnStar 4s linear infinite;
		        animation: bnStar 4s linear infinite;
		height: 300px;
}
.bannerArea .decoBox .deco.d02 {
		top: 200px;
		right: 0;
		opacity: 0.2;
		-webkit-animation: bnStar2 3s 1.5s linear infinite;
		        animation: bnStar2 3s 1.5s linear infinite;
		height: 200px;
}
.bannerArea .decoBox .earth {
		position: absolute;
		top: 130px;
		right: 10%;
		margin: 0 auto;
		opacity: 1;
		-webkit-animation: earth 8s infinite;
		        animation: earth 8s infinite;
		width: 50%;
}
.bannerArea .bannerVideoArea {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
}
.bannerArea .bannerVideoArea .bannerVideo .videoBtn {
		width: 100px;
		height: 100px;
		border: 1px solid #fff;
		border-radius: 50%;
		cursor: pointer;
		position: absolute;
		bottom: 150px;
		left: 70px;
}
.bannerArea .bannerVideoArea .bannerVideo .videoBtn::before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 20px;
		border-color: transparent transparent transparent #fff;
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		left: calc(50% - 5px);
		z-index: 1;
}
.bannerArea .bannerVideoArea .bannerVideo .videoBtn::after {
		content: "";
		border: 1px dashed #fff;
		border-radius: 50%;
		z-index: 1;
		width: 75%;
		height: 75%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
}
@media (max-width: 1180px) {
		.bannerArea .Txt .bannerVideo,
.bannerArea .socialBox,
.bannerArea .scrollDown {
				display: none !important;
		}
}

.newsArea {
		padding: 90px 0 20px;
		background-color: #f6f9fc;
		position: relative;
}
@media (max-width: 640px) {
		.newsArea {
				padding: 40px 0 20px;
		}
}
.newsArea .deco {
		position: absolute;
		top: -40px;
		left: 0;
}
@media (max-width: 1180px) {
		.newsArea .deco {
				display: none;
		}
}
.newsArea .wrap {
		max-width: 100%;
}
.newsArea .titleBox {
		position: relative;
		text-align: center;
		padding: 0;
}
.newsArea .titleBox .Text {
		position: relative;
		padding-bottom: 30px;
}
.newsArea .titleBox .Text::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-color: #02152c;
		width: 60px;
		height: 3px;
}
.newsArea .titleBox .Text .title {
		font-size: 21px;
		letter-spacing: 0.05em;
		color: #29b9ee;
		font-weight: 600;
		font-style: italic;
}
@media (max-width: 640px) {
		.newsArea .titleBox .Text .title {
				font-size: 16px;
		}
}
.newsArea .titleBox .Text .subtitle {
		color: #02152c;
		font-size: 50px;
		letter-spacing: 0.05em;
		font-weight: 800;
		margin: 10px 0 0;
}
@media (max-width: 1300px) {
		.newsArea .titleBox .Text .subtitle {
				font-size: 50px;
		}
}
@media (max-width: 1023px) {
		.newsArea .titleBox .Text .subtitle {
				font-size: 45px;
		}
}
@media (max-width: 640px) {
		.newsArea .titleBox .Text .subtitle {
				font-size: 25px;
				letter-spacing: 0;
		}
}
@media (max-width: 400px) {
		.newsArea .titleBox .Text .subtitle {
				font-size: 22px;
		}
}
.newsArea .classBox {
		margin: 50px 0 45px;
}
.newsArea .classBoxRow {
		background-color: transparent;
}
.newsArea .classBoxRow li {
		padding: 0 10px;
}
.newsArea .classBoxRow li > a {
		background-color: #fff;
		background: #fff;
		width: 185px;
		line-height: 48px;
		padding: 0;
		position: relative;
		border-radius: 4px;
		overflow: hidden;
		display: block;
		-webkit-box-shadow: 0px 0px 13px 0px rgba(240, 139, 21, 0);
		        box-shadow: 0px 0px 13px 0px rgba(240, 139, 21, 0);
}
@media (max-width: 1023px) {
		.newsArea .classBoxRow li > a {
				padding: 0px;
		}
}
@media (min-width: 1024px) {
		.newsArea .classBoxRow li > a:hover, .newsArea .classBoxRow li > a.current {
				-webkit-box-shadow: 0px 0px 13px 0px rgba(240, 139, 21, 0.8);
				        box-shadow: 0px 0px 13px 0px rgba(240, 139, 21, 0.8);
		}
		.newsArea .classBoxRow li > a:hover::after, .newsArea .classBoxRow li > a.current::after {
				opacity: 1;
				color: #ffffff;
				background-position: 100% 0;
		}
		.newsArea .classBoxRow li > a:hover span, .newsArea .classBoxRow li > a.current span {
				color: #fff;
		}
}
.newsArea .classBoxRow li > a::after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background-image: -webkit-gradient(linear, left top, right top, from(rgb(236, 131, 5)), color-stop(rgb(251, 200, 106)), color-stop(rgb(251, 200, 106)), to(rgb(236, 131, 5)));
		background-image: linear-gradient(90deg, rgb(236, 131, 5), rgb(251, 200, 106), rgb(251, 200, 106), rgb(236, 131, 5));
		background-size: 300% 100%;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		opacity: 0;
}
@media (max-width: 1023px) {
		.newsArea .classBoxRow li > a::after {
				display: none;
		}
}
.newsArea .classBoxRow li > a span {
		font-weight: 500;
		font-size: 16px;
		color: #747474;
		position: relative;
		z-index: 3;
		letter-spacing: 1.7;
}
.newsArea .newsBox {
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
}
.newsArea .newsBox.hide {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
}
.newsArea .newsBox .newsList > .newsItem {
		float: left;
		width: 20%;
}
.newsArea .newsBox .newsList > .newsItem:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
@media (max-width: 1023px) {
		.newsArea .newsBox .newsList > .newsItem {
				width: 33.3333333333%;
		}
		.newsArea .newsBox .newsList > .newsItem:nth-child(4):nth-child(5) {
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0;
		}
}
.newsArea .newsBox .newsItem {
		padding: 30px 20px;
		opacity: 0.6;
		-webkit-transform: scale(0.98);
		        transform: scale(0.98);
}
@media (max-width: 1180px) {
		.newsArea .newsBox .newsItem {
				width: 100%;
				padding: 30px 8px;
		}
}
.newsArea .newsBox .newsItem.slick-active {
		opacity: 1;
}
.newsArea .newsBox .newsItem.slick-center {
		margin: 0 0 0 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
}
.newsArea .newsBox .newsItem.slick-center .item {
		-webkit-box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0.2);
		        box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0.2);
}
.newsArea .newsBox .newsItem.slick-center .classTitle {
		border: 1px solid #29b8ed;
		background-color: #29b8ed;
}
.newsArea .newsBox .item {
		position: relative;
		background-color: #fff;
		padding: 0 0 10px;
		border-radius: 4px;
		overflow: hidden;
		-webkit-box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0);
		        box-shadow: 0px 4px 28px 0px rgba(21, 21, 21, 0);
}
.newsArea .newsBox .Img {
		width: 100%;
}
.newsArea .newsBox .Img img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.newsArea .newsBox .classTitle {
		position: absolute;
		right: 10px;
		top: 10px;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 4px;
		padding: 8px 20px;
}
.newsArea .Txt {
		padding: 0px 25px 25px;
		text-align: left;
		margin: 25px 15px 15px;
		position: relative;
}
.newsArea .Txt::before {
		content: "";
		position: absolute;
		width: 8px;
		height: 100%;
		background-color: #e5e5e5;
		top: 0;
		left: 0;
}
.newsArea .Txt .title a {
		display: block;
		font-weight: 400;
		font-size: 20px;
		height: 60px;
		color: #02152c;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 8px;
}
.newsArea .Txt .text {
		height: 60px;
		font-size: 15px;
		color: #606060;
		line-height: 1.8;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
.newsArea .Txt .date {
		color: #29b8ed;
		font-size: 13px;
		font-family: "Plus Jakarta Sans";
		font-weight: 800;
}
.newsArea .controlBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1150px;
		width: 100%;
		margin: 100px auto 0;
}
@media (max-width: 1180px) {
		.newsArea .controlBox {
				max-width: none;
				width: 100%;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				margin: 40px auto 0;
		}
}
.newsArea .controlBox .arrow {
		font-family: "Plus Jakarta Sans";
		font-size: 13px;
		font-weight: 800;
		margin: 0 25px;
		position: relative;
		z-index: 3;
		cursor: pointer;
}
.newsArea .controlBox .arrow:hover {
		color: #EE8A0C;
}
@media (max-width: 1180px) {
		.newsArea .controlBox .arrow {
				width: 40px;
				height: 40px;
				border-radius: 50%;
				overflow: hidden;
				position: relative;
				margin: 0 20px;
				cursor: pointer;
				background-color: #c1c1c1;
				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;
				font-family: "Poppins";
		}
}
@media (max-width: 1180px) and (max-width: 640px) {
		.newsArea .controlBox .arrow {
				margin: 0 10px;
		}
}
@media (max-width: 1180px) {
		.newsArea .controlBox .arrow .text {
				display: none;
		}
}
@media (max-width: 1180px) {
		.newsArea .controlBox .arrow::after {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				content: "";
				background-image: -webkit-gradient(linear, left top, right top, from(rgb(5, 81, 152)), color-stop(rgb(28, 166, 197)), color-stop(rgb(28, 166, 197)), to(rgb(5, 81, 152)));
				background-image: linear-gradient(90deg, rgb(5, 81, 152), rgb(28, 166, 197), rgb(28, 166, 197), rgb(5, 81, 152));
				background-size: 300% 100%;
				-webkit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;
				opacity: 0;
		}
}
@media (max-width: 1180px) {
		.newsArea .controlBox .arrow:hover::after {
				opacity: 1;
		}
}
@media (max-width: 1180px) and (max-width: 1180px) {
		.newsArea .controlBox .arrow:hover::after {
				opacity: 0;
		}
}
@media (max-width: 1180px) {
		.newsArea .controlBox .arrowPrev::before {
				content: "<";
				color: #fff;
				font-size: 20px;
				z-index: 2;
		}
}
@media (max-width: 1180px) {
		.newsArea .controlBox .arrowNext::before {
				content: ">";
				color: #fff;
				font-size: 20px;
				z-index: 2;
		}
}
.newsArea .controlBox .slider {
		width: 80%;
		height: 1px;
		background-color: #dadada;
		margin: 0 auto;
}
@media (max-width: 1180px) {
		.newsArea .controlBox .slider {
				display: none;
		}
}
.newsArea .controlBox .slider .ui-slider-handle {
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin-left: -25px;
		margin-top: -25px;
		background-color: #29b8ed;
		cursor: pointer;
		position: relative;
		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;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
}
.newsArea .controlBox .slider .ui-slider-handle::before {
		content: "<>";
		position: absolute;
		font-family: "Poppins";
		color: #fff;
		font-size: 20px;
}

.processArea {
		background-color: #010d1b;
		width: 100%;
		position: relative;
		padding: 170px 0 300px;
		background-image: url("../images/process_top_bg.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: top;
}
@media (max-width: 768px) {
		.processArea {
				padding: 170px 0 100px;
				-webkit-transform: translateY(-100px);
				        transform: translateY(-100px);
		}
}
.processArea > .wrap {
		max-width: 1240px;
		width: 100%;
		position: relative;
}
.processArea .titleBox {
		text-align: left;
		width: 100%;
}
.processArea .titleBox .Txt::before {
		background-color: #fff;
		margin: 0;
		right: unset;
}
@media (max-width: 1200px) {
		.processArea .titleBox .Txt::before {
				right: 0;
				margin: 0 auto;
		}
}
.processArea .titleBox .subtitle {
		color: #fff;
		letter-spacing: 0;
}
.processArea .processBox {
		position: relative;
		padding: 0;
		margin: 0;
		top: -80px;
}
@media (max-width: 1180px) {
		.processArea .processBox {
				top: 0;
		}
}
@media (max-width: 1023px) {
		.processArea .processBox {
				top: -50px;
		}
}
.processArea .processBox .bigBox {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
}
.processArea .processBox .bigBox.fix {
		position: fixed;
}
.processArea .processBox .bigBox.bottom {
		position: absolute;
		bottom: 0;
		top: auto;
}
.processArea .processBox .wrap {
		position: relative;
		max-width: 100%;
}
@media (max-width: 1200px) {
		.processArea .processBox .wrap {
				padding: 0;
		}
}
.processArea .processBox .fixedBox {
		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;
		width: 100%;
		max-width: 1240px;
		margin: 0 auto;
		height: 90vh;
}
@media (max-width: 1200px) {
		.processArea .processBox .fixedBox {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				height: auto;
		}
}
.processArea .processBox .leftBox {
		width: 60%;
		position: relative;
		top: 150px;
}
@media (max-width: 1200px) {
		.processArea .processBox .leftBox {
				width: 100%;
				top: 0;
		}
}
.processArea .processBox .rightBox {
		width: 40%;
}
@media (max-width: 1200px) {
		.processArea .processBox .rightBox {
				width: 100%;
				padding: 0 20px;
		}
}
@media (max-width: 1023px) {
		.processArea .processBox .rightBox {
				margin: -20% 0 0;
		}
}
.processArea .star {
		position: absolute;
		bottom: 400px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		height: 50%;
		-webkit-animation: star 1.8s linear infinite;
		        animation: star 1.8s linear infinite;
		display: block;
}
@media (max-width: 1200px) {
		.processArea .star {
				display: none;
		}
}
.processArea .processImgList {
		width: 755px;
		height: 600px;
		position: relative;
		z-index: 3;
}
@media (max-width: 1200px) {
		.processArea .processImgList {
				max-width: 755px;
				width: 100%;
				height: 100%;
				margin: 0 auto;
		}
}
.processArea .processImgList .processImgItem {
		position: relative;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		opacity: 0;
		z-index: 4;
}
@media (max-width: 1200px) {
		.processArea .processImgList .processImgItem {
				top: 0 !important;
		}
}
.processArea .processImgList .processImgItem.show {
		opacity: 1;
		top: 0;
		left: 0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
		-webkit-transition: all 0.4s ease-in;
		transition: all 0.4s ease-in;
}
.processArea .processImgList .processImgItem.show.active .icon {
		opacity: 1;
		-webkit-transition-delay: 0.6s;
		        transition-delay: 0.6s;
}
.processArea .processImgList .processImgItem.show.active .light {
		-webkit-animation: lightOpacity 0.4s 0.2s ease-in-out forwards;
		        animation: lightOpacity 0.4s 0.2s ease-in-out forwards;
}
.processArea .processImgList .processImgItem:not(:first-child) {
		position: absolute;
}
.processArea .processImgList .processImgItem:nth-of-type(1) {
		top: -20px;
		z-index: 2;
}
.processArea .processImgList .processImgItem:nth-of-type(2) {
		top: -45px;
		z-index: 3;
}
.processArea .processImgList .processImgItem:nth-of-type(3) {
		top: -70px;
		z-index: 4;
}
.processArea .processImgList .processImgItem:nth-of-type(4) {
		top: -95px;
		z-index: 5;
}
.processArea .processImgList .processImgItem:nth-of-type(5) {
		top: -120px;
		z-index: 6;
}
.processArea .processImgList .processImgItem:nth-of-type(6) {
		top: -145px;
		z-index: 7;
}
.processArea .processImgList .processImgItem.slick-current .icon {
		opacity: 1;
		-webkit-transition-delay: 0.6s;
		        transition-delay: 0.6s;
}
.processArea .processImgList .processImgItem.slick-current .light {
		-webkit-animation: lightOpacity 0.7s 0.3s ease-in-out forwards;
		        animation: lightOpacity 0.7s 0.3s ease-in-out forwards;
}
.processArea .processImgList .picBox {
		position: relative;
		z-index: 4;
}
.processArea .processImgList .picBox .icon {
		position: absolute;
		bottom: 155px;
		left: 51%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		opacity: 0;
		z-index: 3;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		width: 350px;
		height: 350px;
		overflow: hidden;
}
@media (max-width: 1024px) {
		.processArea .processImgList .picBox .icon {
				width: 300px;
				height: 300px;
				bottom: 100px;
				left: 48%;
		}
}
@media (max-width: 1023px) {
		.processArea .processImgList .picBox .icon {
				opacity: 1;
				position: unset;
				-webkit-transform: translate(5%, 0%);
				        transform: translate(5%, 0%);
				margin: 0 auto;
				width: 350px;
				height: 350px;
		}
}
@media (max-width: 640px) {
		.processArea .processImgList .picBox .icon {
				width: 250px;
				height: 250px;
		}
}
.processArea .processImgList .picBox .icon img {
		position: absolute;
		bottom: 0;
		left: 0;
}
@media (max-width: 1023px) {
		.processArea .processImgList .picBox .icon img {
				position: unset;
				width: 100%;
				display: block;
				-webkit-backface-visibility: hidden;
				        backface-visibility: hidden;
		}
}
.processArea .processImgList .picBox .light {
		position: absolute;
		left: 51%;
		bottom: 0px;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		mix-blend-mode: color-dodge;
		width: 100%;
		height: 0;
		overflow: hidden;
}
@media (max-width: 1024px) {
		.processArea .processImgList .picBox .light {
				width: 80%;
				margin: 0 auto;
				left: 50%;
		}
		.processArea .processImgList .picBox .light img {
				width: 100%;
				display: block;
				-webkit-backface-visibility: hidden;
				        backface-visibility: hidden;
		}
}
@media (max-width: 1023px) {
		.processArea .processImgList .picBox .light {
				display: none;
		}
}
.processArea .processImgList .picBox .light img {
		position: absolute;
		bottom: 0;
		left: 0;
}
@media (max-width: 1024px) {
		.processArea .processImgList .picBox .bg_bottom {
				width: 80%;
				margin: 0 auto;
		}
		.processArea .processImgList .picBox .bg_bottom img {
				width: 100%;
				display: block;
				-webkit-backface-visibility: hidden;
				        backface-visibility: hidden;
		}
}
@media (max-width: 1023px) {
		.processArea .processImgList .picBox .bg_bottom {
				width: 100%;
				display: none;
		}
}
@-webkit-keyframes lightOpacity {
		0% {
				height: 0;
				opacity: 0;
		}
		100% {
				height: 100%;
				opacity: 1;
		}
}
@keyframes lightOpacity {
		0% {
				height: 0;
				opacity: 0;
		}
		100% {
				height: 100%;
				opacity: 1;
		}
}
.processArea .ImgBgBox {
		position: absolute;
		max-width: 1394px;
		left: -43%;
		bottom: -146px;
		pointer-events: none;
		z-index: 2;
}
@media (min-width: 1024px) {
		.processArea .ImgBgBox .mb {
				display: none;
		}
}
@media (max-width: 1200px) {
		.processArea .ImgBgBox {
				max-width: 1394px;
				width: 100%;
				left: 0;
				right: 0;
				margin: 0 auto;
				bottom: -240px;
		}
		.processArea .ImgBgBox .pc {
				width: 100%;
				display: block;
				-webkit-backface-visibility: hidden;
				        backface-visibility: hidden;
		}
}
@media (max-width: 1023px) {
		.processArea .ImgBgBox {
				width: 100%;
				position: relative;
				left: 0;
				bottom: 0;
				margin: -45% 0 0 0;
		}
		.processArea .ImgBgBox .pc {
				display: none;
		}
		.processArea .ImgBgBox .mb {
				width: 100%;
				display: block;
				-webkit-backface-visibility: hidden;
				        backface-visibility: hidden;
		}
}
@media (max-width: 640px) {
		.processArea .ImgBgBox {
				margin: -50% 0 0 0;
		}
}
.processArea .processTxtList {
		width: 100%;
		max-width: 700px;
		margin-left: auto;
		position: relative;
		-webkit-transition: 0s -webkit-transform;
		transition: 0s -webkit-transform;
		transition: 0s transform;
		transition: 0s transform, 0s -webkit-transform;
}
@media (max-width: 1680px) {
		.processArea .processTxtList {
				padding-right: 0px;
				max-width: 100%;
		}
}
@media (max-width: 1200px) {
		.processArea .processTxtList > .processItem:not(:first-child) {
				position: absolute;
				left: 0;
				top: 0;
				opacity: 0;
		}
}
.processArea .processTxtList .processItem {
		position: absolute;
		top: 0;
		left: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		max-width: 700px;
		opacity: 0;
		padding-top: 0px;
		padding-right: 0;
		pointer-events: none;
		-webkit-transform: translateY(-10px);
		        transform: translateY(-10px);
		padding: 0 0px;
		z-index: 1;
}
@media (max-width: 1680px) {
		.processArea .processTxtList .processItem {
				padding-right: 70px;
				left: 0;
				right: auto;
		}
}
@media (max-width: 1200px) {
		.processArea .processTxtList .processItem {
				position: relative;
				top: 0;
				left: 0;
				opacity: 1;
				padding: 0;
				max-width: none;
				z-index: 3;
				pointer-events: auto;
		}
}
@media (max-width: 1023px) {
		.processArea .processTxtList .processItem {
				padding: 60px 0 0 0;
		}
}
.processArea .processTxtList .processItem:first-child {
		position: relative;
}
.processArea .processTxtList .processItem.show {
		pointer-events: auto;
		z-index: 2;
		-webkit-animation: currentOpacity 0.5s forwards ease-out;
		        animation: currentOpacity 0.5s forwards ease-out;
}
.processArea .processTxtList .processItem.show .TxtBox .tit {
		text-shadow: 0px 0px 10px rgba(103, 209, 224, 0.58);
}
.processArea .processTxtList .processItem.show .TxtBox .textBox .title {
		text-shadow: 0px 0px 3px rgb(103, 209, 224);
}
.processArea .processTxtList .processItem.show .TxtBox .textBox .subtitle {
		text-shadow: 0px 0px 3px rgb(103, 209, 224);
}
@-webkit-keyframes currentOpacity {
		0% {
				-webkit-transform: translateX(-10px);
				        transform: translateX(-10px);
				opacity: 0;
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
				opacity: 1;
		}
}
@keyframes currentOpacity {
		0% {
				-webkit-transform: translateX(-10px);
				        transform: translateX(-10px);
				opacity: 0;
		}
		100% {
				-webkit-transform: translateX(0);
				        transform: translateX(0);
				opacity: 1;
		}
}
.processArea .processTxtList .TxtBox {
		width: 100%;
}
@media (max-width: 1200px) {
		.processArea .processTxtList .TxtBox {
				position: relative;
				z-index: 3;
		}
}
.processArea .processTxtList .TxtBox .num {
		font-size: 180px;
		font-family: "Plus Jakarta Sans";
		font-weight: 800;
		-webkit-text-stroke: 1px #29b9ee;
		color: #010d1b;
		font-style: italic;
		opacity: 0.2;
		position: absolute;
		top: -90px;
		right: -90px;
		text-shadow: 0px 4px 10.66px rgba(103, 209, 224, 0.58);
}
@media (max-width: 1400px) {
		.processArea .processTxtList .TxtBox .num {
				top: -90px;
				right: 0px;
		}
}
@media (max-width: 1200px) {
		.processArea .processTxtList .TxtBox .num {
				top: 0;
		}
}
@media (max-width: 1023px) {
		.processArea .processTxtList .TxtBox .num {
				left: 0;
				top: -75px;
				margin: 0 auto;
				text-align: center;
				font-size: 120px;
		}
}
.processArea .processTxtList .TxtBox .tit {
		color: #fff;
		font-size: 36px;
		font-weight: 800;
		line-height: 1.2;
		letter-spacing: 0.5px;
		font-family: "Plus Jakarta Sans";
		height: 100px;
		width: 100%;
}
@media (max-width: 1180px) {
		.processArea .processTxtList .TxtBox .tit {
				font-size: 24px;
				padding: 40px 0 0;
		}
}
@media (max-width: 1023px) {
		.processArea .processTxtList .TxtBox .tit {
				text-align: center;
		}
}
.processArea .processTxtList .TxtBox .textBox {
		text-align: left;
		height: 200px;
}
@media (max-width: 1023px) {
		.processArea .processTxtList .TxtBox .textBox {
				text-align: center;
				height: 200px;
		}
}
.processArea .processTxtList .TxtBox .textBox .title {
		color: #29b8ed;
		font-size: 32px;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 0.5px;
		margin: 10px 0 30px;
}
@media (max-width: 1180px) {
		.processArea .processTxtList .TxtBox .textBox .title {
				font-size: 26px;
		}
}
.processArea .processTxtList .TxtBox .textBox .subtitle {
		color: #fff;
		display: block;
		font-size: 19px;
		line-height: 1.2;
		letter-spacing: 0.5px;
		position: relative;
}
@media (max-width: 1180px) {
		.processArea .processTxtList .TxtBox .textBox .subtitle {
				font-size: 17px;
		}
}
.processArea .processTxtList .TxtBox .textBox .text {
		color: #d8d8d8;
		display: block;
		font-size: 15px;
		line-height: 1.5;
		letter-spacing: 0.5px;
		margin-top: 15px;
}
.processArea .processTxtList .processControlBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		width: 100%;
		position: relative;
		z-index: 10;
		pointer-events: auto;
}
@media (max-width: 1200px) {
		.processArea .processTxtList .processControlBox {
				position: absolute;
				bottom: 0;
				left: 0;
		}
}
@media (max-width: 1023px) {
		.processArea .processTxtList .processControlBox {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				position: relative;
				z-index: 5;
		}
}
.processArea .processTxtList .processControlBox .btn {
		width: 180px;
		height: 55px;
}
.processArea .processTxtList .processControlBox .btn:hover a {
		background-color: #fff;
		-webkit-box-shadow: 0 3px 10px rgba(255, 255, 255, 0.5);
		        box-shadow: 0 3px 10px rgba(255, 255, 255, 0.5);
		color: #29b8ed;
}
@media (max-width: 1023px) {
		.processArea .processTxtList .processControlBox .btn {
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
				margin: 0 0 40px 0;
				pointer-events: auto;
		}
}
.processArea .processTxtList .processControlBox .btn a {
		color: #fff;
		border: 2px solid #fff;
		display: inline-block;
		letter-spacing: 0.5px;
		text-align: center;
		line-height: 55px;
		width: 180px;
		border-radius: 4px;
}
.processArea .processTxtList .processControlBox .pageBox {
		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: 70px;
		margin: 0 0 0 40px;
}
@media (max-width: 1023px) {
		.processArea .processTxtList .processControlBox .pageBox {
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
				margin: 0px 0 40px 0;
		}
}
.processArea .processTxtList .processControlBox .pageBox div {
		display: block;
		text-align: center;
		font-family: "Plus Jakarta Sans";
		color: #a7a7a7;
		font-size: 16px;
		font-weight: 600;
		padding: 5px 15px;
		font-weight: bold;
		letter-spacing: 0.8px;
}
.processArea .processTxtList .processControlBox .pageBox div.currentPage {
		color: #29b8ed;
		position: relative;
}
.processArea .processTxtList .processControlBox .pageBox span {
		color: #a7a7a7;
		margin: 0 5px;
}
.processArea .processTxtList .slick-dots {
		bottom: -5%;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
}
.processArea .processTxtList .slick-dots li {
		width: 20px;
		height: 20px;
		margin: 0 20px;
		border-radius: 50%;
		position: relative;
}
.processArea .processTxtList .slick-dots li button {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background-color: #afe7fc;
		border: 3px solid transparent;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		position: relative;
}
.processArea .processTxtList .slick-dots li button::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 13px;
		height: 13px;
		border-radius: 50%;
		background-color: #afe7fc;
		opacity: 1;
		z-index: 2;
}
.processArea .processTxtList .slick-dots li:not(:last-child)::after {
		content: "";
		position: absolute;
		height: 1px;
		width: 65px;
		margin: 0 auto;
		left: 10px;
		right: 0;
		top: 6px;
		background-color: rgba(255, 255, 255, 0.32);
		display: block;
		-webkit-transition: background-color all 0.5s ease-in-out;
		transition: background-color all 0.5s ease-in-out;
}
.processArea .processTxtList .slick-dots li.slick-active button {
		border: 3px solid #29b9ee;
		background-color: #0d2849;
}
.processArea .processTxtList .slick-dots li.slick-active button::before {
		background-color: #0d2849;
		opacity: 1;
}
.processArea .fixedSideBox {
		position: absolute;
		z-index: 5;
		opacity: 1;
		top: 60%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		right: 90px;
}
@media (max-width: 1440px) {
		.processArea .fixedSideBox {
				right: 45px;
		}
}
@media (max-width: 1366px) {
		.processArea .fixedSideBox {
				right: 15px;
		}
}
@media (max-width: 1200px) {
		.processArea .fixedSideBox {
				display: none;
		}
}
.processArea .fixedSideBox .fixedDots {
		width: 20px;
		height: 20px;
		display: block;
		margin: 0 auto 50px;
		position: relative;
		padding: 10px;
		cursor: pointer;
}
.processArea .fixedSideBox .fixedDots .dots {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #afe7fc;
		border: 3px solid transparent;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.processArea .fixedSideBox .fixedDots::before {
		content: "";
		background-image: url("../images/dot_light.png");
		background-repeat: no-repeat;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 123px;
		height: 123px;
		display: block;
		margin: auto;
		opacity: 0;
		pointer-events: none;
}
.processArea .fixedSideBox .fixedDots:not(:last-child)::after {
		content: "";
		position: absolute;
		height: 60px;
		width: 1px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 15px;
		background-color: #123b6c;
		z-index: -1;
		display: block;
		-webkit-transition: background-color all 0.5s ease-in-out;
		transition: background-color all 0.5s ease-in-out;
}
.processArea .fixedSideBox .fixedDots.current .dots {
		width: 20px;
		height: 20px;
		border-color: #29b9ee;
		background-color: #0d2849;
}
.processArea .fixedSideBox .fixedDots.current::before {
		opacity: 1;
}
.processArea .fixedSideBox .fixedDots.current::after {
		background: #29b8ed;
}
.processArea .fixedSideBox .fixedDots.current .text {
		color: #29b8ed;
}
.processArea .fixedSideBox.process {
		position: absolute;
		top: 40%;
		left: 90px;
		bottom: auto;
		right: auto;
		height: 50vh;
		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;
		-webkit-transition: 0s all;
		transition: 0s all;
}
@media (max-width: 1680px) {
		.processArea .fixedSideBox.process {
				left: 20px;
		}
}
@media (max-width: 1180px) {
		.processArea .fixedSideBox.process {
				display: none;
		}
}
.processArea .fixedSideBox.process .fixedDots .text {
		-webkit-transform: translateY(50%);
		        transform: translateY(50%);
}

.uniqueArea {
		padding: 250px 0 0;
		background-image: url("../images/service_bg.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto;
		width: 100%;
		min-height: 1130px;
		background-color: #010d1b;
		-webkit-transform: translateY(-225px);
		        transform: translateY(-225px);
}
@media (max-width: 1023px) {
		.uniqueArea {
				-webkit-transform: translateY(-200px);
				        transform: translateY(-200px);
				padding: 0px 0 0;
				min-height: 780px;
				background-position: bottom;
		}
}
.uniqueArea .wrap {
		position: relative;
		z-index: 2;
}
@media (max-width: 1600px) {
		.uniqueArea .wrap {
				padding: 0 20px;
		}
}
.uniqueArea .titleBox .subtitle {
		color: #010d1b;
}
.uniqueArea .uniqueList {
		width: 100%;
}
@media (max-width: 1500px) {
		.uniqueArea .uniqueList {
				padding: 0 60px;
		}
}
@media (max-width: 1180px) {
		.uniqueArea .uniqueList {
				padding: 0 0px;
		}
}
.uniqueArea .uniqueList.slick-slider {
		margin: 0;
}
.uniqueArea .uniqueList > .uniqueItem {
		float: left;
		width: 20%;
}
.uniqueArea .uniqueList > .uniqueItem:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
@media (max-width: 1280px) {
		.uniqueArea .uniqueList > .uniqueItem {
				width: 25%;
		}
		.uniqueArea .uniqueList > .uniqueItem:nth-child(5) {
				opacity: 0;
		}
}
@media (max-width: 1022px) {
		.uniqueArea .uniqueList > .uniqueItem {
				width: 33.3333333333%;
		}
		.uniqueArea .uniqueList > .uniqueItem:nth-child(4) {
				opacity: 0;
		}
}
@media (max-width: 640px) {
		.uniqueArea .uniqueList > .uniqueItem {
				width: 100%;
		}
		.uniqueArea .uniqueList > .uniqueItem:nth-child(3):nth-child(2) {
				opacity: 0;
		}
}
.uniqueArea .uniqueList .uniqueItem {
		position: relative;
		padding: 80px 0px;
}
@media (max-width: 1023px) {
		.uniqueArea .uniqueList .uniqueItem {
				padding: 80px 8px;
		}
}
@media (max-width: 1023px) {
		.uniqueArea .uniqueList .uniqueItem.slick-center .item {
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
		.uniqueArea .uniqueList .uniqueItem.slick-center .item .ImgIcon {
				background-image: url("../images/unique_icon_bg_hover.png");
		}
}
.uniqueArea .uniqueList .item {
		width: 100%;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-radius: 5px;
		padding: 0 40px 10px;
		-webkit-transform: scale(0.85);
		        transform: scale(0.85);
}
@media (max-width: 640px) {
		.uniqueArea .uniqueList .item {
				-webkit-transform: scale(0.9);
				        transform: scale(0.9);
				padding: 0 20px 10px;
		}
}
.uniqueArea .uniqueList .item:hover {
		-webkit-transform: scale(1);
		        transform: scale(1);
}
.uniqueArea .uniqueList .item:hover .ImgIcon {
		background-image: url("../images/unique_icon_bg_hover.png");
}
.uniqueArea .uniqueList .ImgIcon {
		background-image: url("../images/unique_icon_bg.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width: 140px;
		height: 153px;
		padding: 20px;
		margin: -80px 0 0;
}
.uniqueArea .uniqueList .ImgIcon a {
		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;
		padding: 20px;
		width: 100%;
}
.uniqueArea .uniqueList .ImgIcon img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.uniqueArea .uniqueList .Img {
		margin: 15px 0 20px;
}
.uniqueArea .uniqueList .Img img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.uniqueArea .uniqueList .Txt {
		width: 100%;
}
.uniqueArea .uniqueList .Txt .title {
		text-align: center;
		position: relative;
		padding: 10px 0 25px;
		height: 80px;
		width: 100%;
}
.uniqueArea .uniqueList .Txt .title::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 50px;
		height: 5px;
		background-color: #e5e5e5;
}
.uniqueArea .uniqueList .Txt .title a {
		font-size: 21px;
		color: #02152c;
		text-align: center;
		width: 100%;
		display: block;
}
.uniqueArea .slick-arrow {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		cursor: pointer;
		z-index: 10;
		opacity: 1 !important;
		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;
		background-color: #c1c1c1;
		border-radius: 50%;
}
@media (max-width: 1180px) {
		.uniqueArea .slick-arrow {
				display: none;
		}
}
.uniqueArea .slick-arrow:hover, .uniqueArea .slick-arrow:focus {
		color: #c1c1c1;
		outline: none;
		background: #c1c1c1;
}
.uniqueArea .slick-arrow:hover::after, .uniqueArea .slick-arrow:focus::after {
		opacity: 1;
}
.uniqueArea .slick-arrow::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 30px;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		font-family: "Poppins";
		font-size: 20px;
		opacity: 1 !important;
		z-index: 2;
}
.uniqueArea .slick-arrow::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-image: -webkit-gradient(linear, left top, right top, from(rgb(236, 131, 5)), color-stop(rgb(251, 200, 106)), color-stop(rgb(251, 200, 106)), to(rgb(236, 131, 5)));
		background-image: linear-gradient(90deg, rgb(236, 131, 5), rgb(251, 200, 106), rgb(251, 200, 106), rgb(236, 131, 5));
		background-size: 300% 100%;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		opacity: 0;
}
.uniqueArea .slick-arrow.slick-prev {
		left: -70px;
}
@media (max-width: 1600px) {
		.uniqueArea .slick-arrow.slick-prev {
				left: -35px;
		}
}
@media (max-width: 1500px) {
		.uniqueArea .slick-arrow.slick-prev {
				left: 0;
		}
}
.uniqueArea .slick-arrow.slick-prev::before {
		content: "<";
}
.uniqueArea .slick-arrow.slick-next {
		right: -70px;
}
@media (max-width: 1600px) {
		.uniqueArea .slick-arrow.slick-next {
				right: -35px;
		}
}
@media (max-width: 1500px) {
		.uniqueArea .slick-arrow.slick-next {
				right: 0;
		}
}
.uniqueArea .slick-arrow.slick-next::before {
		content: ">";
}
.uniqueArea .slick-dots {
		bottom: 0%;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
}
@media (max-width: 640px) {
		.uniqueArea .slick-dots {
				display: none;
		}
}
.uniqueArea .slick-dots li {
		width: 15px;
		height: 15px;
		margin: 0 20px;
		border-radius: 50%;
		position: relative;
}
@media (max-width: 640px) {
		.uniqueArea .slick-dots li {
				margin: 0 10px;
		}
}
.uniqueArea .slick-dots li button {
		width: 14px;
		height: 14px;
		padding: 0;
		border-radius: 50%;
		background-color: #bfbfbf;
		border: 3px solid rgba(0, 0, 0, 0);
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		position: relative;
}
.uniqueArea .slick-dots li button::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 0px;
		height: 0px;
		border-radius: 50%;
		background-color: #bfbfbf;
		opacity: 1;
}
.uniqueArea .slick-dots li:not(:last-child)::after {
		content: "";
		position: absolute;
		height: 1px;
		width: 70px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 5px;
		background-color: rgba(191, 191, 191, 0.32);
		z-index: -1;
		display: block;
		-webkit-transition: background-color all 0.5s ease-in-out;
		transition: background-color all 0.5s ease-in-out;
}
@media (max-width: 640px) {
		.uniqueArea .slick-dots li:not(:last-child)::after {
				width: 60px;
		}
}
.uniqueArea .slick-dots li.slick-active button {
		width: 14px;
		height: 14px;
		border: 3px solid #EE8A0C;
		background-color: #fff;
}
.uniqueArea .btn {
		margin: 0 auto;
		position: relative;
		top: 40px;
}

.caseArea {
		background-color: #fff;
		width: 100%;
		position: relative;
		padding: 0 0 280px 0;
		margin: -180px 0 0 0;
}
@media (max-width: 1180px) {
		.caseArea {
				margin: -150px 0 0 0;
				padding: 0 0 60px 0;
		}
}
.caseArea.show .cube.cube1 {
		-webkit-animation: caseScale 1s linear forwards;
		        animation: caseScale 1s linear forwards;
}
.caseArea.show .cube.cube2 {
		-webkit-animation: caseScale 1s 0.8s linear forwards;
		        animation: caseScale 1s 0.8s linear forwards;
}
.caseArea.show .ImgBox .Img {
		-webkit-animation: caseScale2 1s 0.4s linear forwards;
		        animation: caseScale2 1s 0.4s linear forwards;
}
.caseArea.show .ImgBox .ImgLogo {
		-webkit-animation: caseScale2 1s 1.2s linear forwards;
		        animation: caseScale2 1s 1.2s linear forwards;
}
.caseArea .wrap {
		position: relative;
		z-index: 2;
		max-width: 1400px;
}
@media (max-width: 1180px) {
		.caseArea .wrap {
				padding: 0px;
		}
}
.caseArea .titleBox {
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
		width: 50%;
		margin: 0 auto 0 0;
		padding: 0;
		z-index: 2;
}
@media (max-width: 1500px) {
		.caseArea .titleBox {
				left: 20px;
		}
}
@media (max-width: 1200px) {
		.caseArea .titleBox {
				position: relative;
				width: 100%;
				margin: 0 auto;
				left: 0;
		}
}
.caseArea .titleBox .Txt::before {
		display: none;
}
.caseArea .titleBox .subtitle {
		color: #02152c;
		letter-spacing: 0;
}
.caseArea .caseList {
		width: 100%;
		margin: 60px 0 0;
}
.caseArea .caseList > .caseItem:not(:first-child) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.caseArea .caseList .caseItem {
		position: relative;
}
.caseArea .caseList .item {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media (max-width: 1200px) {
		.caseArea .caseList .item {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.caseArea .caseList .ImgBox {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		width: 45%;
		position: relative;
		padding: 0 60px 160px;
}
@media (max-width: 1300px) {
		.caseArea .caseList .ImgBox {
				width: 40%;
		}
}
@media (max-width: 1200px) {
		.caseArea .caseList .ImgBox {
				width: 60%;
				padding: 0;
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
				margin: 0 auto;
		}
}
@media (max-width: 640px) {
		.caseArea .caseList .ImgBox {
				width: 100%;
		}
}
.caseArea .caseList .ImgBox .Img {
		-webkit-mask-image: url("../images/home_case_pic_mask.png");
		        mask-image: url("../images/home_case_pic_mask.png");
		-webkit-mask-size: contain;
		        mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		position: relative;
		width: 100%;
		opacity: 0;
}
@media (max-width: 1200px) {
		.caseArea .caseList .ImgBox .Img {
				width: 75%;
				margin: 0 auto;
		}
}
.caseArea .caseList .ImgBox .Img img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.caseArea .caseList .ImgBox .ImgLogo {
		position: absolute;
		bottom: 20%;
		left: -100px;
		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: 398px;
		height: 409px;
		background-image: url("../images/home_case_logo_bg.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		pointer-events: none;
		opacity: 0;
}
@media (max-width: 1280px) {
		.caseArea .caseList .ImgBox .ImgLogo {
				bottom: 5%;
		}
}
@media (max-width: 1200px) {
		.caseArea .caseList .ImgBox .ImgLogo {
				bottom: -5%;
		}
}
@media (max-width: 1023px) {
		.caseArea .caseList .ImgBox .ImgLogo {
				bottom: -15%;
		}
}
@media (max-width: 640px) {
		.caseArea .caseList .ImgBox .ImgLogo {
				width: 240px;
				height: 290px;
				left: -30px;
		}
}
@media (max-width: 360px) {
		.caseArea .caseList .ImgBox .ImgLogo {
				bottom: -35%;
		}
}
.caseArea .caseList .ImgBox .ImgLogo img {
		position: relative;
		z-index: 2;
		width: 35%;
}
.caseArea .caseList .leftBox {
		width: 50%;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		padding: 160px 100px 0 0;
}
@media (max-width: 1500px) {
		.caseArea .caseList .leftBox {
				padding: 160px 50px 0 0;
		}
}
@media (max-width: 1300px) {
		.caseArea .caseList .leftBox {
				width: 60%;
		}
}
@media (max-width: 1200px) {
		.caseArea .caseList .leftBox {
				width: 100%;
				padding: 0;
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
				padding: 60px 20px 0;
		}
}
@media (max-width: 1023px) {
		.caseArea .caseList .leftBox {
				padding: 60px 20px 0;
		}
}
.caseArea .caseList .leftBox .Txt {
		border-left: 8px solid #e5e5e5;
		padding: 0px 40px 20px 40px;
}
@media (max-width: 1200px) {
		.caseArea .caseList .leftBox .Txt {
				border: none;
				padding: 0px;
				text-align: center;
		}
}
.caseArea .caseList .leftBox .Txt .title {
		text-align: left;
		position: relative;
		padding: 0 80px 40px 0;
}
@media (max-width: 1200px) {
		.caseArea .caseList .leftBox .Txt .title {
				text-align: center;
				padding: 0px 0 15px;
		}
}
.caseArea .caseList .leftBox .Txt .title a {
		font-size: 24px;
		color: #02152c;
		text-align: left;
}
@media (max-width: 1200px) {
		.caseArea .caseList .leftBox .Txt .title a {
				font-size: 16px;
				text-align: center;
		}
}
.caseArea .caseList .leftBox .Txt .text {
		height: 100px;
		font-size: 16px;
		color: #606060;
		font-weight: 400;
		letter-spacing: 0.5px;
		line-height: 1.5;
}
.caseArea .caseList .leftBox .bottom {
		margin: 40px 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media (max-width: 640px) {
		.caseArea .caseList .leftBox .bottom {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
}
.caseArea .caseList .leftBox .bottom .caseControlBox {
		width: calc(100% - 200px);
		padding: 0 100px;
		position: relative;
}
@media (max-width: 640px) {
		.caseArea .caseList .leftBox .bottom .caseControlBox {
				width: 100%;
				padding: 0;
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
		}
}
@media (max-width: 640px) {
		.caseArea .caseList .leftBox .bottom .btn_color1 {
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
				margin: 20px 0 0;
		}
}
.caseArea .caseList .leftBox .arrowBox {
		z-index: 5;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.caseArea .caseList .leftBox .arrowBox .arrow {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		margin: 5px;
		cursor: pointer;
		background-color: #c1c1c1;
		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;
		font-family: "Poppins";
}
.caseArea .caseList .leftBox .arrowBox .arrow::after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		margin: auto;
		content: "";
		background-image: -webkit-gradient(linear, left top, right top, from(rgb(5, 81, 152)), color-stop(rgb(28, 166, 197)), color-stop(rgb(28, 166, 197)), to(rgb(5, 81, 152)));
		background-image: linear-gradient(90deg, rgb(5, 81, 152), rgb(28, 166, 197), rgb(28, 166, 197), rgb(5, 81, 152));
		background-size: 300% 100%;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		opacity: 0;
}
@media (max-width: 1180px) {
		.caseArea .caseList .leftBox .arrowBox .arrow::after {
				opacity: 1;
		}
}
@media (min-width: 1181px) {
		.caseArea .caseList .leftBox .arrowBox .arrow:hover::after {
				opacity: 1;
		}
}
.caseArea .caseList .leftBox .arrowBox .arrowPrev::before {
		content: "<";
		color: #fff;
		font-size: 20px;
		z-index: 2;
}
.caseArea .caseList .leftBox .arrowBox .arrowNext::before {
		content: ">";
		color: #fff;
		font-size: 20px;
		z-index: 2;
}
.caseArea .caseList .leftBox .pageBox {
		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: 80px;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
}
.caseArea .caseList .leftBox .pageBox div {
		display: block;
		text-align: center;
		font-family: "Plus Jakarta Sans";
		color: #a7a7a7;
		font-size: 16px;
		font-weight: 600;
		padding: 5px 15px;
		font-weight: bold;
		letter-spacing: 0.8px;
}
.caseArea .caseList .leftBox .pageBox div.currentPage {
		color: #02152c;
		position: relative;
}
.caseArea .cube {
		position: absolute;
}
@media (max-width: 1023px) {
		.caseArea .cube {
				width: 30%;
		}
}
.caseArea .cube img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.caseArea .cube.cube1 {
		top: 0;
		left: 0;
		opacity: 0;
		-webkit-transform: scale(0);
		        transform: scale(0);
}
@media (max-width: 640px) {
		.caseArea .cube.cube1 {
				left: 20px;
		}
}
.caseArea .cube.cube2 {
		bottom: 125px;
		right: 0;
		opacity: 0;
		-webkit-transform: scale(0);
		        transform: scale(0);
}
@media (max-width: 1280px) {
		.caseArea .cube.cube2 {
				bottom: 10%;
		}
}
@media (max-width: 640px) {
		.caseArea .cube.cube2 {
				right: 20px;
		}
}
.caseArea::before {
		content: "";
		position: absolute;
		background-image: url("../images/awardTopbg.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center;
		width: 100%;
		height: 517px;
		bottom: 0;
		left: 0;
}
@media (max-width: 1180px) {
		.caseArea::before {
				display: none;
		}
}

.awardArea {
		background-color: #f2f5f7;
		width: 100%;
		position: relative;
		z-index: 2;
		padding: 0 0 50px 0;
}
@media (max-width: 1180px) {
		.awardArea {
				padding: 60px 0;
		}
}
@media (max-width: 1023px) {
		.awardArea {
				padding: 40px 0 80px;
		}
}
.awardArea .wrap {
		position: relative;
		z-index: 2;
		max-width: 1240px;
}
.awardArea .titleBox {
		text-align: center;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		top: -240px;
		left: 0;
		right: 0;
}
@media (max-width: 1180px) {
		.awardArea .titleBox {
				position: unset;
		}
}
.awardArea .titleBox .Txt::before {
		background-color: #02152c;
}
.awardArea .titleBox .subtitle {
		color: #02152c;
		letter-spacing: 0;
}
.awardArea .awardBox {
		position: relative;
		top: -70px;
}
@media (max-width: 1180px) {
		.awardArea .awardBox {
				top: 0;
				margin: 40px 0 0 0;
		}
}
.awardArea .awardList {
		width: 100%;
}
.awardArea .awardList > .awardItem {
		float: left;
		width: 14.2857142857%;
}
.awardArea .awardList > .awardItem:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) :not(:nth-child(7)) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
@media (max-width: 1180px) {
		.awardArea .awardList > .awardItem {
				width: 20%;
		}
		.awardArea .awardList > .awardItem:not(:nth-child(6)):not(:nth-child(7)) {
				opacity: 0;
		}
}
.awardArea .awardList .awardItem {
		position: relative;
		padding: 20px 30px;
		cursor: pointer;
		-webkit-transform: scale(0.8);
		        transform: scale(0.8);
}
@media (max-width: 640px) {
		.awardArea .awardList .awardItem {
				padding: 20px 0px;
				-webkit-transform: scale(0.6);
				        transform: scale(0.6);
		}
}
@media (max-width: 360px) {
		.awardArea .awardList .awardItem {
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
}
.awardArea .awardList .awardItem.slick-center {
		-webkit-transform: scale(1.5);
		        transform: scale(1.5);
}
@media (max-width: 640px) {
		.awardArea .awardList .awardItem.slick-center {
				-webkit-transform: scale(1.2);
				        transform: scale(1.2);
		}
}
@media (max-width: 360px) {
		.awardArea .awardList .awardItem.slick-center {
				-webkit-transform: scale(0.9);
				        transform: scale(0.9);
		}
}
.awardArea .awardList .Img {
		width: 100%;
}
.awardArea .awardList .Img img {
		width: 100%;
		display: block;
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
}
.awardArea .awardInfoList {
		padding: 0 40px;
		width: 70%;
		margin: 0 auto !important;
}
@media (max-width: 1180px) {
		.awardArea .awardInfoList {
				padding: 0;
				width: 100%;
		}
}
.awardArea .awardInfoList.slick-slider {
		margin: 0;
}
.awardArea .awardInfoList > .awardItem {
		float: left;
		width: 100%;
}
.awardArea .awardInfoList > .awardItem:not(:first-child) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.awardArea .awardInfoList .awardItem {
		padding: 40px;
}
@media (max-width: 640px) {
		.awardArea .awardInfoList .awardItem {
				padding: 20px;
		}
}
.awardArea .awardInfoList .Txt {
		padding: 50px 60px;
		background-color: #fff;
		-webkit-box-shadow: 4px 0 30px rgba(21, 21, 21, 0.1);
		        box-shadow: 4px 0 30px rgba(21, 21, 21, 0.1);
}
@media (max-width: 640px) {
		.awardArea .awardInfoList .Txt {
				padding: 20px;
		}
}
.awardArea .awardInfoList .Txt .title {
		text-align: center;
		position: relative;
		font-size: 21px;
		color: #02152c;
		margin: 0 0 20px 0;
}
.awardArea .awardInfoList .Txt .text {
		font-size: 16px;
		color: #606060;
		text-align: center;
		height: 90px;
}
@media (max-width: 640px) {
		.awardArea .awardInfoList .Txt .text {
				height: 120px;
		}
}
.awardArea .slick-arrow {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		cursor: pointer;
		z-index: 10;
		opacity: 1 !important;
		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;
		background-color: #c1c1c1;
		border-radius: 50%;
}
@media (min-width: 1181px) {
		.awardArea .slick-arrow:hover, .awardArea .slick-arrow:focus {
				color: #c1c1c1;
				outline: none;
				background: #c1c1c1;
		}
		.awardArea .slick-arrow:hover::after, .awardArea .slick-arrow:focus::after {
				opacity: 1;
		}
}
.awardArea .slick-arrow::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 30px;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		font-family: "Poppins";
		font-size: 20px;
		opacity: 1 !important;
		z-index: 2;
}
.awardArea .slick-arrow::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-image: -webkit-gradient(linear, left top, right top, from(rgb(236, 131, 5)), color-stop(rgb(251, 200, 106)), color-stop(rgb(251, 200, 106)), to(rgb(236, 131, 5)));
		background-image: linear-gradient(90deg, rgb(236, 131, 5), rgb(251, 200, 106), rgb(251, 200, 106), rgb(236, 131, 5));
		background-size: 300% 100%;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		opacity: 0;
}
@media (max-width: 1180px) {
		.awardArea .slick-arrow::after {
				opacity: 1;
		}
}
.awardArea .slick-arrow.slick-prev {
		left: 0px;
}
@media (max-width: 1180px) {
		.awardArea .slick-arrow.slick-prev {
				left: 0;
		}
}
.awardArea .slick-arrow.slick-prev::before {
		content: "<";
}
.awardArea .slick-arrow.slick-next {
		right: 0px;
}
@media (max-width: 1180px) {
		.awardArea .slick-arrow.slick-next {
				right: 0;
		}
}
.awardArea .slick-arrow.slick-next::before {
		content: ">";
}
.awardArea .slick-dots {
		bottom: -5%;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
}
@media (max-width: 1180px) {
		.awardArea .slick-dots {
				bottom: -15%;
		}
}
@media (max-width: 640px) {
		.awardArea .slick-dots {
				display: none;
		}
}
.awardArea .slick-dots li {
		width: 15px;
		height: 15px;
		margin: 0 20px;
		border-radius: 50%;
		position: relative;
}
.awardArea .slick-dots li button {
		width: 14px;
		height: 14px;
		padding: 0;
		border-radius: 50%;
		background-color: #bfbfbf;
		border: 3px solid rgba(0, 0, 0, 0);
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		position: relative;
}
.awardArea .slick-dots li button::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 0px;
		height: 0px;
		border-radius: 50%;
		background-color: #bfbfbf;
		opacity: 1;
}
.awardArea .slick-dots li:not(:last-child)::after {
		content: "";
		position: absolute;
		height: 1px;
		width: 70px;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 5px;
		background-color: rgba(191, 191, 191, 0.32);
		z-index: -1;
		display: block;
		-webkit-transition: background-color all 0.5s ease-in-out;
		transition: background-color all 0.5s ease-in-out;
}
.awardArea .slick-dots li.slick-active button {
		width: 14px;
		height: 14px;
		border: 3px solid #29b8ed;
		background-color: #fff;
}

@media (max-width: 1180px) {
		.facArea .Txt {
				position: static;
				padding: 20px;
				opacity: 1;
				background-color: transparent;
		}
		.facArea .Txt .title a {
				color: #000;
		}
		.facArea .Txt .text {
				color: #000;
		}
}
@media (max-width: 960px) {
		.aboutArea .Img {
				width: 100%;
				margin-bottom: 30px;
		}
		.aboutArea .right {
				width: 100%;
				padding-left: 0;
				text-align: center;
		}
}
@media (max-width: 480px) {
		.linkArea .item {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
		.linkArea .Img {
				max-width: 280px;
		}
}