.bgimage img{
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

html{
    --font-size12:12px;
    --font-size13:12px;
    --font-size14:12px;
    --font-size15:12px;
    --font-size16:13px;
    --font-size17:14px;
    --font-size18:14px;
    --font-size20:15px;
    --font-size22:16px;
    --font-size24:18px;
    --font-size25:18px;
    --font-size26:18px;
    --font-size28:18px;
    --font-size30:18px;
    --font-size32:18px;
    --font-size36:18px;
    --font-size38:18px;
    --font-size40:18px;
    --font-size42:18px;
    --font-size46:20px;
    --font-size48:20px;
    --font-size50:20px;
    --font-size54:20px;
    --font-size56:20px;
    --font-size66:22px;
    --font-size60:22px;
    --font-size90:22px;
}
@media(min-width: 768px){
    html{
        --font-size12:0.885417vw;
        --font-size13:0.9375vw;
        --font-size14:0.989583vw;
        --font-size15:1.041667vw;
        --font-size16:1.09375vw;
        --font-size17:1.145833vw;
        --font-size18:1.197917vw;
        --font-size19:1.25vw;
        --font-size20:1.302083vw;
        --font-size22:1.40625vw;
        --font-size24:1.510417vw;
        --font-size25:1.5625vw;
        --font-size26:1.614583vw;
        --font-size28:1.71875vw;
        --font-size30:1.822917vw;
        --font-size32:1.927083vw;
        --font-size36:2.135417vw;
        --font-size38:2.239583vw;
        --font-size40:2.34375vw;
        --font-size42:2.447917vw;
        --font-size46:2.65625vw;
        --font-size48:2.760417vw;
        --font-size50:2.864583vw;
        --font-size54:3.072917vw;
        --font-size56:3.177083vw;
        --font-size60:3.385417vw;
        --font-size66:3.4375vw;
        --font-size90:4.6875vw;
    }
}
@media(min-width:1200px){
    html{
        --font-size12:0.625vw;
        --font-size13:0.677083vw;
        --font-size14:0.729167vw;
        --font-size15:0.78125vw;
        --font-size16:0.833333vw;
        --font-size17:0.885417vw;
        --font-size18:0.9375vw;
        --font-size20:1.041667vw;
        --font-size22:1.145833vw;
        --font-size24:1.25vw;
        --font-size25:1.302083vw;
        --font-size26:1.354167vw;
        --font-size28:1.458333vw;
        --font-size30:1.5625vw;
        --font-size32:1.666667vw;
        --font-size36:1.875vw;
        --font-size38:1.979167vw;
        --font-size40:2.083333vw;
        --font-size42:2.1875vw;
        --font-size46:2.395833vw;
        --font-size48:2.5vw;
        --font-size50:2.604167vw;
        --font-size54:2.8125vw;
        --font-size56:2.916667vw;
        --font-size60:3.125vw;
        --font-size66:3.4375vw;
        --font-size90:4.6875vw;
    }
}
.SmartFarm {
    padding: 6.09375vw 0 2.604167vw;
    text-align: center;
}
.SmartFarm .title{
    font-weight: 600;
    font-size: var(--font-size42);
    color: #000000;
    line-height: 1;
}
.SmartFarm .intro{
    width: 49.479167vw;
    font-weight: 400;
    font-size: var(--font-size16);
    color: #696969;
    line-height: 1.4;
    padding: 2.083333vw 0 3.729167vw;
    margin: auto;

}


.SmartFarm .icon{
    position: relative;
    height: 0.520833vw;
    margin: 0 0 3.645833vw;
}
.SmartFarm .icon img {
    width: 1.041667vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    min-height: 4.0625vw;
}
.SmartFarm .icon .dian{
    position: relative;
}
.SmartFarm .icon span:nth-child(1) {
    background: rgba(243, 152, 0, 0);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);

    width: 1.041667vw;
    height: 1.041667vw;
}
.SmartFarm .icon span:nth-child(2) ,
.SmartFarm .icon span:nth-child(3) {
    content: '';
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid rgba(2, 229, 122, 1);
    opacity: 0.3;
    -webkit-animation: scale1 3s linear infinite;
    animation: scale1 3s linear infinite ;
    -webkit-animation-delay: .8s;
    transform: translate(-50%, -50%);
    animation-delay: 1.5s;
    display: block !important;

    width: 1.041667vw;
    height: 1.041667vw;
} 
.SmartFarm .icon span:nth-child(3) {
    animation-delay: 3s;
}
/* .SmartFarm .icon span:nth-child(4){
    animation-delay: 3s;
} */
@keyframes scale1 {
    0% {
        width: 1.145833vw;
        height: 1.145833vw;
        background: rgba(2, 229, 122, .1);
        opacity: 0;
    }
    50% {
        opacity: .6;
        background: rgba(243,152,0,0);
    }
    100% {
        width: 5.46875vw;
        height: 5.46875vw;
        /* background: rgba(252,108,15,0); */
        opacity: 0;
    }
}
@-webkit-keyframes scale1 {
    0% {
        width: 1.145833vw;
        height: 1.145833vw;
        background: rgba(2, 229, 122, .1);
        opacity: 0;

    }
    50% {
        opacity: .6;
        background: rgba(243,152,0,0);
    }
    100% {
        width: 5.46875vw;
        height: 5.46875vw;
        /* background: rgba(252,108,15,0); */
        opacity: 0;
    }
}

