﻿.product-area {
	/* background-image: url(img/product-bg-1.png); */
	height: 48.6184vw;
	/* background-size: 100% 100%; */
	background-position: right;
    background-size: 59.2105vw 100%;
    background-repeat: no-repeat;
}

.product-area .product-row {
	display: flex;
}

.process-area .product-col {
	display: flex;
	width: 50%;
}

.process-area .col-left {
	display: flex;
	flex-direction: column;
}

.process-area .col-left .circle {
	width: 4.2105vw;
	height: 4.2105vw;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 3.9474vw;
	background: #fff;
	box-shadow: 0px 0px .9868vw #b9e8b7;
	position: relative;
	cursor: pointer;
}

.product-area .col-left .product-icon {
	width: 60%;
	position: absolute;
}

.process-area .col-left .circle .circle-wrap {
	width: 50%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: transparent;
}

.process-area .col-left .circle .warp-all {
	width: 4.2105vw;
	height: 4.2105vw;
	box-sizing: border-box;
	border: .3289vw solid #B9E8B7;
	border-radius: 50%;
	position: absolute;
	top: 0;
	animation-timing-function: linear;
}

.process-area .col-left .circle .leftcircle {
	left: 0;
	border-bottom: .3289vw solid #26D7A7;
	border-left: .3289vw solid #26D7A7;
	transform: rotate(-135deg);
	animation-timing-function: linear;
	animation-duration: 10s;
	animation-iteration-count: infinite;


}

.process-area .col-left .circle .rightcircle {
	right: 0;
	border-top: .3289vw solid #26D7A7;
	border-right: .3289vw solid #26D7A7;
	transform: rotate(-135deg);
	animation-timing-function: linear;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}

.process-area .col-right {
	flex: 1;
	padding-top: 5.1974vw;
	padding-left: 3.8816vw;
}

.product-area .col-right .title {
	font-size: 1.25vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #383838;
	margin-bottom: 1.3158vw;
	animation: fadeInUp 1s ease both;
	animation-delay: 0.4s;
}
.product-area .col-right .product-content{
	padding-right: 3.2895vw;
}
.product-area .col-right .content {
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 1.9079vw;
	animation: fadeInUp 1s ease both;
	animation-delay: 0.4s;
	text-align: justify;
}
.product-area .col-right .btn-area{
	animation: fadeInUp 1s ease both;
		animation-delay: 0.4s;
}
.product-area .col-right .detail-link {
	background: url(img/detail-btn.png);
	width: 7.5658vw;
	height: 2.1053vw;
	background-size: contain;
	margin-top: 4.0132vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	position: relative;
	color: #383838;
	padding: 0px .6579vw 0px .6579vw;
	border-radius: 5px;
	cursor: pointer;
}
.product-area .detail-link:after {
	background: linear-gradient(to right, #0697d0, #2fe79d);
	content: "";
	height: 10.1974vw;
	left: -4.9342vw;
	opacity: .4;
	position: absolute;
	top: -3.2895vw;
	transform: rotate(35deg);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 3.2895vw;
	z-index: -10;
}
.product-area .col-right .detail-link img {
	width: 1.6447vw;
	height: .3947vw;
}

.product-area .col-right .detail-link span {
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #383838;
}

.product-area .col-right .detail-link:hover {
	color: #fff;
	background: linear-gradient(to right, #0697d0, #2fe79d);
	animation: btnRotate 0.7s ease-in-out both;
}
.product-area .col-right .detail-link:hover span{
	color: #fff;
}
.product-area .col-right .detail-link:hover:after {
	left: 120%;
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.product-area .col-right .detail-link:hover .ic-arrow-black {
	display: none;
}
.product-area .col-right .detail-link .ic-arrow-white{
	display: none;
}
.product-area .col-right .detail-link:hover .ic-arrow-white {
	display: inline-block;
}

.product-introduce {
	/* position: relative; */
	width: 50%;
	background-size: 100% 100%;
}

.product-introduce .product-1 {
	width: 13.6842vw;
    height: 13.3553vw;
    position: absolute;
    right: 36.1842vw;
    top: 13.8158vw;
	transform: translate3d(4px, 0px, 0);
	animation: product-1-1Move 3s ease-in-out 0s infinite forwards;
}

.product-introduce .product-1-2 {
	width: 19.8026vw;
    height: 20.6579vw;
    position: absolute;
    right: 20.7237vw;
    top: 15.5921vw;
	z-index: 88;
}

.product-introduce .product-1-3 {
	width: 13.6184vw;
	height: 14.4737vw;
	position: absolute;
	right: 35.1974vw;
    bottom: 7.2368vw;
	z-index: 99;
	transform: translate3d(4px, 0px, 0);
	animation: product-1-1Move 3s ease-in-out 0.7s infinite forwards;
}

.product-introduce .product-1-4 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 4.7rem;
	bottom: 2.1rem;
	/* left: 2.57rem;
	bottom: 1.78rem; */
}

.product-introduce .product-1-5 {
	width: 0.30rem;
	height: 0.61rem;
	position: absolute;
	right: 2.9rem;
	bottom: 1.14rem;
}

.product-introduce .product-1-6 {
	width: 13.6184vw;
    height: 9.9342vw;
    position: absolute;
    right: 10.8553vw;
    bottom: 8.2237vw;
	animation: product-1-1Move 3s ease-in-out 1.2s infinite forwards;
}

.product-introduce .product-1-7 {
	width: 13.6184vw;
    height: 12.0395vw;
    position: absolute;
    right: 11.1842vw;
    top: 16.4474vw;
	animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}

.product-introduce .product-2 {
	width: 6.6447vw;
	height: 7.3684vw;
	position: absolute;
	right: 40.7895vw;
    top: 13.4868vw;
	animation: product-1-1Move 3s ease-in-out 0s infinite forwards;
}

.product-introduce .product-2-2 {
	width: 20.8553vw;
    height: 16.3816vw;
    position: absolute;
    right: 20.8553vw;
    top: 17.5vw;
}

.product-introduce .product-2-3 {
	width: 13.1579vw;
    height: 12.3684vw;
    position: absolute;
    right: 37.8289vw;
    bottom: 11.8421vw;
	z-index: 99;
	animation: product-1-1Move 3s ease-in-out 0.7s infinite forwards;
}

.product-introduce .product-2-4 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 3.86rem;
	bottom: 1.59rem;
}

.product-introduce .product-2-5 {
	width: 5.9211vw;
	height: 7.5658vw;
	position: absolute;
	right: 23.3553vw;
    bottom: 6.0526vw;
	animation: product-1-1Move 3s ease-in-out 1.2s infinite forwards;
}

.product-introduce .product-2-6 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 4.75rem;
	top: 2.13rem;
}

