.videoArea .Img {
	transition:all .3s
}
.bannerArea .arrowBox .arrow,.bannerArea .arrowBox .arrow:after,.bannerArea .arrowBox .arrow:before,.bannerArea .socialBox .socialList li,.bannerArea .socialBox .socialList li a svg,.bussinessArea .businessListBtn .item,.newsArea .newsList .item,.newsArea .newsList .item:before,.provideArea .provideListIcon .Img img,.solutionArea .solutionTab .iconImg,.solutionArea .solutionTab .iconImg:before,.solutionArea .solutionTab .iconImg img,.solutionArea .solutionTab .iconTitle,.solutionArea .solutionTab .item:before,.videoArea .item2:before {
	transition:all .5s
}
.solutionArea .solutionTab .iconImg:after {
	transition:all .75s
}
@keyframes bannerTxtAnimation {
	0% {
	opacity:0;
	transform:translateY(10px)
}
to {
	opacity:1;
	transform:translateY(0)
}
}@keyframes progressBarHorizontal {
	0% {
	width:0
}
to {
	width:100%
}
}@keyframes progressBarVertical {
	0% {
	height:0
}
to {
	height:100%
}
}@keyframes progressCircleAnimation {
	0% {
	stroke-dashoffset:153.86
}
to {
	stroke-dashoffset:0
}
}@keyframes bannerScrollAnimation {
	0% {
	height:0
}
50% {
	height:100%;
	transform:translateY(0)
}
to {
	transform:translateY(100%)
}
}@keyframes rotate {
	to {
	transform:rotate(360deg)
}
}.popWin {
	position:fixed;
	left:0;
	top:0;
	z-index:500;
	width:100%;
	height:100vh;
	font-size:15px;
	line-height:1.8;
	box-sizing:border-box;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:all .7s
}
.popWin .mask {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	transition:all .7s
}
.popWin .inner {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:700px;
	max-width:90%;
	max-height:85vh;
	opacity:0;
	background-color:#fff;
	transition:all .7s
}
.popWin .popContent {
	max-height:85vh;
	overflow-y:auto
}
.popWin img {
	display:block;
	max-width:100%;
	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);
	border-radius:50%
}
.popWin .close:after,.popWin .close:before {
	content:'';
	position:absolute;
	left:11px;
	top:23px;
	width:25px;
	height:1px;
	background-color:#bca480
}
.popWin .close:before {
	transform:rotate(45deg)
}
.popWin.show {
	opacity:1;
	visibility:visible;
	pointer-events:auto
}
.popWin.show .inner,.popWin.show .mask {
	opacity:1
}
.popWin .close:after {
	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
}
.wrap {
	max-width:1200px
}
.bannerArea .bannerBox {
	position:relative
}
.bannerArea .bannerBox:before {
	content:"";
	width:300px;
	height:140px;
	display:block;
	background-image:url(../images/achivement_deco_dots.png);
	position:absolute;
	bottom:-10px;
	right:0
}
@media (max-width:840px) {
	.bannerArea .bannerBox:before {
	display:none
}
}.bannerArea .bannerVideoArea {
	width:100%;
	height:100%;
	height:calc(100vh - 80px);
	margin-bottom:80px;
	position:relative;
	z-index:2
}
.bannerArea .bannerVideoArea.hideVideoArea {
	display:none
}
.bannerArea .bannerVideoArea .Img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-2
}
.bannerArea .bannerVideoArea .Img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.bannerArea .bannerVideoArea .bannerVideo {
	position:relative;
	z-index:-1
}
.bannerArea .bannerVideoArea .Txt {
	max-width:1200px;
	width:100%;
	height:calc(100% - 110px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:0px 0 0px;
	z-index:20;
	position:absolute;
	top:0;
	left:calc(50% - 600px);
	opacity:1
}
.bannerArea .bannerVideoArea .Txt .textBox {
	display:flex;
	flex-direction:column
}
.bannerArea .bannerVideoArea .Txt .title {
	color:#fff;
	font-size:50px;
	font-weight:700;
	line-height:53px;
	letter-spacing:0px;
	text-shadow:0px 1px 5.46px rgba(0,0,0,0.24);
	opacity:1
}
.bannerArea .bannerVideoArea .Txt .subtitle {
	color:#fff;
	display:block;
	font-size:22px;
	font-weight:400;
	line-height:30px;
	letter-spacing:0px;
	margin-top:10px;
	text-shadow:0px 1px 5.46px rgba(0,0,0,0.34);
	opacity:1
}
.bannerArea .bannerVideoArea .Txt .text {
	color:#fff;
	display:block;
	line-height:1.5;
	letter-spacing:0.5px;
	margin-top:10px;
	opacity:1
}
.bannerArea .bannerVideoArea .Txt .bannerBtn {
	opacity:0;
	margin-top:50px;
	opacity:1
}
.bannerArea .bannerVideoArea .Txt .bannerBtn.crossBtn .text {
	margin-top:0;
	letter-spacing:1px
}
.bannerArea .bannerVideoArea .Txt .bannerVideo {
	display:none;
	display:block
}
.bannerArea .bannerVideoArea .Txt .bannerVideo.show {
	display:block
}
.bannerArea .bannerVideoArea .Txt .bannerVideo .videoBtn {
	width:100px;
	height:100px;
	border:1px solid #fff;
	border-radius:50%;
	cursor:pointer;
	position:absolute;
	bottom:150px;
	right:0
}
.bannerArea .bannerVideoArea .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 .bannerVideoArea .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 .bannerVideoArea .closeVideoBox {
	width:130px;
	height:130px;
	position:absolute;
	top:calc(50% - 100px);
	right:calc(50% - 650px);
	z-index:21;
	pointer-events:none
}
.bannerArea .bannerVideoArea .closeVideoBox .videoBtn:before {
	display:none
}
.bannerArea .bannerVideoArea .closeVideoBox .videoBtn .closeVideoBtn {
	pointer-events:painted;
	position:absolute;
	top:calc(50% - 40px);
	left:calc(50% - 40px);
	width:80px;
	height:80px;
	display:inline-block;
	text-align:center;
	padding:20px 0
}
.bannerArea .bannerVideoArea .closeVideoBox .videoBtn .closeVideoBtn .decoX {
	display:inline-block;
	width:18px;
	height:18px;
	position:relative;
	transform:rotate(45deg)
}
.bannerArea .bannerVideoArea .closeVideoBox .videoBtn .closeVideoBtn .decoX:before {
	content:"";
	width:23px;
	height:2px;
	display:block;
	position:absolute;
	top:calc(50% - 1px);
	left:calc(50% - 11.5px);
	background-color:#377dcd
}
.bannerArea .bannerVideoArea .closeVideoBox .videoBtn .closeVideoBtn .decoX:after {
	content:"";
	width:2px;
	height:23px;
	display:block;
	position:absolute;
	top:calc(50% - 11.5px);
	left:calc(50% - 1px);
	background-color:#377dcd
}
.bannerArea .bannerVideoArea .closeVideoBox .videoBtn .closeVideoBtn .closeTxt {
	display:inline-block;
	width:100%;
	color:#fff;
	font-size:12px;
	letter-spacing:0;
	overflow-anchor:600;
	line-height:15px;
	padding:4px 0
}
@media (max-width:1440px) {
	.bannerArea .bannerVideoArea .Txt {
	max-width:1000px;
	left:calc(50% - 500px)
}
.bannerArea .bannerVideoArea .closeVideoBox {
	right:calc(50% - 500px)
}
}@media (max-width:1180px) {
	.bannerArea .bannerVideoArea {
	display:none
}
}.bannerArea .listBox {
	position:relative
}
.bannerArea .listBox.videoMod {
	display:block;
	opacity:0;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:714px
}
.bannerArea .listBox.videoMod.videoClose {
	opacity:1;
	z-index:1;
	position:relative;
	top:0;
	height:auto
}
@media (max-width:1180px) {
	.bannerArea .listBox.videoMod {
	opacity:1;
	z-index:1;
	display:block;
	position:relative;
	top:0;
	width:100%;
	height:auto
}
}.bannerArea .bannerList {
	position:relative;
	z-index:1;
	width:100%
}
.bannerArea .bannerList.slick-dotted {
	margin-bottom:0
}
.bannerArea .bannerList.hideOtherPic li {
	opacity:0
}
.bannerArea .bannerList.hideOtherPic li:first-child {
	opacity:1
}
.bannerArea .bannerList.hideOtherPic .slick-dots-bottom li {
	opacity:1
}
.bannerArea .bannerItem {
	position:relative;
	padding-bottom:110px
}
.bannerArea .bannerItem .Txt {
	max-width:1200px;
	width:100%;
	height:calc(100% - 110px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:0px 0 0px;
	z-index:2;
	position:absolute;
	top:0;
	left:calc(50% - 600px)
}
.bannerArea .bannerItem .Txt .textBox {
	display:flex;
	flex-direction:column
}
.bannerArea .bannerItem .Txt .title {
	color:#fff;
	font-size:50px;
	font-weight:700;
	line-height:53px;
	letter-spacing:0px;
	text-shadow:0px 1px 5.46px rgba(0,0,0,0.24);
	opacity:0
}
.bannerArea .bannerItem .Txt .subtitle {
	color:#fff;
	display:block;
	font-size:22px;
	font-weight:400;
	line-height:30px;
	letter-spacing:0px;
	margin-top:10px;
	text-shadow:0px 1px 5.46px rgba(0,0,0,0.34);
	opacity:0
}
.bannerArea .bannerItem .Txt .text {
	color:#fff;
	display:block;
	line-height:1.5;
	letter-spacing:0.5px;
	margin-top:10px;
	opacity:0
}
.bannerArea .bannerItem .Txt .bannerBtn {
	opacity:0;
	margin-top:50px
}
.bannerArea .bannerItem .Txt .bannerBtn.crossBtn .text {
	margin-top:0;
	letter-spacing:1px;
	font-size:16px
}
.bannerArea .bannerItem .Txt .bannerVideo {
	display:none
}
.bannerArea .bannerItem .Txt .bannerVideo.show {
	display:block
}
.bannerArea .bannerItem .Txt .bannerVideo .videoBtn {
	width:100px;
	height:100px;
	border:1px solid #fff;
	border-radius:50%;
	cursor:pointer;
	position:absolute;
	bottom:150px;
	right:0
}
.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
}
@media (max-width:1200px) {
	.bannerArea .bannerItem .Txt {
	left:0;
	width:100%;
	padding:0 20px
}
.bannerArea .bannerItem .Txt .title {
	font-size:46px;
	line-height:48px
}
}@media (max-width:640px) {
	.bannerArea .bannerItem .Txt {
	text-align:center;
	padding-bottom:80px
}
.bannerArea .bannerItem .Txt .title {
	font-size:40px;
	line-height:42px
}
.bannerArea .bannerItem .Txt .subtitle {
	font-size:20px;
	line-height:26px
}
.bannerArea .bannerItem .Txt .bannerBtn {
	margin:20px auto 0
}
}@media (max-width:440px) {
	.bannerArea .bannerItem .Txt {
	text-align:center
}
.bannerArea .bannerItem .Txt .title {
	font-size:30px;
	line-height:32px
}
.bannerArea .bannerItem .Txt .subtitle {
	font-size:18px;
	line-height:22px;
	margin-top:5px
}
.bannerArea .bannerItem .Txt .bannerBtn {
	margin:10px auto 0
}
}@media (max-width:375px) {
	.bannerArea .bannerItem .Txt {
	padding-bottom:40px
}
}.bannerArea .bannerItem .Img {
	position:relative;
	z-index:1;
	width:100%;
	height:610px;
	height:auto
}
.bannerArea .bannerItem .Img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
@media (max-width:1180px) {
	.bannerArea .bannerItem .Img {
	height:100%;
}
}@media (max-width:640px) {
	.bannerArea .bannerItem .Img {
	//height:100%;
	height:585px;
}
}.bannerArea .bannerItem .productImg {
	position:absolute;
	bottom:10px;
	right:118px;
	z-index:2;
	opacity:0
}
.bannerArea .bannerItem .productImg img {
	display:block;
	width:100%
}
@media (max-width:1600px) {
	.bannerArea .bannerItem .productImg {
	bottom:40px;
	right:80px
}
}@media (max-width:1440px) {
	.bannerArea .bannerItem .productImg {
	width:540px
}
}@media (max-width:1180px) {
	.bannerArea .bannerItem .productImg {
	width:500px;
	bottom:20px;
	right:50px
}
}@media (max-width:960px) {
	.bannerArea .bannerItem .productImg {
	width:460px
}
}@media (max-width:840px) {
	.bannerArea .bannerItem .productImg {
	width:420px
}
}@media (max-width:640px) {
	.bannerArea .bannerItem .productImg {
	width:380px;
	right:calc(50% - 190px)
}
}@media (max-width:480px) {
	.bannerArea .bannerItem .productImg {
	width:calc(100% - 40px);
	max-width:calc(100% - 40px);
	right:20px
}
}.bannerArea .bannerItem.slick-current .Txt .title {
	animation:bannerTxtAnimation 0.8s ease-in-out forwards
}
.bannerArea .bannerItem.slick-current .Txt .subtitle {
	animation:bannerTxtAnimation 0.8s 0.4s ease-in-out forwards
}
.bannerArea .bannerItem.slick-current .Txt .text {
	animation:bannerTxtAnimation 0.8s 0.6s ease-in-out forwards
}
.bannerArea .bannerItem.slick-current .Txt .bannerBtn {
	animation:bannerTxtAnimation 0.8s 0.6s ease-in-out forwards
}
.bannerArea .bannerItem.slick-current .Txt .videoBtn:after {
	animation:rotate 50s linear forwards
}
.bannerArea .bannerItem.slick-current .productImg {
	animation:bannerTxtAnimation 0.8s 1s ease-in-out forwards
}
@media (max-width:1600px) {
	.bannerArea .slick-dots-bottom {
	/*bottom:20px*/
}
}@media (max-width:1180px) {
	.bannerArea .slick-dots-bottom {
	/*bottom:0px*/
}
}.bannerArea .socialBox {
	display:none;
	position:absolute;
	top:50%;
	left:50px;
	z-index:2;
	transform:translateY(-50%)
}
.bannerArea .socialBox.show {
	display:block
}
.bannerArea .socialBox .socialList {
	align-items:center;
	display:flex;
	flex-direction:column
}
.bannerArea .socialBox .socialList li {
	margin:7.5px 0
}
.bannerArea .socialBox .socialList li:first-child {
	margin-top:0
}
.bannerArea .socialBox .socialList li:last-child {
	margin-bottom:0
}
.bannerArea .socialBox .socialList li i.fa_youtube:before {
	content:"f167"
}
.bannerArea .socialBox .socialList li a {
	color:#fff;
	display:block;
	font-size:18px;
	line-height:35px;
	text-align:center
}
.bannerArea .socialBox .socialList li a svg {
	width:20px;
	height:18px;
	display:inline-block;
	fill:#fff;
	margin-top:-2px;
	vertical-align:middle
}
.bannerArea .socialBox .socialList li a:hover {
	color:#377dcd
}
.bannerArea .socialBox .socialList li a:hover svg {
	fill:#377dcd
}
.bannerArea .arrowBox {
	display:none;
	position:absolute;
	top:50%;
	right:50px;
	z-index:2;
	transform:translateY(-50%)
}
.bannerArea .arrowBox.show {
	display:block
}
.bannerArea .arrowBox .arrow {
	width:50px;
	height:50px;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	margin:10px 0;
	cursor:pointer
}
.bannerArea .arrowBox .arrow:before {
	content:"";
	border-style:solid;
	display:block;
	z-index:2;
	width:0;
	height:0;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.bannerArea .arrowBox .arrow:after {
	content:"";
	border:1px solid #fff;
	border-radius:50%;
	display:block;
	z-index:1;
	width:100%;
	height:100%;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.bannerArea .arrowBox .arrowPrev:before {
	border-width:0 5px 9px 5px;
	border-color:transparent transparent #fff transparent
}
.bannerArea .arrowBox .arrowPrev:hover:before {
	border-color:transparent transparent #377dcd transparent
}
.bannerArea .arrowBox .arrowNext:before {
	border-width:9px 5px 0 5px;
	border-color:#fff transparent transparent transparent
}
.bannerArea .arrowBox .arrowNext:hover:before {
	border-color:#377dcd transparent transparent transparent
}
.bannerArea .progressBar {
	background-color:#fff;
	display:none;
	position:absolute;
	bottom:100px;
	z-index:2
}
.bannerArea .progressBar.show {
	display:block
}
.bannerArea .progressBar.horizontal .path,.bannerArea .progressBar.vertical .path {
	width:100%;
	height:2px;
	display:inline-block;
	fill:#377dcd;
	vertical-align:middle;
	position:absolute;
	z-index:2
}
.bannerArea .progressBar.horizontal .path rect,.bannerArea .progressBar.vertical .path rect {
	width:100%;
	height:2px
}
.bannerArea .progressBar.horizontal {
	width:300px;
	height:2px;
	left:355px
}
.bannerArea .progressBar.horizontal .path {
	width:100%;
	height:2px
}
.bannerArea .progressBar.horizontal .path rect {
	width:100%;
	height:2px
}
.bannerArea .progressBar.horizontal .path.active rect {
	animation:progressBarHorizontal linear forwards
}
.bannerArea .progressBar.vertical {
	width:2px;
	height:100px;
	right:500px
}
.bannerArea .progressBar.vertical .path {
	width:2px;
	height:100px
}
.bannerArea .progressBar.vertical .path rect {
	width:2px;
	height:100px
}
.bannerArea .progressBar.vertical .path.active rect {
	animation:progressBarVertical linear forwards
}
.bannerArea .progressBar.circle {
	width:50px;
	height:50px;
	background-color:transparent;
	position:absolute;
	bottom:100px;
	right:355px;
	z-index:3
}
.bannerArea .progressBar.circle .path {
	width:50px;
	height:50px;
	fill:none;
	transition:all .1s ease-in-out;
	opacity:1;
	stroke-dashoffset:0;
	stroke-dasharray:153.86;
	stroke:#377dcd;
	stroke-width:3px;
	transform:rotate(-90deg)
}
.bannerArea .progressBar.circle .path.active circle {
	animation:progressCircleAnimation linear forwards
}
.bannerArea .slidePage {
	align-items:flex-start;
	color:#fff;
	display:none;
	font-size:20px;
	position:absolute;
	bottom:130px;
	z-index:2
}
.bannerArea .slidePage.show {
	display:block
}
.bannerArea .slidePage.current {
	left:355px
}
.bannerArea .slidePage.total {
	left:365px
}
.bannerArea .scrollDown {
	cursor:pointer;
	display:none;
	position:absolute;
	bottom:50px;
	left:50px;
	z-index:2
}
.bannerArea .scrollDown.show {
	display:block
}
.bannerArea .scrollDown span {
	display:block
}
.bannerArea .scrollDown span.text {
	color:#fff;
	writing-mode:vertical-lr;
	letter-spacing:0.5px
}
.bannerArea .scrollDown span.line {
	width:2px;
	height:calc(100% + 20px);
	background-color:#fff;
	overflow:hidden;
	position:absolute;
	top:-5px;
	left:-5px;
	z-index:1
}
.bannerArea .scrollDown span.line:before {
	content:'';
	width:2px;
	height:calc(100% + 20px);
	animation:bannerScrollAnimation 2.5s linear infinite forwards;
	background-color:#377dcd;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:2
}
.solutionArea {
	padding-bottom:110px;
	position:relative
}
.solutionArea:before {
	content:"";
	width:176px;
	height:130px;
	background-image:url(../images/achivement_deco_dots.png);
	position:absolute;
	bottom:0;
	left:0
}
.solutionArea .solutionTab {
	margin-top:40px;
	display:flex;
	border-bottom:1px solid rgba(0,0,0,0.2)
}
.solutionArea .solutionTab a {
	display:block;
	float:none;
	flex-grow:1;
	padding:0
}
.solutionArea .solutionTab a.current {
	border:none;
	box-shadow:none
}
.solutionArea .solutionTab a.current .item:before {
	width:46px
}
.solutionArea .solutionTab a.current .iconImg {
	background-color:#377dcd
}
.solutionArea .solutionTab a.current .iconImg:before {
	opacity:0;
	transform:scale(0)
}
.solutionArea .solutionTab a.current .iconImg:after {
	opacity:1;
	animation:rotate2 8s infinite linear
}
.solutionArea .solutionTab a.current .iconImg img {
	filter:invert(1);
	opacity:1
}
.solutionArea .solutionTab a.current .iconTitle {
	color:#377dcd
}
.solutionArea .solutionTab a:last-child .item:after {
	display:none
}
.solutionArea .solutionTab .item {
	text-align:center;
	width:100%;
	padding-bottom:34px;
	position:relative
}
.solutionArea .solutionTab .item:before {
	content:"";
	display:block;
	width:0px;
	height:1px;
	background-color:#377dcd;
	position:absolute;
	bottom:-0.5px;
	left:50%;
	transform:translateX(-50%)
}
.solutionArea .solutionTab .item:after {
	content:"";
	width:2px;
	height:160px;
	display:block;
	position:absolute;
	bottom:34px;
	right:0;
	background-image:url(../images/dotted_line.png)
}
.solutionArea .solutionTab .item:hover .iconImg {
	background-color:#377dcd
}
.solutionArea .solutionTab .item:hover .iconImg:before {
	opacity:0;
	transform:scale(0)
}
.solutionArea .solutionTab .item:hover .iconImg:after {
	opacity:1;
	animation:rotate2 8s infinite linear
}
.solutionArea .solutionTab .item:hover .iconImg img {
	filter:invert(1);
	opacity:1
}
.solutionArea .solutionTab .item:hover .iconTitle {
	color:#377dcd
}
.solutionArea .solutionTab .iconImg {
	display:inline-block;
	width:122px;
	height:122px;
	border-radius:50%;
	background-color:#eeeeee;
	position:relative;
	margin-bottom:20px
}
.solutionArea .solutionTab .iconImg:before {
	content:"";
	width:calc(100% - 16px);
	height:calc(100% - 16px);
	display:block;
	background-image:url(../images/home_solution_icon_citcle_s.png);
	background-size:contain;
	position:absolute;
	top:calc(50% - 50% + 8px);
	left:calc(50% - 50% + 8px);
	filter:grayscale(1) brightness(0) opacity(0.3);
	animation:rotate 20s infinite linear
}
.solutionArea .solutionTab .iconImg:after {
	content:"";
	width:calc(100% + 22px);
	height:calc(100% + 22px);
	display:block;
	background-image:url(../images/home_solution_icon_citcle_b.png);
	background-size:contain;
	position:absolute;
	top:calc(50% - 50% - 11px);
	left:calc(50% - 50% - 11px);
	transform:scale(0.5);
	opacity:0
}
.solutionArea .solutionTab .iconImg img {
	display:inline-block;
	width:80px;
	height:80px;
	opacity:0.7;
	position:relative;
	top:calc(50% - 40px)
}
.solutionArea .solutionTab .iconTitle {
	font-size:16px;
	line-height:24px;
	letter-spacing:0;
	color:#000;
	font-weight:600;
	text-transform:uppercase
}
.solutionArea .solutionTabContent {
	border-top:none;
	margin-top:38px;
	padding:0
}
.solutionArea .solutionTabContent .item2 {
	display:flex
}
.solutionArea .solutionTabContent .Txt {
	width:calc(100% - 710px);
	padding-right:45px;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.solutionArea .solutionTabContent .Txt .exp {
	padding-top:15px;
	height:225px;
	overflow-y:auto;
	padding-right:5px
}
.solutionArea .solutionTabContent .Txt .exp::-webkit-scrollbar-track {
	background-color:rgba(0,0,0,0.1)
}
.solutionArea .solutionTabContent .Txt .exp::-webkit-scrollbar {
	width:2px
}
.solutionArea .solutionTabContent .Txt .exp::-webkit-scrollbar-thumb {
	background-color:#377dcd
}
.solutionArea .solutionTabContent .Txt .exp .subtitle {
	font-size:20px;
	font-weight:600;
	line-height:24px;
	color:#000;
	padding-bottom:5px
}
.solutionArea .solutionTabContent .Txt .btnBox {
	margin-top:20px
}
.solutionArea .solutionTabContent .Txt .btnBox .crossBtn {
	margin-right:14px
}
.solutionArea .solutionTabContent .soluiton_album {
	display:block;
	width:710px;
	padding-right:43px
}
.solutionArea .solutionTabContent .soluiton_album.slick-dotted {
	margin-bottom:0
}
.solutionArea .solutionTabContent .soluiton_album a {
	display:block;
	width:667px;
	height:347px
}
.solutionArea .solutionTabContent .soluiton_album img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.solutionArea .solutionTabContent .soluiton_album .slick-dots-vertical {
	width:20px;
	height:100%;
	position:absolute;
	top:auto;
	bottom:calc(100% - 347px - 15px);
	right:0
}
.solutionArea .solutionTabContent .soluiton_album .slick-dots-vertical button:before {
	content:""
}
.solutionArea .solutionTabContent .Img {
	width:667px;
	height:347px;
	margin-left:auto;
	position:relative
}
.solutionArea .solutionTabContent .Img .videoBtn {
	transform:scale(calc(100 / 130))
}
.solutionArea .solutionTabContent .Img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
@media (max-width:1340px) {
	.solutionArea .solutionTabContent .Txt {
	width:calc(100% - 670px);
	padding-right:20px
}
.solutionArea .solutionTabContent .Txt .btnBox {
	margin-top:10px
}
.solutionArea .solutionTabContent .Txt .btnBox .crossBtn {
	margin-top:10px
}
.solutionArea .solutionTabContent .soluiton_album {
	width:670px;
	padding-right:25px
}
.solutionArea .solutionTabContent .Img {
	width:670px
}
}@media (max-width:1200px) {
	.solutionArea .solutionTab .iconImg {
	width:100px;
	height:100px
}
.solutionArea .solutionTab .iconImg:before {
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	top:calc(50% - 50% + 5px);
	left:calc(50% - 50% + 5px)
}
.solutionArea .solutionTab .iconImg:after {
	width:calc(100% + 16px);
	height:calc(100% + 16px);
	top:calc(50% - 50% - 8px);
	left:calc(50% - 50% - 8px)
}
.solutionArea .solutionTab .iconImg img {
	width:64px;
	height:64px;
	top:calc(50% - 34px)
}
}@media (max-width:1180px) {
	.solutionArea {
	padding-bottom:80px
}
.solutionArea .solutionTabContent .item2 {
	flex-wrap:wrap
}
.solutionArea .solutionTabContent .Txt {
	width:100%;
	padding-right:0px;
	padding-bottom:50px
}
.solutionArea .solutionTabContent .Txt .exp {
	height:auto;
	min-height:80px;
	max-height:200px
}
.solutionArea .solutionTabContent .soluiton_album {
	width:100%;
	max-width:667px;
	margin:0 auto;
	padding-right:0px;
	padding-bottom:50px
}
.solutionArea .solutionTabContent .soluiton_album .slick-dots-vertical {
	width:100%;
	height:20px;
	flex-direction:row;
	justify-content:center;
	bottom:0
}
.solutionArea .solutionTabContent .soluiton_album .slick-dots-vertical li {
	margin:5px 15px
}
.solutionArea .solutionTabContent .Img {
	width:100%;
	max-width:667px;
	margin:0 auto
}
}@media (max-width:960px) {
	.solutionArea .solutionTab .iconImg {
	width:80px;
	height:80px
}
.solutionArea .solutionTab .iconImg:before {
	background-image:url(../images/home_solution_icon_citcle_s2.png)
}
.solutionArea .solutionTab .iconImg:after {
	background-image:url(../images/home_solution_icon_citcle_b2.png)
}
.solutionArea .solutionTab .iconImg img {
	width:50px;
	height:50px;
	top:calc(50% - 25px)
}
}@media (max-width:768px) {
	.solutionArea {
	padding-bottom:50px
}
.solutionArea:before {
	display:none
}
.solutionArea .solutionTab {
	width:100%;
	overflow-x:auto;
	padding-bottom:5px;
	border-bottom:none
}
.solutionArea .solutionTab::-webkit-scrollbar-track {
	background-color:rgba(0,0,0,0.1)
}
.solutionArea .solutionTab::-webkit-scrollbar {
	height:4px
}
.solutionArea .solutionTab::-webkit-scrollbar-thumb {
	background-color:#377dcd
}
.solutionArea .solutionTab a {
	flex-grow:0
}
.solutionArea .solutionTab .item {
	width:150px;
	padding-bottom:25px
}
.solutionArea .solutionTab .item:before {
	display:none
}
.solutionArea .solutionTab .iconTitle {
	padding:0 10px
}
.solutionArea .solutionTabContent .soluiton_album {
	width:100%
}
.solutionArea .solutionTabContent .soluiton_album a {
	width:100%;
	height:347px;
	max-height:347px
}
.solutionArea .solutionTabContent .soluiton_album a img {
	object-fit:contain
}
.solutionArea .solutionTabContent .Img {
	height:auto;
	max-height:347px
}
}@media (max-width:640px) {
	.solutionArea .solutionTabContent .soluiton_album a {
	max-height:330px
}
.solutionArea .solutionTabContent .Img {
	max-height:330px
}
}@media (max-width:480px) {
	.solutionArea .solutionTabContent .soluiton_album a {
	max-height:230px
}
.solutionArea .solutionTabContent .Img {
	max-height:230px
}
}@media (max-width:440px) {
	.solutionArea .solutionTab .iconTitle {
	font-size:15px
}
.solutionArea .solutionTabContent .soluiton_album a {
	max-height:209px
}
.solutionArea .solutionTabContent .Img {
	max-height:209px
}
}@media (max-width:375px) {
	.solutionArea .solutionTabContent .soluiton_album a {
	max-height:174px
}
.solutionArea .solutionTabContent .Img {
	max-height:174px
}
}@keyframes rotate {
	0% {
	transform:rotate(0deg)
}
to {
	transform:rotate(359deg)
}
}@keyframes rotate2 {
	0% {
	transform:rotate(0deg) scale(1)
}
to {
	transform:rotate(-359deg) scale(1)
}
}.bussinessArea {
	position:relative
}
.bussinessArea .titleBox {
	width:100%;
	position:absolute;
	top:100px;
	left:0
}
.bussinessArea .businessListBg {
	z-index:-1
}
.bussinessArea .businessListBg .Img {
	width:100%;
	height:722px
}
.bussinessArea .businessListBg .Img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.bussinessArea .businessListTxt {
	position:absolute;
	top:236px;
	left:calc(50% - 600px - 12px);
	z-index:2;
	width:460px
}
.bussinessArea .businessListTxt .item {
	position:relative;
	padding:12px;
	width:460px
}
.bussinessArea .businessListTxt .decoBorder {
	position:absolute;
	top:0px;
	left:0px;
	width:460px;
	height:52px;
	box-sizing:border-box
}
.bussinessArea .businessListTxt .decoBorder.bottom {
	top:auto;
	bottom:0
}
.bussinessArea .businessListTxt .Txt {
	background-color:rgba(255,255,255,0.88);
	padding:30px;
	width:436px
}
.bussinessArea .businessListTxt .Txt .num {
	font-size:29px;
	line-height:30px;
	letter-spacing:0;
	font-weight:600;
	color:#a6a6a6;
	padding-bottom:15px
}
.bussinessArea .businessListTxt .Txt .exp {
	min-height:140px;
	padding-top:10px
}
.bussinessArea .businessListTxt .Txt .exp.ellipsis {
	max-height:220px
}
.bussinessArea .businessListTxt .Txt .crossBtn {
	margin-top:12px
}
.bussinessArea .businessListBtn {
	z-index:2;
	width:495px;
	height:145px;
	position:absolute;
	top:337px;
	right:calc(50% - 600px - 10px)
}
@media (min-width:1025px) {
	.bussinessArea .businessListBtn .current .item {
	background-color:rgba(0,0,0,0.6);
	border-color:transparent
}
.bussinessArea .businessListBtn .current .num:after,.bussinessArea .businessListBtn .current .num:before {
	background-color:#377dcd
}
}@media (max-width:1024px) {
	.bussinessArea .businessListBtn .slick-current .item {
	background-color:rgba(0,0,0,0.6);
	border-color:transparent
}
.bussinessArea .businessListBtn .slick-current .num:after,.bussinessArea .businessListBtn .slick-current .num:before {
	background-color:#377dcd
}
}.bussinessArea .businessListBtn .item {
	box-sizing:border-box;
	max-width:145px;
	height:145px;
	margin:0 auto;
	padding:17px;
	border:1px solid #fff;
	background-color:rgba(255,255,255,0.2)
}
.bussinessArea .businessListBtn .item:hover {
	transform:scale(0.98)
}
.bussinessArea .businessListBtn .Txt {
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between
}
.bussinessArea .businessListBtn .num {
	width:100%;
	font-weight:600;
	font-size:20px;
	letter-spacing:0;
	line-height:20px;
	height:20px;
	color:#fff;
	position:relative
}
.bussinessArea .businessListBtn .num:before {
	content:'';
	width:16px;
	height:1px;
	background-color:#fff;
	position:absolute;
	top:calc(50% - 0.5px);
	right:0
}
.bussinessArea .businessListBtn .num:after {
	content:'';
	width:1px;
	height:16px;
	background-color:#fff;
	position:absolute;
	top:2px;
	right:7px
}
.bussinessArea .businessListBtn .title {
	font-size:18px;
	line-height:24px;
	letter-spacing:0;
	color:#fff;
	font-weight:700;
	text-transform:uppercase
}
@media (max-width:1440px) {
	.bussinessArea .businessListBtn {
	right:calc(50% - 500px - 10px)
}
}@media (max-width:1280px) {
	.bussinessArea .businessListTxt {
	top:320px;
	left:calc(50% - 230px)
}
.bussinessArea .businessListTxt .Txt .exp.ellipsis {
	min-height:auto;
	max-height:142px
}
.bussinessArea .businessListBtn {
	right:50%;
	transform:translateX(50%);
	top:150px
}
.bussinessArea .titleBox {
	top:50px
}
}@media (max-width:640px) {
	.bussinessArea .businessListBg .Img {
	height:626px
}
.bussinessArea .businessListTxt {
	top:210px;
	margin:0 auto
}
.bussinessArea .businessListTxt .Txt {
	padding:30px 20px
}
.bussinessArea .businessListTxt .Txt .title {
	font-size:24px
}
.bussinessArea .businessListBtn {
	min-height:52px;
	height:auto;
	top:120px
}
.bussinessArea .businessListBtn .item {
	width:100%;
	max-width:136px;
	min-height:52px;
	height:auto;
	padding-left:28px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
	position:relative;
	pointer-events:none
}
.bussinessArea .businessListBtn .Txt {
	pointer-events:none
}
.bussinessArea .businessListBtn .num {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	line-height:21px;
	padding-left:7px;
	padding-top:6px;
	pointer-events:none
}
.bussinessArea .businessListBtn .num:before {
	top:auto;
	bottom:17px;
	right:7px
}
.bussinessArea .businessListBtn .num:after {
	top:auto;
	bottom:10px;
	right:14px
}
.bussinessArea .businessListBtn .title {
	width:100%;
	font-size:14px;
	line-height:17px;
	text-transform:uppercase
}
.bussinessArea .titleBox {
	top:30px
}
}@media (max-width:540px) {
	.bussinessArea .businessListTxt {
	width:100%;
	max-width:460px;
	left:50%;
	transform:translateX(-50%);
	margin:0 auto;
	padding:0 10px
}
.bussinessArea .businessListTxt .item {
	width:100%
}
.bussinessArea .businessListTxt .decoBorder {
	width:100%
}
.bussinessArea .businessListTxt .Txt {
	width:100%
}
.bussinessArea .businessListBtn {
	width:100%;
	padding:0 20px
}
}@media (max-width:440px) {
	.bussinessArea .businessListBtn .slick-dots-bottom {
	bottom:-30px;
	z-index:10
}
}.achivementArea {
	position:relative;
	padding-bottom:70px
}
.achivementArea .bgBox {
	width:100%;
	height:790px;
	position:relative
}
.achivementArea .bgBox img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.achivementArea .bgBox img.bgImgS {
	display:none
}
.achivementArea .bgBox .bgItem {
	position:absolute
}
.achivementArea .bgBox .bgItem:first-child {
	top:26%;
	left:5%
}
.achivementArea .bgBox .bgItem:nth-child(2) {
	top:30%;
	left:33%
}
.achivementArea .bgBox .bgItem:nth-child(2) .boxWrap .centerBox .line span {
	animation:bg-move 3.8s infinite
}
.achivementArea .bgBox .bgItem:nth-child(2) .boxWrap .centerBox .line .line_1 {
	animation-delay:0.8s
}
.achivementArea .bgBox .bgItem:nth-child(2) .boxWrap .centerBox .line .line_2 {
	animation-delay:0.6s
}
.achivementArea .bgBox .bgItem:nth-child(2) .boxWrap .centerBox .line .line_3 {
	animation-delay:0.4s
}
.achivementArea .bgBox .bgItem:nth-child(2) .boxWrap .centerBox .line .line_4 {
	animation-delay:0.2s
}
.achivementArea .bgBox .bgItem:nth-child(3) {
	top:42%;
	left:48%
}
.achivementArea .bgBox .bgItem:nth-child(3) .boxWrap .centerBox .line span {
	animation:bg-move 3.4s infinite
}
.achivementArea .bgBox .bgItem:nth-child(3) .boxWrap .centerBox .line .line_1 {
	animation-delay:0.8s
}
.achivementArea .bgBox .bgItem:nth-child(3) .boxWrap .centerBox .line .line_2 {
	animation-delay:0.6s
}
.achivementArea .bgBox .bgItem:nth-child(3) .boxWrap .centerBox .line .line_3 {
	animation-delay:0.4s
}
.achivementArea .bgBox .bgItem:nth-child(3) .boxWrap .centerBox .line .line_4 {
	animation-delay:0.2s
}
.achivementArea .bgBox .bgItem:nth-child(4) {
	top:37%;
	left:71%
}
.achivementArea .bgBox .bgItem:nth-child(4) .boxWrap .centerBox .line span {
	animation:bg-move 3.7s infinite
}
.achivementArea .bgBox .bgItem:nth-child(4) .boxWrap .centerBox .line .line_1 {
	animation-delay:0.8s
}
.achivementArea .bgBox .bgItem:nth-child(4) .boxWrap .centerBox .line .line_2 {
	animation-delay:0.6s
}
.achivementArea .bgBox .bgItem:nth-child(4) .boxWrap .centerBox .line .line_3 {
	animation-delay:0.4s
}
.achivementArea .bgBox .bgItem:nth-child(4) .boxWrap .centerBox .line .line_4 {
	animation-delay:0.2s
}
.achivementArea .bgBox .bgItem:nth-child(5) {
	top:25%;
	left:88%
}
.achivementArea .bgBox .bgItem:nth-child(5) .boxWrap .centerBox .line span {
	animation:bg-move 3.9s infinite
}
.achivementArea .bgBox .bgItem:nth-child(5) .boxWrap .centerBox .line .line_1 {
	animation-delay:0.8s
}
.achivementArea .bgBox .bgItem:nth-child(5) .boxWrap .centerBox .line .line_2 {
	animation-delay:0.6s
}
.achivementArea .bgBox .bgItem:nth-child(5) .boxWrap .centerBox .line .line_3 {
	animation-delay:0.4s
}
.achivementArea .bgBox .bgItem:nth-child(5) .boxWrap .centerBox .line .line_4 {
	animation-delay:0.2s
}
.achivementArea .bgBox .boxWrap {
	width:160px;
	height:160px;
	border-radius:50%;
	border:1px solid #fff;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center;
	justify-content:center
}
.achivementArea .bgBox .boxWrap:before {
	content:"";
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px solid #fff;
	position:absolute;
	top:0;
	left:0;
	animation:circleBg 1s infinite ease-out
}
.achivementArea .bgBox .boxWrap:after {
	content:"";
	width:100%;
	height:100%;
	border-radius:50%;
	border:1px solid white;
	position:absolute;
	top:0;
	left:0;
	transform:scale(1.525);
	opacity:0;
	animation:circleBg 1s 0.6s infinite ease-out
}
.achivementArea .bgBox .boxWrap .text {
	text-align:center;
	font-size:15px;
	line-height:17px;
	letter-spacing:0;
	color:#377dcd;
	font-weight:700;
	text-transform:uppercase;
	width:100%
}
.achivementArea .bgBox .boxWrap .centerBox {
	width:100%;
	padding-top:10px;
	position:relative
}
.achivementArea .bgBox .boxWrap .centerBox img {
	display:block;
	width:30px;
	height:30px;
	margin:0 auto
}
.achivementArea .bgBox .boxWrap .centerBox .line {
	display:block;
	width:1px;
	height:232px;
	position:absolute;
	top:calc(100% - 3px);
	left:calc(50% - 1px);
	margin:0;
	display:flex;
	flex-direction:column
}
.achivementArea .bgBox .boxWrap .centerBox .line span {
	width:100%;
	opacity:0;
	display:block;
	margin-bottom:5px;
	animation:bg-move 3.6s infinite
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_1 {
	height:70px;
	background-color:#377dcd;
	animation-delay:0.8s
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_2 {
	height:65px;
	background-color:#377dcd;
	animation-delay:0.6s
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_3 {
	height:56px;
	background-image:linear-gradient(#377dcd 0%,rgba(255,0,0,0.4) 100%);
	animation-delay:0.4s
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_4 {
	height:28px;
	background-image:linear-gradient(rgba(255,0,0,0.4) 0%,rgba(255,0,0,0.2) 100%);
	animation-delay:0.2s
}
@keyframes bg-move {
	0% {
	opacity:1
}
80% {
	opacity:1
}
to {
	opacity:0
}
}@keyframes circleBg {
	0% {
	opacity:1;
	transform:scale(1)
}
80% {
	opacity:0.3;
	transform:scale(1.5)
}
to {
	opacity:0;
	transform:scale(1.525)
}
}@media (max-width:1240px) {
	.achivementArea .bgBox .bgItem {
	position:absolute
}
.achivementArea .bgBox .bgItem:first-child {
	top:auto;
	bottom:46%;
	left:5%
}
.achivementArea .bgBox .bgItem:nth-child(2) {
	top:auto;
	bottom:30%;
	left:33%
}
.achivementArea .bgBox .bgItem:nth-child(3) {
	top:auto;
	bottom:50%;
	left:48%
}
.achivementArea .bgBox .bgItem:nth-child(4) {
	top:auto;
	bottom:36%;
	left:71%
}
.achivementArea .bgBox .bgItem:nth-child(5) {
	top:auto;
	bottom:55%;
	left:88%
}
.achivementArea .bgBox .boxWrap {
	width:100px;
	height:100px;
	display:block
}
.achivementArea .bgBox .boxWrap .text {
	width:160px;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap
}
}@media (max-width:960px) {
	.achivementArea .bgBox .bgItem {
	position:absolute
}
.achivementArea .bgBox .bgItem:first-child {
	top:auto;
	bottom:39%;
	left:8%
}
.achivementArea .bgBox .bgItem:nth-child(2) {
	top:auto;
	bottom:30%;
	left:24%
}
.achivementArea .bgBox .bgItem:nth-child(3) {
	top:auto;
	bottom:45%;
	left:40%
}
.achivementArea .bgBox .bgItem:nth-child(4) {
	top:auto;
	bottom:37%;
	left:60%
}
.achivementArea .bgBox .bgItem:nth-child(5) {
	top:auto;
	bottom:46%;
	left:82%
}
.achivementArea .bgBox .boxWrap {
	width:90px;
	height:90px;
	display:block;
	padding-top:20px
}
.achivementArea .bgBox .boxWrap .text {
	font-size:14px;
	line-height:16px
}
.achivementArea .bgBox .boxWrap .centerBox {
	padding-top:5px
}
.achivementArea .bgBox .boxWrap .centerBox img {
	width:15px;
	height:15px
}
.achivementArea .bgBox .boxWrap .centerBox .line {
	height:117px;
	left:calc(50% - 0.5px)
}
.achivementArea .bgBox .boxWrap .centerBox .line span {
	margin-bottom:2px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_1 {
	height:36px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_2 {
	height:33px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_3 {
	height:29px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_4 {
	height:14px
}
}@media (max-width:480px) {
	.achivementArea .bgBox .bgItem {
	position:absolute
}
.achivementArea .bgBox .bgItem:first-child {
	top:auto;
	bottom:31%;
	left:5%
}
.achivementArea .bgBox .bgItem:nth-child(2) {
	top:auto;
	bottom:22%;
	left:22%
}
.achivementArea .bgBox .bgItem:nth-child(3) {
	top:auto;
	bottom:36%;
	left:37%
}
.achivementArea .bgBox .bgItem:nth-child(4) {
	top:auto;
	bottom:25%;
	left:60%
}
.achivementArea .bgBox .bgItem:nth-child(5) {
	top:auto;
	bottom:39%;
	left:77%
}
.achivementArea .bgBox .boxWrap {
	width:82px;
	height:82px;
	display:block;
	padding-top:20px
}
.achivementArea .bgBox .boxWrap .text {
	font-size:12px;
	line-height:14px
}
.achivementArea .bgBox .boxWrap .centerBox {
	padding-top:5px
}
.achivementArea .bgBox .boxWrap .centerBox img {
	width:15px;
	height:15px
}
.achivementArea .bgBox .boxWrap .centerBox .line {
	height:117px;
	left:calc(50% - 0.5px)
}
.achivementArea .bgBox .boxWrap .centerBox .line span {
	margin-bottom:2px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_1 {
	height:36px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_2 {
	height:33px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_3 {
	height:29px
}
.achivementArea .bgBox .boxWrap .centerBox .line .line_4 {
	height:14px
}
}.achivementArea .titleBox {
	position:absolute;
	top:100px;
	left:calc(50% - 600px)
}
.achivementArea .topNote {
	width:786px;
	position:absolute;
	top:100px;
	right:calc(50% - 600px)
}
.achivementArea .bottomBox {
	width:100%;
	background-color:#eeeeee;
	position:relative;
	top:-55px
}
.achivementArea .bottomBox:before {
	content:"";
	width:493px;
	height:360px;
	display:block;
	background-image:url(../images/achivement_deco_dots.png);
	position:absolute;
	top:5px;
	left:-140px;
	z-index:-1
}
.achivementArea .bottomBox:after {
	content:"";
	width:150px;
	height:170px;
	display:block;
	background-image:url(../images/achivement_deco_dots.png);
	position:absolute;
	top:35px;
	right:-153px;
	z-index:-1
}
.achivementArea .expBox {
	padding-top:38px;
	padding-bottom:37px;
	display:flex
}
.achivementArea .expBox .item {
	flex-grow:1;
	width:33.33%;
	padding:0 80px;
	box-sizing:border-box;
	border-left:1px solid rgba(0,0,0,0.2)
}
.achivementArea .expBox .item:first-child {
	border-left:1px solid transparent
}
.achivementArea .expBox .numBox span {
	display:inline-block;
	font-size:45px;
	font-weight:600;
	line-height:50px;
	letter-spacing:0;
	color:#377dcd
}
.achivementArea .expBox .numBox .plus {
	width:auto;
	height:auto;
	background-color:transparent;
	border-radius:0;
	margin:0
}
.achivementArea .expBox .numBox .plus:after {
	display:none
}
.achivementArea .expBox .title {
	padding-top:5px;
	font-size:16px;
	line-height:20px;
	letter-spacing:0;
	padding-bottom:15px;
	color:#4f4f4f;
	position:relative
}
.achivementArea .expBox .title:before {
	content:"";
	width:40px;
	height:1px;
	display:block;
	background-color:#377dcd;
	position:absolute;
	bottom:0;
	left:0
}
.achivementArea .expBox .exp {
	padding-top:20px
}
@media (max-width:1240px) {
	.achivementArea .titleBox {
	width:100%;
	padding:0 20px;
	left:00px;
	top:80px
}
.achivementArea .topNote {
	width:100%;
	padding:0 20px;
	right:0;
	top:calc(70px + 80px + 20px)
}
.achivementArea .expBox .item {
	padding:0 40px
}
}@media (max-width:1180px) {
	.achivementArea .expBox .item {
	padding:0 20px
}
}@media (max-width:960px) {
	.achivementArea .wrap {
	padding:0
}
.achivementArea .bottomBox {
	top:0
}
.achivementArea .bottomBox:after,.achivementArea .bottomBox:before {
	display:none
}
.achivementArea .expBox {
	flex-wrap:wrap
}
.achivementArea .expBox .item {
	width:100%;
	border-left:none;
	padding:30px 0px;
	margin:0 20px;
	border-top:1px solid rgba(0,0,0,0.2)
}
.achivementArea .expBox .item:first-child {
	border-top:transparent
}
.achivementArea .expBox .title {
	padding-top:2px
}
}@media (max-width:640px) {
	.achivementArea .titleBox {
	top:65px
}
.achivementArea .topNote {
	top:calc(70px + 65px + 20px)
}
}@media (max-width:480px) {
	.achivementArea .bgBox {
	height:800px
}
.achivementArea .bgBox img.bgImg {
	display:none
}
.achivementArea .bgBox img.bgImgS {
	display:block
}
}.provideArea {
	padding-bottom:130px
}
.provideArea .wrap {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.provideArea .titleBox {
	position:absolute;
	top:0;
	left:0
}
.provideArea .provideListIcon {
	padding-top:140px;
	width:728px;
	margin-left:-30px
}
.provideArea .provideListIcon .slick-current .title {
	color:#377dcd
}
.provideArea .provideListIcon .slick-current .Img {
	background-color:#377dcd
}
.provideArea .provideListIcon .slick-current .Img:before {
	border:1px solid #377dcd;
	border-top:1px solid transparent;
	animation:rotate 4s infinite reverse linear
}
.provideArea .provideListIcon li:nth-child(2n) .item {
	padding-top:194px
}
.provideArea .provideListIcon li:nth-child(2n) .item:before {
	bottom:170px;
	left:calc(50% - 0px);
	transform:rotate(-47deg)
}
.provideArea .provideListIcon li:nth-child(2n) .item .decoDotsWrap {
	bottom:175px;
	right:-40px
}
.provideArea .provideListIcon li:nth-child(2n) .item .decoDotsWrap .decoDots1 {
	top:auto;
	bottom:-24px
}
.provideArea .provideListIcon li:nth-child(2n) .item .decoDotsWrap .decoDots3 {
	bottom:auto;
	top:-17px
}
.provideArea .provideListIcon li:nth-child(4) .item:before {
	display:none
}
.provideArea .provideListIcon li:nth-child(4) .item .decoDotsWrap {
	opacity:0;
	pointer-events:none
}
.provideArea .provideListIcon .item {
	position:relative;
	text-align:center;
	padding-bottom:20px;
	width:122px;
	margin:0 30px
}
.provideArea .provideListIcon .item:before {
	content:"";
	display:block;
	width:180px;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	position:absolute;
	bottom:0px;
	left:calc(50% - 20px);
	transform:rotate(47deg)
}
.provideArea .provideListIcon .item .decoDotsWrap {
	width:7px;
	height:7px;
	position:absolute;
	bottom:-11px;
	right:-20px
}
.provideArea .provideListIcon .item .decoDotsWrap .decoDots1 {
	content:"";
	display:block;
	width:15px;
	height:15px;
	border-radius:50%;
	background-color:#e5e5e5;
	position:absolute;
	top:-24px;
	left:-22px;
	animation:dotsScale 2s infinite
}
.provideArea .provideListIcon .item .decoDotsWrap .decoDots2 {
	width:7px;
	height:7px;
	border-radius:50%;
	background-color:#cccccc;
	position:absolute;
	animation:dotsScale 2s 0.5s infinite;
	top:0;
	left:0
}
.provideArea .provideListIcon .item .decoDotsWrap .decoDots3 {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-radius:50%;
	background-color:#cccccc;
	position:absolute;
	bottom:-17px;
	right:-16px;
	animation:dotsScale 2s 1s infinite
}
.provideArea .provideListIcon .item:hover .title {
	color:#377dcd
}
.provideArea .provideListIcon .item:hover .Img img {
	transform:scale(1.1)
}
.provideArea .provideListIcon .title {
	position:relative;
	z-index:1;
	font-size:16px;
	line-height:24px;
	letter-spacing:0;
	font-weight:600;
	text-transform:uppercase;
	padding-bottom:14px
}
.provideArea .provideListIcon .Img {
	margin:0 auto;
	width:122px;
	height:122px;
	border-radius:50%;
	position:relative;
	background-color:#4c4c4c
}
.provideArea .provideListIcon .Img:before {
	content:"";
	width:calc(100% + 14px);
	height:calc(100% + 14px);
	border-radius:50%;
	display:block;
	position:absolute;
	top:-7px;
	left:-7px;
	border:1px solid #4c4c4c4c;
	border-top:1px solid transparent;
	animation:rotate 8s infinite linear
}
.provideArea .provideListIcon .Img img {
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	top:calc(50% - 40px);
	left:calc(50% - 40px)
}
.provideArea .rightListBox {
	position:relative
}
.provideArea .rightListBox:before {
	content:"";
	width:100%;
	width:489px;
	height:100%;
	background:linear-gradient(to bottom,rgba(255,255,255,0) 40%,white 70%);
	display:block;
	position:absolute;
	bottom:0;
	left:calc(50% - 244.5px)
}
.provideArea .rightListBox .decoDot {
	width:8px;
	height:8px;
	border-radius:50%;
	border:1px solid #eee;
	background-color:#fff;
	animation:dotsScale2 10s infinite
}
.provideArea .rightListBox .bgCircleRight {
	width:225px;
	height:225px;
	position:absolute;
	top:-60px;
	right:-136px;
	z-index:-1
}
.provideArea .rightListBox .bgCircleRight:before {
	content:"";
	width:100%;
	height:100%;
	background:linear-gradient(to left bottom,rgba(255,255,255,0) 55%,white 82%);
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2
}
.provideArea .rightListBox .bgCircleRight>svg {
	width:100%;
	height:100%;
	display:block;
	opacity:0.6
}
.provideArea .rightListBox .bgCircleRight .small {
	width:96px;
	height:96px;
	position:absolute;
	top:calc(50% - 48px);
	left:calc(50% - 48px)
}
.provideArea .rightListBox .bgCircleRight .small:before {
	content:"";
	width:100%;
	height:100%;
	background:linear-gradient(to left,rgba(255,255,255,0) 60%,white 90%);
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2
}
.provideArea .rightListBox .bgCircleRight .small>svg {
	width:100%;
	height:100%;
	display:block;
	opacity:1
}
.provideArea .rightListBox .bgCircleRight .decoDot {
	position:absolute;
	top:130px;
	right:0px
}
.provideArea .rightListBox .bgCircleRight .decoDot.top {
	top:50px;
	left:12px
}
.provideArea .rightListBox .bgCircle {
	width:406px;
	height:406px;
	position:absolute;
	top:-23px;
	left:calc(50% - 203px);
	z-index:-1
}
.provideArea .rightListBox .bgCircle:before {
	content:"";
	box-sizing:border-box;
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	display:block;
	border-radius:50%;
	border-right:1px solid #377dcd;
	border-top:1px solid transparent;
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	position:absolute;
	top:-0px;
	left:-0px;
	opacity:0.5;
	animation:circleRotate1 10s infinite linear
}
.provideArea .rightListBox .bgCircle svg {
	width:100%;
	height:100%;
	display:block;
	opacity:0.5
}
.provideArea .rightListBox .bgCircle .decoDot {
	position:absolute;
	top:150px;
	left:2px
}
.provideArea .rightListBox .bgCircleB {
	width:489px;
	height:489px;
	position:absolute;
	top:-64.5px;
	left:calc(50% - 244.5px);
	z-index:-1
}
.provideArea .rightListBox .bgCircleB svg {
	width:100%;
	height:100%;
	display:block;
	opacity:0.5
}
.provideArea .rightListBox .bgCircleB .decoDot {
	position:absolute;
	top:258px;
	right:-1px
}
.provideArea .provideListImg {
	width:360px
}
.provideArea .provideListImg .item {
	width:100%;
	position:relative
}
.provideArea .provideListImg .title a {
	color:#377dcd
}
.provideArea .provideListImg .title a:hover {
	color:#000
}
.provideArea .provideListImg .Img {
	padding:20px;
	border-radius:50%;
	background-color:#f3f3f3;
	width:360px;
	height:360px;
	position:relative
}
.provideArea .provideListImg .Img:before {
	content:"";
	width:100%;
	height:100%;
	background:linear-gradient(to bottom,rgba(243,243,243,0) 60%,#f3f3f3 98%);
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	border-radius:50%
}
.provideArea .provideListImg .Img img {
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	overflow:hidden
}
.provideArea .provideListImg .Txt {
	position:relative;
	margin-top:-70px;
	z-index:2
}
.provideArea .provideListImg .Txt .crossBtn {
	margin-top:30px
}
@media (max-width:1240px) {
	.provideArea .titleBox {
	left:20px
}
.provideArea .provideListIcon {
	margin-left:0
}
}@media (max-width:1180px) {
	.provideArea {
	position:relative;
	padding-bottom:65px
}
.provideArea:before {
	content:"";
	width:130px;
	height:80px;
	display:block;
	background-image:url(../images/achivement_deco_dots.png);
	background-size:20%;
	position:absolute;
	top:-70px;
	left:0
}
.provideArea .wrap {
	justify-content:center
}
.provideArea .titleBox {
	width:100%;
	position:relative;
	left:0
}
.provideArea .titleBox .title {
	text-align:center
}
.provideArea .titleBox .title:before {
	left:calc(50% - 13px)
}
.provideArea .titleBox .title:after {
	left:auto;
	right:calc(50% - 13px)
}
.provideArea .provideListIcon {
	display:none
}
.provideArea .rightListBox {
	margin-top:12px
}
.provideArea .provideListImg {
	margin-bottom:55px
}
.provideArea .provideListImg .title {
	text-align:center
}
.provideArea .provideListImg .title:before {
	left:calc(50% - 11px)
}
.provideArea .provideListImg .Txt {
	text-align:center
}
.provideArea .provideListImg .slick-dots-bottom {
	bottom:-55px
}
}@media (max-width:400px) {
	.provideArea .provideListImg {
	width:100%;
	max-width:360px;
	margin:0 auto;
	padding:0 20px
}
.provideArea .provideListImg .Img {
	height:300px;
	margin:30px auto 0;
	width:300px
}
.provideArea .provideListImg .Txt {
	width:100%;
	padding:0 20px;
	margin:0 auto
}
}@keyframes dotsScale {
	0% {
	transform:scale(1)
}
20% {
	transform:scale(0)
}
40% {
	transform:scale(1)
}
}@keyframes dotsScale2 {
	0% {
	transform:scale(1)
}
20% {
	transform:scale(1.5)
}
40% {
	transform:scale(1)
}
}@keyframes circleRotate1 {
	0% {
	transform:rotate(0deg)
}
to {
	transform:rotate(359deg)
}
}.videoNewsArea {
	padding-top:112px;
	padding-bottom:56px;
	background-color:#eeeeee;
	position:relative
}
.videoNewsArea:before {
	content:"";
	width:165px;
	height:170px;
	display:block;
	background-image:url(../images/achivement_deco_dots.png);
	position:absolute;
	top:-110px;
	right:0px
}
.videoNewsArea .wrap {
	display:flex;
	flex-wrap:wrap
}
@media (max-width:1180px) {
	.videoNewsArea {
	padding-top:60px;
	padding-bottom:60px
}
.videoNewsArea:before {
	background-size:20%;
	top:-50px;
	height:100px;
	width:90px
}
}.videoArea {
	width:470px
}
.videoArea .item2 {
	position:relative;
	max-width:440px;
	background-color:#fff;
	height:524px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)
}
.videoArea .item2:hover {
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)
}
.videoArea .item2:hover:before {
	opacity:1
}
.videoArea .item2:hover .Img {
	top:1px;
	width:calc(100% - 2px);
	left:1px
}
.videoArea .item2:before {
	content:"";
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid #377dcd;
	position:absolute;
	top:0;
	left:0;
	opacity:0
}
.videoArea .decoBorder {
	z-index:2
}
.videoArea .Img {
	width:100%;
	position:relative
}
.videoArea .Img .videoBtn {
	transform:scale(calc(80 / 130))
}
.videoArea .Img img {
	display:block;
	width:100%
}
.videoArea .Txt {
	padding:25px 34px
}
.videoArea .Txt .title {
	font-size:18px;
	line-height:22px;
	color:#000;
	padding-bottom:5px
}
.videoArea .Txt .crossBtn {
	margin-top:30px
}
@media (max-width:1180px) {
	.videoArea {
	width:100%;
	padding-bottom:45px
}
.videoArea .item2 {
	margin:0 auto;
	height:auto
}
}@media (max-width:400px) {
	.videoArea .Txt {
	padding:20px
}
}.newsArea {
	width:calc(100% - 470px);
	position:relative;
	top:-12px
}
.newsArea:before {
	content:"";
	display:block;
	width:150px;
	height:80px;
	background-image:url(../images/achivement_deco_dots.png);
	position:absolute;
	bottom:5px;
	right:-35px
}
.newsArea .crossBtn {
	position:absolute;
	top:12px;
	right:0
}
.newsArea .newsList li:nth-child(2n) .item {
	flex-direction:row-reverse
}
.newsArea .newsList .item {
	display:flex;
	background-color:#fff;
	position:relative;
	margin:10px 0;
	box-sizing:border-box;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1)
}
.newsArea .newsList .item:before {
	content:"";
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid #377dcd;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	pointer-events:none
}
.newsArea .newsList .item:hover {
	border-color:#377dcd;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)
}
.newsArea .newsList .item:hover:before {
	opacity:1
}
.newsArea .newsList .decoBorder {
	z-index:2
}
.newsArea .newsList .Img {
	width:395px;
	height:200px
}
.newsArea .newsList .Img a {
	display:block;
	width:100%;
	height:100%
}
.newsArea .newsList .Img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover
}
.newsArea .newsList .Txt {
	width:calc(100% - 395px);
	padding:30px;
	display:flex;
	flex-wrap:wrap
}
.newsArea .newsList .Txt .date {
	width:50%;
	height:40px
}
.newsArea .newsList .Txt .date .day {
	width:100%;
	font-size:30px;
	line-height:20px;
	letter-spacing:0;
	font-weight:600
}
.newsArea .newsList .Txt .date .MY {
	font-size:12px;
	line-height:20px;
	letter-spacing:0;
	font-weight:600
}
.newsArea .newsList .Txt .mtitle {
	width:50%;
	text-align:right;
	color:#377dcd;
	font-size:15px;
	line-height:16px;
	height:28px;
	letter-spacing:0;
	font-weight:600;
	position:relative;
	padding-bottom:12px
}
.newsArea .newsList .Txt .mtitle:before {
	content:"";
	width:32px;
	height:1px;
	background-color:#377dcd;
	display:block;
	position:absolute;
	bottom:0;
	right:0
}
.newsArea .newsList .Txt .title {
	width:100%
}
.newsArea .newsList .Txt .title a {
	display:inline-block;
	font-weight:600
}
.newsArea .newsList .Txt .title.ellipsis {
	height:45px
}
.newsArea .newsList .Txt .exp.ellipsis {
	height:45px
}
.newsArea .slick-dots-bottom {
	top:-80px;
	bottom:0;
	left:auto;
	right:200px;
	height:20px;
	width:calc(100% - 196px - 250px)
}
.newsArea .slick-dots-bottom li button:before {
	background-color:#fff
}
.newsArea .slick-dots-bottom li.slick-active button:before {
	background-color:#377dcd;
	opacity:1
}
@media (max-width:1180px) {
	.newsArea {
	width:100%;
	top:0;
	padding-bottom:85px
}
.newsArea:before {
	bottom:55px;
	right:0;
	background-size:20%
}
.newsArea .crossBtn {
	top:auto;
	bottom:0;
	right:50%;
	transform:translateX(50%)
}
.newsArea .newsList li:nth-child(2n) .item {
	flex-direction:row
}
.newsArea .newsList .item {
	flex-wrap:wrap;
	max-width:395px;
	margin:0 auto
}
.newsArea .newsList .item .Txt {
	width:100%;
	order:2
}
.newsArea .newsList .item .Img {
	width:100%;
	order:1
}
.newsArea .slick-dots-bottom {
	top:auto;
	bottom:-30px;
	right:0;
	width:100%
}
}@media (max-width:480px) {
	.newsArea .newsList .item {
	width:100%;
	max-width:440px
}
.newsArea .newsList .Img {
	height:auto
}
}@media (max-width:400px) {
	.newsArea .newsList .Txt {
	padding:20px
}
}