@media(max-width:992px){
    .SmartFarm {
        padding: 30px 0;
    }
    .SmartFarm .intro {
        padding: 20px 0 55px;
        width: 100%;
        text-align: left;
    }
    .SmartFarm .icon img {
        width: auto;
    }


    .SmartFarm .icon{
        position: relative;
        height: 6px;
        margin: 0 0 30px;
    }
    .SmartFarm .icon img {
        width: 13px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateY(0) translateX(-50%);
        min-height: 48px;
    }
    @keyframes scale1 {
        0% {
            width: 15px;
            height: 15px;
            background: rgba(2, 229, 122, .1);
            opacity: 0;
        }
        50% {
            opacity: .6;
            background: rgba(243,152,0,0);
        }
        100% {
            width: 60px;
            height: 60px;
            /* background: rgba(252,108,15,0); */
            opacity: 0;
        }
    }
    @-webkit-keyframes scale1 {
        0% {
            width: 15px;
            height: 15px;
            background: rgba(2, 229, 122, .1);
            opacity: 0;
    
        }
        50% {
            opacity: .6;
            background: rgba(243,152,0,0);
        }
        100% {
            width: 60px;
            height: 60px;
            /* background: rgba(252,108,15,0); */
            opacity: 0;
        }
    }
    
}
.points {
    padding: 4.322917vw 0 5.208333vw;
    position: relative;
}
.points .columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 3.125vw;
}
.points .columns .title {
    font-weight: 600;
    font-size: var(--font-size42);
    color: #FFFFFF;
    line-height: 1;
}
.points .columns a {
    width: 3.4375vw;
    height: 2.5vw;
    border-radius: 50px;
    border: 0.104167vw solid ;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size14);
    margin: 0 0 0 .416667vw;
    color: #fff;
}
.points .columns>div:nth-child(2) {
    display: flex;
    align-items: center;
}
.points .columns a:hover{
    color: rgba(240, 130, 0, 1);
}


.points .swiper-slide{
    border-radius: 1.041667vw;
    background: linear-gradient(0deg, hsl(0deg 0% 100% / 100%), hsl(0deg 0% 100% / 80%));
    height: auto;
}
.points .swiper-slide:hover{
    background: #fff;
}
.points .swiper-slide>div:nth-child(1) {
    padding: 2.604167vw 1.864583vw 1.5625vw;
    border-bottom: 1px solid rgba(172, 172, 172, .2);
}
.points .swiper-slide .icon img {
    height: 2.708333vw; 
    margin: 0 0 1.5625vw;
}
.points .swiper-slide .Htitle {
    /* font-weight: 600; */
    font-size: var(--font-size20);
    color: #000000;
    line-height: 1;
}
.points .swiper-slide .intro {
    font-weight: 400;
    font-size: var(--font-size16);
    color: #696969;
    line-height: 1.4;
    padding: 1.5625vw 1.864583vw 3.125vw;
}

