﻿.core-advantage-area {
	/* background-image: url(img/advantage-bg.png); */
	background: linear-gradient(to right, #0580B1, #20B58F)!important;
	background-size: 100% 100%;
	text-align: center;
	position: relative;
	padding-bottom: 6.5789vw;
	position: relative;
}
.core-advantage-area .wave-1{
	width: 100%;
	height: 12.7632vw;
	position: absolute;
	left: 0;
	bottom: -2.6042vw;
	transform: translate3d(4px, 0px, 0);
	animation: waveMove 5s ease-in-out 0.7s infinite forwards;
}
.core-advantage-area .wave-2{
	width: 100%;
	height: 12.7632vw;
	position: absolute;
	left: 0;
	bottom: -2.6042vw;
	transform: translate3d(4px, 0px, 0);
	animation: waveMove 5s ease-in-out 1.5s infinite forwards;
}
.core-advantage-area .title-container .zh-title,
.core-advantage-area .title-container .sub-title {
	color: #fff !important;
}

.core-advantage-area .firse-circle {
	width: 38.0263vw;
	height: 38.0263vw;
	/* border: 2px solid rgba(255, 255, 255, 0.2); */
	display: inline-block;
	border-radius: 50%;
	position: relative;
}

.core-advantage-area .second-circle {
	width: 92%;
	height: 92%;
	/* border: 2px solid rgba(255, 255, 255, 0.2); */
	display: inline-block;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.sector-circle {
	width: 12.9605vw;
	height: 11.7763vw;
	position: absolute;
}

.sector-1 {
	left: 4.0132vw;
	top: 1.6447vw;
}

.sector-2 {
	right: 4.0132vw;
	top: 1.6447vw;
}

.sector-3 {
	left: 0px;
	top: 9.7368vw;
	width: 11.1979vw;
	height: 15.1042vw;
}

.sector-4 {
	left: 4.1816vw;
    bottom: 1.7447vw;
}

.sector-5 {
	right: 0px;
	top: 9.8368vw;
    width: 11.1328vw;
    height: 15.1042vw;
}

.sector-6 {
	right: 3.8816vw;
	bottom: 1.6447vw;
}

.sector-1-out {
	transform: scale(1.1);
	left: 3.0132vw;
    top: 0.0447vw;
	/* left: 3.0921vw;
	top: .4605vw; */
}

.sector-5-out {
	transform: scale(1.1);
	right: -1.9132vw;
	top: 9.8368vw;
	/* right: -1.5132vw;
	top: 9.7368vw; */
}

.sector-2-out {
	transform: scale(1.1);
	right: 3.0132vw;
    top: 0.0447vw;
	/* right: 3.0921vw;
	top: .3947vw; */
}

.sector-3-out {
	transform: scale(1.1);
	left: -1.9132vw;
    top: 9.7368vw;
	/* left: -1.5132vw;
	top: 9.7368vw; */
}

.sector-4-out {
	transform: scale(1.1);
	left: 3vw;
    bottom: -0.1vw;
	/* left: 3.0921vw;
	bottom: .5263vw; */
}

.sector-6-out {
	transform: scale(1.1);
	right: 3.0816vw;
    bottom: -0.1vw;
	/* right: 3.0921vw;
	bottom: .5263vw; */
}

.desc-box-border {
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 6px;
}

.desc-box {
	color: #fff;
	width: 12.9605vw;
	height: 4.7368vw;
	background: rgba(255, 255, 255, 0.2);
	font-size: .8553vw;
	border-radius: 6px;
	display: flex;
	align-items: center;
	text-align: left;
	padding: .7895vw;
}

.desc-border {
	height: 1px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width: 19.0789vw;
	position: absolute;
}

.desc-sector-1 {
	position: absolute;
	left: 8.7868vw;
    top: 1.5421vw;
	display: flex;
	align-items: center;
}

.desc-sector-1 .desc-border {
	left: 13.0921vw;
	top: 2.5vw;
}

.desc-sector-3 {
	position: absolute;
	left: 8.1868vw;
	top: 16.3789vw;
	display: flex;
	align-items: center;
}

.desc-sector-3 .desc-border {
	left: 13.0921vw;
	top: 2.3026vw;
}

.desc-sector-4 {
	position: absolute;
	left: 8.6868vw;
	bottom: 2.3026vw;
	display: flex;
	align-items: center;
}

.desc-sector-4 .desc-border {
	left: 13.0921vw;
	bottom: 2.3026vw;
}

.desc-sector-2 {
	position: absolute;
	right: 8.7868vw;
	top: 1.5421vw;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.desc-sector-2 .desc-border {
	right: 13.0921vw;
	top: 2.5658vw;
}

.desc-sector-5 {
	position: absolute;
	right: 8.1868vw;
	top: 16.4989vw;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.desc-sector-5 .desc-border {
	right: 13.0921vw;
	top: 2.3026vw;
}

.desc-sector-6 {
	position: absolute;
	right: 8.6868vw;
	bottom: 2.3026vw;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.desc-sector-6 .desc-border {
	right: 13.0921vw;
	bottom: 2.3026vw;
}

.desc-sector-3 .desc-border,
.desc-sector-5 .desc-border {
	width: 11.3816vw;
}



.desc-sector-1-out {
	top: 0.0289vw;
    left: 8.4237vw;
}

.desc-sector-2-out {
	top: 0.0289vw;
    right: 8.4237vw;
}

.desc-sector-3-out {
	left: 6.3132vw;
}

.desc-sector-4-out {
	left: 6.5104vw;
	bottom: 5px;
}

.desc-sector-5-out {
	right: 6.3132vw;
}

.desc-sector-6-out {
	right: 0.99rem;
	bottom: 0.09rem;
}

.desc-out .desc-box-border {
	transform: scale(1.3, 1.75);
}

.desc-out .desc-box {
	transform: scale(0.9, 0.8);
}

.desc-out .desc-box span {
	transform: scale(1, 0.9);
}

.desc-sector-1-out .desc-border {
	width: 16.4474vw !important;
	left: 15.0658vw !important;
}

.desc-sector-3-out .desc-border {
	width: 1.45rem;
	left: 2.27rem !important;
}

.desc-sector-4-out .desc-border {
	width: 2.81rem;
	left: 2.29rem;
}

.desc-sector-2-out .desc-border {
	width: 2.5rem !important;
	right: 2.29rem !important;
}

.desc-sector-5-out .desc-border {
	width: 1.45rem;
	right: 2.27rem !important;
}

.desc-sector-6-out .desc-border {
	width: 2.81rem;
	right: 2.29rem;
}

.advantage-center {
	width: 8.8158vw;
	height: 8.8158vw;
	background: rgba(255,255,255,0.2);
    border-radius: 50%;
	padding:1.9737vw;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	animation: imgRotate 10s linear;
	-webkit-animation: imgRotate 5s infinite;
}

.core-advantage-area .en-title {
	color: #fff;
}

.core-advantage-area .sub-title {
	font-size: 0.13rem;
}

.sector-target-1 {
	transform: rotate(45deg);
	width: 70%;
	height: 60%;
	position: absolute;
	top: 20%;
	border-radius: 50%;
	left: 20%;
}

.sector-target-2 {
	width: 60%;
	height: 60%;
	position: absolute;
	top: 20%;
	border-radius: 50%;
	left: 10%;
}

.sector-target-3 {
	width: 60%;
	height: 60%;
	position: absolute;
	top: 20%;
	border-radius: 50%;
	left: 30%;
}

.sector-target-4 {
	width: 65%;
	height: 60%;
	position: absolute;
	top: 15%;
	border-radius: 50%;
	left: 30%;
}

.sector-target-5 {
	width: 65%;
	height: 60%;
	position: absolute;
	top: 17%;
	border-radius: 50%;
	left: 10%;
}

.sector-target-6 {
	width: 70%;
	height: 60%;
	position: absolute;
	top: 17%;
	border-radius: 50%;
	left: 5%;
}

@-webkit-keyframes imgRotate {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}
@keyframes waveMove {

	0%,
	to {
		opacity: 0.5;
		transform: scaleY(0.5)
	}

	50% {
		opacity: 1;
		transform: translate3d(.2632vw, 1.8579vw, 0)
	}
}