.product-introduce .product-2-7 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 3.02rem;
	top: 2.13rem;
}

.product-introduce .product-2-8 {
	width: 5.7895vw;
    height: 5.9868vw;
    position: absolute;
    right: 17.4342vw;
    top: 13.6842vw;
	animation: product-1-1Move 3s ease-in-out 1s infinite forwards;
}

.product-introduce .product-2-9 {
	width: 1.6447vw;
    height: 3.4211vw;
    position: absolute;
    right: 25.6579vw;
	bottom: 13.8158vw;
}

.product-introduce .product-2-10 {
	width: 13.5526vw;
    height: 11.1184vw;
    position: absolute;
    right: 11.7105vw;
    bottom: 11.1842vw;
	animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}

.product-introduce .product-3 {
	width: 13.2237vw;
    height: 12.8947vw;
    position: absolute;
    right: 37.8289vw;
    top: 13.8158vw;
	animation: product-1-1Move 3s ease-in-out 0s infinite forwards;
}

.product-introduce .product-3-2 {
	width: 17.7632vw;
	height: 16.4474vw;
	position: absolute;
	right: 23.0263vw;
    top: 18.75vw;
	z-index: 99;
}

.product-introduce .product-3-3 {
	width: 15.1316vw;
    height: 12.8947vw;
    position: absolute;
    right: 35vw;
    bottom: 6.9079vw;
	animation: product-1-1Move 3s ease-in-out 0.5s infinite forwards;
}

.product-introduce .product-3-9 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 2.97rem;
	bottom: 2.08rem;
}

.product-introduce .product-3-4 {
	width: 1.6447vw;
    height: 3.4211vw;
    position: absolute;
    right: 37.3684vw;
    bottom: 7.7632vw;
}

.product-introduce .product-3-5 {
	width: 14.5395vw;
    height: 10.8553vw;
    position: absolute;
    right: 11.1842vw;
    bottom: 8.5526vw;
	animation: product-1-1Move 3s ease-in-out 1s infinite forwards;
}

.product-introduce .product-3-6 {
	width: 8.5526vw;
	height: 5.3947vw;
	position: absolute;
	right: 11.1842vw;
    bottom: 19.7368vw;
	animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}

.product-introduce .product-3-7 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 3.90rem;
	top: 2.62rem;
}

.product-introduce .product-3-8 {
	width: 8.4868vw;
	height: 6.7763vw;
	position: absolute;
	right: 22.3684vw;
    top: 16.4474vw;
	animation: product-1-1Move 3s ease-in-out 1.2s infinite forwards;
}

.product-introduce .product-4 {
	width: 14.8684vw;
	height: 16.9079vw;
	position: absolute;
	right: 35.8553vw;
    top: 17.7632vw;
	animation: product-1-1Move 3s ease-in-out 0s infinite forwards;
}

.product-introduce .product-4-3 {
	width: 9.4079vw;
	height: 9.5395vw;
	position: absolute;
	right: 26.3158vw;
    bottom: 6.1184vw;
	animation: product-1-1Move 3s ease-in-out 0.5s infinite forwards;
}

.product-introduce .product-4-4 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 3rem;
	bottom: 1.1rem;
}

.product-introduce .product-4-2 {
	width: 6.1184vw;
	height: 7.8947vw;
	position: absolute;
	right: 28.9474vw;
    top: 24.6711vw;
}

.product-introduce .product-4-5 {
	width: 4.4079vw;
	height: 7.6974vw;
	position: absolute;
	right: 34.8684vw;
    top: 18.0921vw;
}

.product-introduce .product-4-7 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 3.02rem;
	top: 2.13rem;
}

.product-introduce .product-4-8 {
	width: 1.6447vw;
	height: 3.4211vw;
	position: absolute;
	right: 25.9868vw;
    top: 18.4211vw;
}

.product-introduce .product-4-6 {
	width: 17.2368vw;
	height: 16.8421vw;
	position: absolute;
	right: 11.6447vw;
    bottom: 14.0132vw;
	animation: product-1-1Move 3s ease-in-out 1s infinite forwards;
}