.points .swiper-pagination {
    display: none;
}
@media(max-width:992px){
    .points .columns .title {
        line-height: unset;
    }
    .points {
        padding: 30px 0;
    }
    .points .columns>div:nth-child(2){
        display: none;
    }
    .points .columns {
        margin: 0 0 20px;
    }
    .points .swiper-slide>div:nth-child(1) {
        padding: 30px 20px 20px ;
    }
    .points .swiper-slide .intro {
        padding: 20px 20px 40px;
    }
    .points .swiper-slide .icon img {
        height: 35px;
        margin: 0 0 20px;
    }
    .points .swiper-slide {
        border-radius: 10px;
    }
    .points .swiper-pagination {
        display: block;
    }

    .points .swiper-pagination-bullet-active {
        background: #F08200;
    }

}
.scenario {
    padding: 6.614583vw 0;
}
.scenario .title{
    font-weight: 600;
    font-size: var(--font-size42);
    color: #000000;
    padding: 0 0 3.125vw;
}
.scenario .columns {
    display: flex;
    margin: 0 0 1.041667vw;
}
.scenario .columns>div {
    padding: 2.864583vw 2.864583vw 3.125vw;
    border-radius: 1.041667vw;
}
.scenario .columns>div:nth-child(1) {
    width: 29.21875vw;
    margin: 0 1.041667vw 0 0 ;
    background: #E2EDF1;
}
.scenario .columns>div:nth-child(2) {
    flex: 1;
    background: rgba(246, 246, 246, .8);
} 
.scenario .columns .icon {
    display: flex;
    align-items: center;
    padding: 0 0 1.302083vw;
}
.scenario .columns .icon img {
    margin: 0 .364583vw 0 0;
    width: 1.979167vw ;
}
.scenario .columns .icon span {
    font-weight: 600;
    font-size: var(--font-size28);
    color: #000000;
}
.scenario .columns .intro {
    font-size: var(--font-size16);
    color: #696969;
    line-height: 1.4;
}

.scenario .images {
    position: relative;
    padding: 2.604167vw 5.208333vw 4.583333vw;
    text-align: center;

    border: 0.260417vw solid rgba(229, 240, 244, .8);
    border-radius: 1.041667vw;
}
.scenario .images .icon{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 2.604167vw;
}
.scenario .images .icon img {
    margin: 0 .46875vw 0 0;
    width: 1.875vw ;
}
.scenario .images .icon span {
    font-weight: 600;
    font-size: var(--font-size28);
    color: #000000;
}
@media(max-width:992px){
    .scenario {
        padding: 35px 0;
    }
    .scenario .title {
        padding: 0 0 20px;
    }
    .scenario .columns {
        display: block;
        margin: 0 0 20px;
    }
    .scenario .columns>div:nth-child(1) {
        margin: 0 0 20px;
        width: 100%;
    }
    .scenario .columns>div {
        padding: 20px ;
        border-radius: 10px;
    }
    .scenario .columns .icon {
        padding: 0 0 10px;
    }
    .scenario .columns .icon img {
        margin: 0 10px 0 0;
        width: 25px;
    }
    .scenario .images {
        padding: 30px 20px 20px ;
        border-radius: 10px;
        border: 2px solid rgba(229, 240, 244, .8);
    }
    .scenario .images .icon {
        padding: 20px ;
    }
    .scenario .images .icon img {
        margin: 0 10px 0 0;
        width: 25px;
    }
}

.push {
    position: relative;
    padding: 4.947917vw 0 6.25vw;
}
.push .title{
    font-weight: 600;
    font-size: var(--font-size42);
    color: #FFFFFF;
    text-align: center;
    line-height: 1;
    padding: 0 0 3.125vw;
}
.push .list {
    margin: 0 0 3.645833vw ;
    display: flex;
    justify-content: center;
}
.push .list a{
    min-width: 11.666667vw;
    text-align: center;
    padding: .9375vw 2.083333vw;
    background: #FFFFFF;
    border-radius: 50px;
    display: inline-block;
    margin: 0 .520833vw;

    font-weight: 400;
    font-size: var(--font-size20);
    color: rgba(0, 0, 0, .8);
}
.push .list a.on{
    background: #F08200;
    color: #FFFFFF;
}
@media(max-width:992px){
    .push {
        padding: 30px 0;
    }
    .push .title {
        padding: 0 0 20px;
    }
    .push .list {
        display: flex;
        overflow: auto;
        justify-content: unset;
        padding: 0 0 10px;
        margin: 0 0 10px ;
    }
    .push .list a{
        min-width: 160px;
        padding: 7px 15px;
        margin: 0 10px 0 0;
    }
}
.push .columns {
    display: flex;
    border-radius: 1.041667vw;
    overflow: hidden;

    animation: fadeInUp 1.2s  ;
    -webkit-animation: fadeInUp 1.2s ;
}
.push .columns .text{
    display: flex;
    flex-direction: column;
    padding: 3.645833vw 2.404167vw;
    position: relative;
    flex: 1;
}
.push .columns .icon {
    display: flex;
    align-items: center;
    padding: 0 0 .78125vw;
}
.push .columns .icon img {
    width: 1.875vw;
    margin: 0 0.520833vw 0 0;
}
.push .columns .icon span {
    font-weight: 400;
    font-size: var(--font-size28);
    color: #FFFFFF;
}
.push .columns .text .jiantou {
    flex: 1;
    display: flex;
    align-items: flex-end;
}
.push .columns .text .jiantou a {

}
.push .columns .text .intro {
    padding: 0 0 2.34375vw;
    font-weight: 400;
    font-size: var(--font-size16);
    color: #FFFFFF;
}
.push .columns ul{
    width: 49.479167vw;
    background: #FFFFFF;
}
.push .columns ul .swiper-pagination {
    display: none;
}