.product-introduce .product-4-9 {
	width: 0.21rem;
	height: 0.27rem;
	position: absolute;
	right: 1.24rem;
	bottom: 2.13rem;
}

.product-introduce .product-4-10 {
	width: 8.4868vw;
	height: 9.4079vw;
	position: absolute;
	right: 27.9605vw;
    top: 13.4868vw;
	animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}

.product-banner {
	position: relative;
}
.product-banner img{
	width: 100%;
}
.product-banner .container {
	position: absolute;
	bottom: 3.2895vw;
	left: 0;
	right: 0;
	
}

.product-banner .title {
	font-size: 3.8158vw;
	font-weight: 800;
	color: #FFFFFF;
}

.product-banner .sub-title {
	font-size: 1.3816vw;
	font-weight: 900;
	color: #FFFFFF;
	font-family: HarmonyOS Sans;
	display: flex;
	align-items: center;
}

.product-banner .line {
	display: inline-block;
	margin-left: .9211vw;
	width: 4.6053vw;
	height: .1316vw;
	background-color: #FFFFFF;
}

.subproduct-area img{
	width: 100%;
}

.subproduct-area .title{
	font-size: 2.6316vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #383838;
	padding-top: 5.2632vw;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
.energy-area{
	background-size: 100% 100%;
	height: 49.2105vw;
	background-color:#F4FDFA;
}
.energy-area .container{
	height: 80%;
	margin-top: 9.1797vw;
}
.energy-rows{
	display: flex;
	height: 100%;
}
.energy-rows .rows-col-left{
	position: relative;
	width: 60%;
}
.energy-rows .rows-col-left img{
	position: absolute;
}
.energy-rows .rows-col-left .energy-1{
	width: 13.6842vw;
	height: 13.3553vw;
	top: 5.2632vw;
    left: 2.6316vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0s infinite forwards;

}
.energy-rows .rows-col-left .energy-2{
	width: 19.8026vw;
	height: 20.6579vw;
	top: 6.5789vw;
    left: 11.8421vw;
	z-index: 33;
}
.energy-rows .rows-col-left .energy-3{
	width: 13.6184vw;
	height: 14.4079vw;
	left: 3.2895vw;
    bottom: 6.25vw;
	z-index: 33;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0.7s infinite forwards;
}
.energy-rows .rows-col-left .energy-4{
	width: 13.6184vw;
	height: 9.9342vw;
	bottom: 7.7632vw;
    right: 12.1711vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}
.energy-rows .rows-col-left .energy-5{
	width: 13.6184vw;
	height: 12.0395vw;
	right: 11.5132vw;
    top: 7.5658vw;
    z-index: 10;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 2s infinite forwards;
}
.energy-rows .rows-col-right{
	flex:1;
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 1.9079vw;
	display: flex;
	align-items: center;
	text-align: justify;
}
.energy-rows .rows-col-right .sub-title{
	font-size: 2.6042vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #383838;
	margin-bottom: 2.3438vw;
}
.energy-rows .rows-col-right .subproduct-desc{
	margin-bottom: 9.1146vw;
}
.energy-model-area{
	padding-bottom: 5.2632vw;
}
.energy-model-area .title{
	margin-bottom: 5.6579vw;
}
.energy-model-rows{
	display: flex;
	justify-content: space-between;
	height: 15.5263vw;
}
.energy-model-rows .model-line{
	width: .1316vw;
	height: 100%;
	background: RGBA(149, 149, 149, 0.3);
}
.energy-model-rows .model-col{
	display: flex;
}
.model-list{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-left: .7895vw;
}
.model-col-desc{
	position: relative;
}
.model-col-desc span{
	position: absolute;
	font-size: 1.5132vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	left: 4.6053vw;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
}
.energy-model-rows .model-col img{
	width: 21.0526vw;
	height: 100%;
}
.model-item{
	background: RGBA(88, 88, 88, 0.1);
	height: 2.8947vw;
	line-height: 2.8947vw;
	text-align: center;
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #666666;
	border-radius: 5px;
	padding:0px .7895vw;
}
.model-list .model-item:hover{
	background: linear-gradient(to right, #148AB8, #35C98E);
	color: #fff;
}
.scores-area{
	background: #F4FDFA;
}
.scores-area .title{
	margin-bottom: 4.6053vw;
}
.scores-area table{
	width: 100%;
}
.scores-area table td{
	text-align: center;
}
.scores-area table td:nth-child(2n+1){
	background: linear-gradient(to right, #148AB8, #35C98E);
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	padding:1.0526vw 0px;
	width: 15%;
}
.scores-area table td:nth-child(2n){
	width: 35%;
	text-align: left;
	background: RGBA(107, 154, 161, 0.1);
	padding:1.0526vw 0px 1.0526vw 1.3158vw;
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #666666;
	opacity: 0.8;
}
.scores-area table tr:nth-child(2n) td:nth-child(2n){
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	padding:1.0526vw 0px;
	width: 15%;
}
.scores-area table tr:nth-child(2n) td:nth-child(2n){
	background: RGBA(67, 121, 121, 0.2);
	padding:1.0526vw 0px 1.0526vw 1.3158vw;
}
.scores-area table tr:nth-child(2n) td:nth-child(2n+1){
	background: linear-gradient(to right, RGBA(14, 132, 178, 1), RGBA(47, 196, 136, 0.8));
}

.example-area{
	padding-bottom: 5.2632vw;
}
.example-area .title{
	margin-bottom: 4.6053vw;
}
.example-area .cases-list{
	display: flex;
	flex-wrap: wrap;
}
.example-area .cases-col{
	width: 25%;
	margin-bottom: 2.6316vw;
	height: 17.0395vw;
}
.example-area .cases-col .img-area{
	overflow: hidden;
	height: 100%;
}
.example-area .cases-col img{
	transition: all 0.6s;
	z-index: 8;
	height: 100%;
    width: 100%;
}
.example-area .cases-col:hover img{
	transform: scale(1.2);
}

.example-area .cases-col:nth-child(4n+1){
	padding-right: 36px;
}
.example-area .cases-col:nth-child(4n+2){
	padding-left: 12px;
	padding-right: 24px;
}
.example-area .cases-col:nth-child(4n-1){
	padding-left: 24px;
	padding-right: 12px;
}
.example-area .cases-col:nth-child(4n){
	padding-left: 36px;
}
.example-area .cases-col .col-title{
	z-index: 10;
	height: 4.1447vw;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: .9211vw;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0px 1.5789vw;
	bottom: 0px;
    width: 100%;
    position: absolute;
}
.example-area .cases-col:hover .col-title{
	background: linear-gradient(to right, #0697d0, #2fe79d);

}
.example-area .cases-col .col-title span:first-child{
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	flex:1;
	margin-right: .651vw;
}
.example-area .cases-col .col-title a{
	color: #fff;
	font-size: .8553vw;
	opacity: 0.8;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.example-area .cases-col .col-title .iconfont{
	font-size: .7895vw;
}
.example-area .cases-col .col-inner{
	position: relative;
	height: 100%;
}

.emc-area{
	background-size: 100% 100%;
	height: 49.2105vw;
	background-color:#F4FDFA;
}
.emc-area .container{
	height: 80%;
	margin-top: 9.1797vw;
}
.emc-rows{
	display: flex;
	height: 100%;
}
.emc-rows .rows-col-right{
	position: relative;
	width: 60%;
}
.emc-rows .rows-col-right img{
	position: absolute;
}
.emc-rows .rows-col-right .emc-1{
	width: 6.6447vw;
	height: 7.3684vw;
	top: 4.4079vw;
    left: 12.6974vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0s infinite forwards;
}
.emc-rows .rows-col-right .emc-2{
	width: 20.8553vw;
	height: 16.3816vw;
	top: 8.3026vw;
    left: 18.2995vw;
    z-index: 33;
}
.emc-rows .rows-col-right .emc-3{
	width: 13.1579vw;
	height: 12.9605vw;
	left: 9.5395vw;
    bottom: 11.1842vw;
	z-index: 33;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0.7s infinite forwards;
}
.emc-rows .rows-col-right .emc-4{
	width: 5.9211vw;
	height: 7.5658vw;
	bottom: 5.5921vw;
    right: 16.4474vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}
.emc-rows .rows-col-right .emc-5{
	width: 13.5526vw;
	height: 11.1184vw;
	right: 4.7368vw;
    bottom: 10.5263vw;
    z-index: 10;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 2s infinite forwards;
}
.emc-rows .rows-col-right .emc-6{
	width: 1.6447vw;
	height: 3.4211vw;
	right: 18.75vw;
    bottom: 13.8158vw;
}
.emc-rows .rows-col-right .emc-7{
	width: 5.7895vw;
	height: 6.0526vw;
	right: 11.1842vw;
    top: 4.6053vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 2.5s infinite forwards;
}
.emc-rows .rows-col-left{
	flex:1;
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 1.9079vw;
	display: flex;
	align-items: center;
	text-align: justify;
}
.emc-rows .rows-col-left .subproduct-desc{
	margin-bottom: 9.1146vw;
}
.emc-rows .rows-col-left .sub-title{
	font-size: 2.6042vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #383838;
	margin-bottom: 2.3438vw;
}
.effect-area{
	padding-bottom: 5.2632vw;
}
.effect-area .title{
	margin-bottom: 4.6053vw;
}
.effect-rows{
	display: flex;
	justify-content: space-between;
	height: 22.5vw;
}
.effect-rows .rows-col{
	background: #E5E5E5;
	width: 23.4868vw;
	font-size: 1.25vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	transition: all 0.3s;
}
.effect-rows .rows-col:hover{
	box-shadow: 0px 0px .651vw rgb(0 0 0 / 10%);
	transform: translate(0, -10px);
}
.effect-rows .col-item{
	height: 7.5vw;
	background: #E5E5E5;
	width: 23.4868vw;
	display: flex;
    align-items: center;
    justify-content: center;
}
.effect-rows .rows-col:nth-child(2) .col-item:nth-child(1){
	background: linear-gradient(to right, RGBA(6, 149, 207, 0.5), RGBA(46, 229, 155, 0.5));
}
.effect-rows .rows-col:nth-child(2) .col-item:nth-child(2){
	background: linear-gradient(to right, RGBA(6, 149, 207, 1), RGBA(46, 229, 155, 1));
	color: #fff;
}
.effect-rows .rows-col:nth-child(3) .col-item:nth-child(1){
	background: linear-gradient(to right, RGBA(6, 149, 207, 1), RGBA(46, 229, 155, 1));
	flex:1;
	color: #fff;
}
.effect-bottom{
	position: relative;
	margin-top: 3.75vw;
	padding-bottom: 2.6316vw;
	font-size: 1.5789vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333
}
.effect-bottom img{
	width: 100%;
	height: 1.3158vw;
	
}
.effect-bottom span:nth-child(2){
	position: absolute;
	left: 9.5395vw;
	bottom: 0;
}
.effect-bottom span:nth-child(3){
	position: absolute;
	right: 26.6447vw;
	bottom: 0;
}
.step-area{
	background-color: #F4FDFA;
	padding-bottom: 5.2632vw;
}
.step-area .title{
	margin-bottom: 4.6053vw;
}
.step-area ul{
	margin: 0px;
	padding:0px;
}
.step-area li{
	padding: 0px;
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 1.9079vw;
	margin-left: 1.3158vw;
}
.step-rows{
	display: flex;
	justify-content: space-between;
}

.step-rows .step-col{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.step-rows .step-col img{
	width: 28.1579vw;
	height: 13.6842vw;
}
.step-col-left .step-col-item{
	background-size: 100% 100%!important;
	width: 28.1579vw;
	height: 13.6842vw;
	padding:1.25vw 2.6974vw;
	position: relative;
}
.step-col-left .step-col-item .ic-step-1{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 7.2917vw;
    height: 7.8125vw;
}
.step-col-left .step-col-item .ic-step-2{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 8.0729vw;
    height: 7.1615vw;
}
.step-col-right .step-col-item .ic-step-3{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 9.7005vw;
    height: 8.4635vw;
}
.step-col-right .step-col-item .ic-step-4{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10.4818vw;
    height: 9.7656vw;
}
.step-col-right .step-col-item .ic-step-5{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 7.8125vw;
    height: 8.138vw;
}
.step-rows .step-col-item:hover{
	background: linear-gradient(to right, #0697d0, #2fe79d)!important;
}
.step-rows .step-col-item:hover .item-title{
	color: #fff;
}
.step-rows .step-col-item:hover li{
	color: #fff;
}
.step-col-right .step-col-item{
	background-size: 100% 100%;
	width: 28.1579vw;
	padding:1.25vw 2.6974vw;
	margin-bottom: .8553vw;
	position: relative;
}
.step-col-right .step-col-item:last-child{
	margin-bottom: 0px;
}
.step-rows .rows-col:nth-child(2){
	display: flex;
	align-items: center;
	justify-content: center;
}
.step-rows .rows-col:nth-child(2) img{
	width: 21.6447vw;
	height: 21.5132vw;
}
.step-rows .step-col-left{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.step-col-right .step-col-item li{
	margin-left: 1.3158vw;
}
.step-rows .item-title{
	font-size: 1.25vw;
	margin-bottom: .3947vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333;
}

.trade-area{
	background-size: 100% 100%;
	height: 49.2105vw;
	background-color:#F4FDFA;
}
.trade-area .container{
	height: 80%;
	margin-top: 9.1797vw;
}
.trade-rows{
	display: flex;
	height: 100%;
}
.trade-rows .rows-col-right{
	position: relative;
	width: 58%;
}
.trade-rows .rows-col-right img{
	position: absolute;
}
.trade-rows .rows-col-right .trade-1{
	width: 14.8684vw;
	height: 16.9079vw;
	top: 8.5526vw;
    right: 28.9714vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0s infinite forwards;
}
.trade-rows .rows-col-right .trade-2{
	width: 9.4079vw;
	height: 9.6053vw;
	bottom: 5.3947vw;
    right: 19.5313vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0.7s infinite forwards;
}
.trade-rows .rows-col-right .trade-3{
	width: 17.2368vw;
	height: 16.7763vw;
	right: 4.9342vw;
    bottom: 13.4868vw;
	z-index: 33;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}
.trade-rows .rows-col-right .trade-4{
	width: 6.1184vw;
	height: 7.9605vw;
	bottom: 16.1184vw;
    right: 22.3684vw;
}
.trade-rows .rows-col-right .trade-5{
	width: 8.4868vw;
	height: 9.4079vw;
	right: 21.3816vw;
    top: 4.2763vw;
    z-index: 10;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 2s infinite forwards;
}
.trade-rows .rows-col-right .trade-6{
	width: 4.4079vw;
	height: 7.7632vw;
	right: 27.9948vw;
    top: 8.8016vw;
}
.trade-rows .rows-col-right .emc-7{
	width: 5.7895vw;
	height: 6.0526vw;
	right: 11.1842vw;
    top: 4.6053vw;
}
.trade-rows .rows-col-left{
	flex:1;
	font-size: .9115vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 1.9079vw;
	display: flex;
	align-items: center;
	text-align: justify;
}
.trade-rows .rows-col-left .sub-title{
	font-size: 2.6042vw!important;
	font-family: Source Han Sans CN!important;
	font-weight: 500!important;
	color: #383838!important;
	margin-bottom: 2.3438vw!important;
}
.trade-rows .rows-col-left .subproduct-desc{
	margin-bottom: 9.1146vw;
}
.trade-flow-area{
	position: relative;
	padding-bottom: 19.7368vw;
}
.trade-flow-area .title{
	margin-bottom: 19.7368vw;
}
.trade-flow-block{
	width: 100%;
	height: .1316vw;
	background: linear-gradient(to right, #0697D0, #2FE79D);
	position: relative;
}
.trade-flow-block .circle-col{
	background: linear-gradient(to right, #0697D0, #2FE79D);
	width: 1.9737vw;
	height: 1.9737vw;
	color: #fff;
	line-height: 1.9737vw;
	border-radius: 50%;
	text-align: center;
	font-size: .9211vw;
	font-weight: bold;
}
.trade-flow-block .circle-col-outer{
	background: RGBA(45, 230, 155, 0.3);
	width: 2.6316vw;
	height: 2.6316vw;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
}
.trade-flow-block .flow-up-img,.trade-flow-block .flow-down-img{
	height: 11.1184vw;
	width: 15.8553vw;
	position: absolute;
	background-size: 100% 100%;
	transform: translateX(-50%);
	display: none;

}
.trade-flow-block .flow-up-img{
	top:-13.4868vw;
	padding:1.1184vw 1.9737vw;
}
.trade-flow-block .flow-up-img:hover{
	background: linear-gradient(to right, #0697d0, #2fe79d)!important;
}
.trade-flow-block .flow-up-img:hover .flow-title{
	color: #FFF;
}
.trade-flow-block .flow-up-img:hover .flow-content{
	color: #FFF;
}
.trade-flow-block .flow-down-img{
	padding:1.1184vw 1.9737vw;
}
.trade-flow-block .flow-down-img:hover{
	background: linear-gradient(to right, #0697d0, #2fe79d)!important;
}
.trade-flow-block .flow-down-img:hover .flow-title{
	color: #FFF;
}
.trade-flow-block .flow-down-img:hover .flow-content{
	color: #FFF;
}
.trade-flow-area .flow-container{
	display: flex;
	justify-content: space-between;
	padding:0px 7.9605vw;
}
.trade-flow-block .flow-title{
	font-size: 1.3158vw;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.trade-flow-block .flow-content{
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 1.7105vw;
}

.service-score-area{
	background: linear-gradient(to right, #0588BB, #2ACF8D);
	color: #fff;
	position: relative;
}
.service-score-area .title{
	color:#fff;
	margin-bottom: 4.6053vw;
}
.service-score-area .score-rows{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0px 6.5789vw 5.7237vw 6.5789vw;

}
.service-score-area .line{
	background: rgba(255,255,255,0.3);
	width: 1px;
	height: 12.5vw;
	margin:0px 6.5789vw;
}
.service-score-area .rows-col{
	flex:1;
}
.service-score-area .col-title{
	font-size: 1.25vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	margin-bottom: 1.1842vw;
}
.service-score-area .col-title span{
	color: #FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-bottom: .6579vw;
}
.service-score-area .col-content{
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 3.2237vw;
}
.col-statis-block{
	display: flex;
	justify-content: space-between;
}
.col-statis-block .block-col{
	padding:0px;
}
.col-statis-block .block-col .value{
	font-size: 3.6184vw;
	font-family: HarmonyOS Sans;
	font-weight: 900;
	color: #FFFFFF;
}
.col-statis-block .block-col .label{
	font-size: .9211vw;
	font-family: HarmonyOS Sans;
	color: #FFFFFF;
}
.service-bottom-bg{
	height: 6.5789vw;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.service-score-area .wave-1{
	width: 100%;
	height: 7.1615vw;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate3d(4px, 0px, 0);
	animation: waveMove 5s ease-in-out 0.7s infinite forwards;
}
.service-score-area .wave-2{
	width: 100%;
	height: 7.1615vw;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate3d(4px, 0px, 0);
	animation: waveMove 5s ease-in-out 1.5s infinite forwards;
}
.integrate-area{
	background-size: 100% 100%;
	height: 49.2105vw;
	background-color:#F4FDFA;
}
.integrate-area .container{
	height: 80%;
	margin-top: 9.1797vw;
}
.integrate-rows{
	display: flex;
	height: 100%;
}
.integrate-rows .rows-col-left{
	position: relative;
	width: 60%;
}
.integrate-rows .rows-col-right .sub-title{
	font-size: 2.6042vw!important;
	font-family: Source Han Sans CN!important;
	font-weight: 500!important;
	color: #383838!important;
	margin-bottom: 2.3438vw!important;
}
.integrate-rows .rows-col-right .subproduct-desc{
	margin-bottom: 9.1146vw;
}
.integrate-rows .rows-col-left img{
	position: absolute;
}
.integrate-rows .rows-col-left .integrate-1{
	width: 13.2237vw;
	height: 12.8947vw;
	top: 5.2632vw;
    left: 2.6316vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0s infinite forwards;
}
.integrate-rows .rows-col-left .integrate-2{
	width: 15.1316vw;
	height: 12.8289vw;
	bottom: 6.5789vw;
    left: 2.6316vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0.7s infinite forwards;
}
.integrate-rows .rows-col-left .integrate-3{
	width: 17.7632vw;
	height: 16.5132vw;
	left: 12.8289vw;
    bottom: 12.8289vw;
	z-index: 33;
}
.integrate-rows .rows-col-left .integrate-4{
	width: 14.5395vw;
	height: 10.8553vw;
	bottom: 7.8947vw;
    right: 11.3816vw;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 1.5s infinite forwards;
}
.integrate-rows .rows-col-left .integrate-5{
	width: 8.5526vw;
	height: 5.3947vw;
	right: 11.5132vw;
    bottom: 19.2763vw;
    z-index: 10;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 2s infinite forwards;
}
.integrate-rows .rows-col-left .integrate-6{
	width: 8.4868vw;
	height: 6.7763vw;
	right: 22.0395vw;
    top: 7.5658vw;
    z-index: 10;
	transform: translate3d(4px, 0px, 0);
    animation: product-1-1Move 3s ease-in-out 0.6s infinite forwards;
}
.integrate-rows .rows-col-left .integrate-7{
	width: 1.6447vw;
	height: 3.4211vw;
	left: 14.1447vw;
    bottom: 7.2368vw;
    z-index: 10;
}
.integrate-rows .rows-col-right{
	flex:1;
	font-size: .9211vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 1.9079vw;
	display: flex;
	align-items: center;
}
.epc-area{
	padding-bottom: 5.2632vw;
}
.epc-area .title{
	margin-bottom: 4.6053vw;
}
.epc-area .epc-img{
	width: 100%;
	height: 16.5132vw;
}
.epc-area .epc-bg{
	display: flex;
	position: relative;
	justify-content: space-between;
}
.epc-area .epc-bg .epc-col{
	height: 16.5365vw;
	position: relative;
}
.epc-area .epc-bg img{
	height: 100%;
	position: absolute;
	width: 100%;
}

.epc-area .epc-bg .epc-row{
	width: 100%;
	height: 100%;
}
.epc-area .epc-bg .epc-row:nth-child(1) .inner-img{
	left: 50%;
    transform: translateX(-50%);
    bottom: 2.3438vw;
}
.epc-area .epc-bg .epc-row:nth-child(2){
	margin-left: -0.4587vw;
}
.epc-area .epc-bg .epc-row:nth-child(2) .ic-epc-border{
	height: 11.3281vw;
	top: .0651vw;
}
.epc-area .epc-bg .epc-row:nth-child(2) .inner-img{
	left: 50%;
    transform: translateX(-50%);
    margin-top: 2.3438vw;
}
.epc-area .epc-bg .epc-row:nth-child(3){
	margin-left: -0.4557vw
}
.epc-area .epc-bg .epc-row:nth-child(3) .ic-epc-border{
	height: 11.3281vw;
	bottom: .0651vw;
}
.epc-area .epc-bg .epc-row:nth-child(3) .inner-img{
	left: 50%;
    transform: translateX(-50%);
    bottom: 2.3438vw;
}
.epc-area .epc-bg .epc-row:nth-child(4){
	margin-left: -0.4557vw;
}
.epc-area .epc-bg .epc-row:nth-child(4) .ic-epc-border{
	height: 11.3281vw;
	top: .0651vw;
}
.epc-area .epc-bg .epc-row:nth-child(4) .inner-img{
	left: 50%;
    transform: translateX(-50%);
    top: 2.3438vw;
}
.epc-area .epc-bg .epc-row:nth-child(5){
	margin-left: -0.4557vw;
}
.epc-area .epc-bg .epc-row:nth-child(5) .ic-epc-border{
	height: 11.3281vw;
	bottom: .0651vw;
}
.epc-area .epc-bg .epc-row:nth-child(5) .inner-img{
	left: 50%;
    transform: translateX(-50%);
    top: 2.3438vw;
}
.epc-area .epc-bg .epc-row:nth-child(6){
	margin-left: -0.4557vw;
}
.epc-area .epc-bg .epc-row:nth-child(6) .ic-epc-border{
	height: 100%;
}
.epc-area .epc-bg .epc-row:nth-child(6) .inner-img{
	left: 50%;
    transform: translateX(-50%);
    top: 2.3438vw;
}
.epc-area .epc-bg .inner-img{
	position: absolute;
    width: 10.5469vw;
    height: 11.7839vw;
}


.epc-area .epc-desc{
	margin-top: 1.3816vw;
	font-size: 1.25vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #333333;
    width: 100%;
    text-align: center;
}
.epc-area .ic-epc{
	transition: all .2s;
}
.epc-area .inner-img:hover .ic-epc{
	transform: rotateY(180deg);
}
.capacity-area{
	padding-bottom: 3.2552vw;
	background-size: 100% 100%;
}
.capacity-area .title{
	margin-bottom: 4.6053vw;
}
.capacity-area .map-img{
	width: 65.9211vw;
	height: 54.2763vw;
}
.capacity-area .map-block{
	text-align: center;
	position: relative;
}
.map-title{
	position: absolute;
    top: 0px;
    text-align: left;
	left: 50%;
    transform: translateX(-50%);
}
.map-title .map-sub-title{
	font-size: 1.4474vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #595757;
	margin-top: -0.9868vw;
	text-align: center;
}
.map-statis{
	background-image: -webkit-linear-gradient(top, #0697d0, #2fe79d 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.map-title .map-statis .value{
	font-size: 3.2552vw;
    font-weight: bold;
}
.emc-share-area{
	background: linear-gradient(to right, #0786BD, #2ACE92);
	color: #fff;
	position: relative;
	padding-bottom: 6.5789vw;
}
.emc-share-area .wave-1{
	width: 100%;
	height: 8.8vw;
	position: absolute;
	left: 0;
	bottom: -2.6042vw;
	transform: translate3d(4px, 0px, 0);
	animation: waveMove 5s ease-in-out 0.7s infinite forwards;
}
.emc-share-area .wave-2{
	width: 100%;
	height: 8.8vw;
	position: absolute;
	left: 0;
	bottom: -2.6042vw;
	transform: translate3d(4px, 0px, 0);
	animation: waveMove 5s ease-in-out 1.5s infinite forwards;
}
.emc-share-area .title{
	color: #fff;
	margin-bottom: 4.6053vw;
}
.emc-share-area .emc-share-1{
	width: 17.2368vw;
	height: 17.2368vw;
	background-size:100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.emc-share-area .inner-circle{
	width: 7.7632vw;
	height: 7.7632vw;
	background: rgba(255,255,255,0.3);
	border-radius: 50%;
}
.emc-share-area .container{
	display: flex;
	justify-content: center;
	position: relative;
}
.emc-share-area .emc-share-block{
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
}
.emc-share-area .emc-share-box{
	background: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 5px;
	padding:1.3816vw 0px;
	width: 100%;
	text-align: center;
	flex:1;
	font-size: 1.25vw;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
}
.emc-share-col{
	flex:1;
	position: relative;
}
.emc-share-line{
	height: 1px;
	background: rgba(255,255,255,0.3);
	width: 6.5789vw
}
.emc-share-circle{
	width: .9868vw;
	height: .9868vw;
	border-radius: 50%;
	background: #fff;
	position: relative;
}

.emc-share-circle::after{
	content:" ";
	width: 1.3158vw;
	height: 1.3158vw;
	background: rgba(255,255,255,0.3);
	display: block;
	border-radius: 50%;
	position:absolute;
	top: -0.1974vw;
    left: -0.1974vw;
}
.emc-share-col.col-left .emc-share-circle{
	margin-right: -1.6447vw
	
}
.emc-share-col .block-bottom{
	bottom: -.9868vw;
}
.emc-share-col .block-top{
	top:-.9868vw;
}
.emc-share-col.share-col-right .emc-share-circle{
	margin-left: -1.6447vw;
}
.emc-share-area .inner-circle{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.emc-share-area .inner-circle img{
	width: 1.9079vw;
	height: 2.1053vw;
	margin-bottom: .3289vw;
}
.emc-share-area .inner-circle span{
	font-size: 1.25vw;
}
.heb-region{
	width: 6.9737vw;
	height: 7.0395vw;
	right: 23.6474vw;
    top: 17.8921vw;
}
.region-circle{
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	position:absolute;
}
.region-circle img{
	width: 1.7763vw;
	height: 2.5vw;
	top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-100%);
}
.region-circle .inner-block{
	text-align: left;
	position: absolute;
	left: 50%;
    transform: translate(0%,-50%);
    top: 50%;
    margin-left: 1.3021vw;
    width: 100%;
	margin-top: -0.1302vw;
}

.hen-region{
	width: 10.4818vw;
	height: 10.4818vw;
	right: 25.3906vw;
    top: 23.4375vw;
}
.hub-region{
	width: 5.2734vw;
	height: 5.2734vw;
	right: 27.3438vw;
    top: 31.25vw;
}
.jiangs-region{
	width: 7.0313vw;
	height: 7.0313vw;
	right: 18.5547vw;
    top: 27.9948vw
}
.zhej-region{
	width: 3.5156vw;
	height: 3.5156vw;
	right: 20.7031vw;
    top: 34.0495vw;
}
.guangd-region{
	width: 8.724vw;
	height: 8.724vw;
	right: 29.6224vw;
    top: 39.7135vw;
}
.guangx-region{
	width: 5.2734vw;
	height: 5.2734vw;
	right: 37.4349vw;
    top: 40.6901vw;
}
.region-circle .block-content{
	display: flex;
    align-items: baseline;
}
.region-circle .label{
	font-size: .7813vw;
	color: #595757;
}
.region-circle .value{
	font-size: 1.237vw;
	color: #595757;
}
.region-circle .city{
	font-size: 1.3672vw;
	color: #595757;
}
@keyframes product12Movepoint {

	50% {

		top: 2.05rem;
	}

	100% {

		top: 1.75rem;
	}

}

@keyframes product22Movepoint {

	50% {

		top: 2.05rem;
	}

	100%

		{

		top: 1.75rem;
	}

}

@keyframes product32Movepoint {

	50% {

		top: 2.05rem;
	}

	100% {

		top: 1.75rem;
	}

}

@keyframes product46Movepoint {

	50% {

		bottom: 2.35rem;
	}

	100%

		{

		bottom: 2.55rem;
	}

}

@keyframes product-1-1Move {

	0%,
	to {
		opacity: 1
	}

	50% {
		opacity: 1;
		transform: translate3d(.2632vw, -0.6579vw, 0)
	}
}

@keyframes circle_right {
	0% {
		transform: rotate(-135deg);
	}

	50%,
	100% {
		transform: rotate(45deg);
	}
}

@keyframes circle_left {

	0%,
	50% {
		transform: rotate(-135deg);
	}

	100% {
		transform: rotate(45deg);
	}
}
@keyframes waveMove {

	0%,
	to {
		opacity: 0.5;
		transform: scaleY(0.5)
	}

	50% {
		opacity: 1;
		transform: translate3d(.2632vw, 1.8579vw, 0)
	}
}