.push .columns .jiantou {
    max-width: max-content;
    margin: 20% 0.520833vw 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
.push .columns .jiantou.jiantouleft {
    left: 0;
}
.push .columns .jiantou.jiantouright {
    right: 0;
}
.push .columns .jiantou a {
    width: 3.4375vw;
    height: 2.5vw;
    border-radius: 50px;
    /* border: 0.104167vw solid ; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size14);
    margin: 0 .416667vw 0 0 ;
    color: rgba(240, 130, 0, 1);
}
.push .columns .jiantou a i {
    font-size: var(--font-size30);
}
.push .columns .jiantou a:hover{
}

.push .columns ul .image {
    padding: 2.083333vw;
    text-align: center;
}
.push .columns ul .image img {
    height: 17.1875vw;
    width: auto;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
.push .columns ul .Stitle {
    font-weight: 600;
    font-size: var(--font-size18);
    color: #000000;
    text-align: center;
    line-height: 1;
    padding: 0 0 .78125vw;
}
.push .columns ul .title {
    font-weight: 600;
    font-size: var(--font-size30);
    color: #000000;
    text-align: center;
    line-height: 1.3;
    padding: 0 1.041667vw 1.041667vw;
}
.push .columns ul .Further {
    font-weight: 400;
    font-size: var(--font-size14);
    color: rgba(240, 130, 0, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 3.645833vw;
}
.push .columns ul .Further i {
    font-size: var(--font-size14);
    margin: 0 0 0 .416667vw;
}

.push .columns ul a:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media(min-width:992px){
    .push .columns ul li a{
        border-right: 1px solid rgba(241, 242, 248, 1);
        display: block;
    }
}

@media(max-width:992px){
    .push .columns .jiantou {
        display: none;
    }
    .push .columns {
        display: block;
        border-radius: 10px;
    }
    .push .columns ul .swiper-pagination {
        display: block;
    }
    .push .columns .text {
        padding: 20px;
    }
    .push .columns .icon {
        padding: 0 00 10px;
    }
    .push .columns .icon img {
        width: 30px;
        margin: 0 10px 0 0;
    }
    .push .columns .text .intro {
        padding: 0 0 25px;
    }
    .push .columns .text .jiantou {
        display: none;
    }

    .push .columns ul {
        width: 100%;
    }
    .push .columns ul .image {
        padding: 20px;
    }
    .push .columns ul .image img {
        height: 200px;
    }
    .push .columns ul .Stitle,
    .push .columns ul .title {
        padding: 0 20px 10px;
    }
    .push .columns ul .Further {
        padding: 0 0 45px;
    }
    .push .swiper-pagination-bullet-active {
        background: rgba(240, 130, 0, 1);
    }
}

/*  */
@media(min-width:992px){
    .subPcNavBox .subPcNavListMain .subPcNavList .navProductListBox.solve .navProductList {
        padding: 3.645833vw 0 5.208333vw;
    } 
    .subPcNavBox .subPcNavListMain .subPcNavList .solve .list {
        padding: 0 1.25vw 0 0;
    }
    .subPcNavBox .subPcNavListMain .subPcNavList .navProductListBox.solve .navProductList .list {
        width: calc(100% / 6);
    }
    .subPcNavBox .subPcNavListMain .subPcNavList .navProductListBox.solve .navProductList .list .title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;

        line-height: 1;
        margin: 1.25vw 0;
        padding: 0;
        color: #000000;
        text-align: left;
    }
    .subPcNavBox .subPcNavListMain .subPcNavList .navProductListBox.solve .navProductList .list .imgBox {
        overflow: hidden;
        border-radius: 10px;
    }

    .subPcNavBox .subPcNavListMain .subPcNavList .navProductListBox.solve .navProductList .list .Further {
        font-weight: 400;
        font-size: var(--font-size14);
        color: rgba(240, 130, 0, 1);
        display: flex;
        align-items: center;
    }
    .subPcNavBox .subPcNavListMain .subPcNavList .navProductListBox.solve .navProductList .list .Further i {
        font-size: var(--font-size14);
        margin: 0 0 0 .416667vw;
    }
}

@media(max-width:992px){
    
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}