/*
	公共部分
*/
:root{
    --swiper-theme-color: #ffffff;
    --swiper-pagination-color: var(--theme-color);
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:1rem;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 999;
}
.banner-title-module{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 2;
    color: #ffffff;
}
.banner-title-module .banner-title-center{
    position: relative;
    width: var(--module-width);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.banner-title-module .banner-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 2px 15px rgba(0,0,0);
}
.banner-title-module .banner-title.pc-module span{
    padding: 0.25rem 0 0 0;
}
.banner-title-module .banner-title.pc-module label{
    padding: 0 0 3rem 0;
}

.banner-title-module .banner-title.h5-module span{
    padding: 0.25rem 0 0 0;
}
.banner-title-module .banner-title.h5-module label{
    padding: 0 0 0.25rem 0;
}
.banner-title-module .banner-down{
    position: absolute;
    left: 0;
    bottom: 2.5rem;
    width: 3.5rem;
    height: 3.5rem;
}

.banner-title.pc-module{
    text-align: center;
}
.home-row-module{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.nav-path-module{
    width: var(--module-width);
    display: flex;
    justify-content: space-between;
    margin-top: 1.87rem;
}
.nav-path-module .nav-path{
    font-size: 0.75rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.nav-path-module .nav-path img{
    width: 0.87rem;
    height: 0.87rem;
}
.nav-path-module .nav-path span{
    margin-right: 0.3rem;
}
.nav-path-module .nav-path a{
    color: #303030;
    cursor: pointer;
    margin-right: 0.3rem;
}
.nav-path-module .nav-page-list{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: -2px;
    font-size: 0.87rem;
}
.nav-path-module .nav-page-list .nav-page-item{
    margin: 0px 0.62rem;
    font-size: 0.87rem;
    color: #303030;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nav-path-module .nav-page-list .nav-page-item .item-line{
    background:rgba(255,255,255,0);
    height: 4px;
    width: 0.1%;
    transition: width 500ms;
}
.nav-path-module .nav-page-list .active .item-line{
    background:var(--theme-color);
    display: flex;
    width: 100%;
}
.nav-path-module .nav-page-list .nav-page-item:hover .item-line{
    background:var(--theme-color);
    display: flex;
    width: 100%;
}
.rural-module{
    width: var(--module-width);
    position: relative;
    padding-bottom: 2rem;
}
.rural-module-top{
    padding-top: 2%;
}
.rural-detail-body{
    width: 100%;
    margin-top: 3rem;
    text-align:justify;
}
.rural-subject-module{
    text-align: center;
    position: relative;
}
.rural-subject-module:after{
    position: absolute; content: "";
    left: 0; bottom: 0; background: #f5f5f5;
    width: 100%; height: 1px;
}
.rural-subject-img{
    width: 14.375rem;
    height: 14.375rem;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 2.5rem 0 rgba(0,0,0,0.15);
    display: flex;
}
.rural-subject-img img{
    width: 65%;
    height: 65%;
    margin: auto;
}
.rural-subject-title{
    position: relative;
    text-align: center;
    margin: 3.545% auto;
}
.rural-subject-title:before{
    position: absolute;
    content: " ";
    width: 108%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url("/images/business/rural/subjectline.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.rural-subject-desc{
    color: #999999;
    padding: 6% 0; line-height: 2em;
}
.rural-top-project-desc{
    color: #666666;
    margin: 6% 0 3rem 0;
}
.rural-top-list{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rural-top-list .rural-top-item{
    width: 22.5%;
    margin: 0 0 0 3.33%;
}
.rural-top-item:nth-child(4n+1){
    margin: 0;
}
.top-item-img{
    position: relative;
    width: 100%;
    padding-bottom: 97.45%; overflow: hidden;
}
.top-item-img img{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.5s;
}
.top-item-img img:hover{
    transform: scale(1.2);
}
.rural-top-item .top-item-title{
    width: 100%;
    background: #f5f5f5;
    height: 4.375rem; line-height: 4.375rem;
    text-align: center;
}
.top-item-control{
    display: flex;
    margin-top: 1.5rem;
}
.top-item-btn{
    width: 8.5rem;
    height: 2.125rem;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    line-height: 2.125rem;
    border-radius: 1.0625rem;
    margin: auto; text-align: center;
    cursor: pointer;
    transition: all 0.5s;
}
.top-item-btn.active, .top-item-btn:hover{
    background: var(--theme-color);
    color: white;
    box-shadow: 0 0.6875rem 1rem 0 rgba(0,108,97,0.21);
}

.project-title{
    width: 100%;
    text-align: center;
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.product-list{
    position: relative;
    width: 30.625rem;
    height: 30rem;
    margin: 4rem auto;
}
.product-item{
    position: absolute;
    width: 14rem; height: 14rem;
}
.product-item-left{
    left: 0;
}
.product-item-right{
    right: 0;
}
.product-item-top{
    top: 0;
}
.product-item-bottom{
    bottom: 0;
}
.product-item-img{
    width: 100%; height: 100%;
    left: 0; top: 0; border-radius: 50%;
    position: absolute; overflow: hidden; cursor: pointer;
}
.product-item-img:after{
    position: absolute; content: " "; z-index: 2; border-radius: 50%; opacity: 1;
    width: 100%; height: 100%; background: rgba(0,0,0,0.3);transition: all 0.5s;
}
.product-item-img:hover:after{
    opacity: 0;
}
.product-item-img:hover .item-title{
    color: var(--theme-color);
}
.product-item-img img{
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%; object-fit: cover;
}
.product-item-img .item-title{
    position: absolute; z-index: 3; color: white;
    left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s;
}
.item-line{
    margin: 0.75rem auto 0 auto;
    width: 2.94rem;height: 0.29rem; background: var(--theme-color);
}
.product-item-text{
    background: white; border-radius: 0.844rem; overflow: hidden;
    position: absolute; width: 25.8125rem; height: 9.8125rem; top: 50%; transform: translateY(-50%);
    color: #666666;
    -webkit-animation-name:product-item-text;animation-name:product-item-text;
}
.product-item-left .product-item-text{
    transform-origin: right center;
}
.product-item-right .product-item-text{
    transform-origin: left center;
}

@-webkit-keyframes product-item-text{0%{opacity:0; -webkit-transform: translateY(-50%) scaleX(0);}100%{opacity:1; -webkit-transform: translateY(-50%) scaleX(1);}}
@keyframes product-item-text{0%{opacity:0; transform: translateY(-50%) scaleX(0);}100%{opacity:1;transform: translateY(-50%) scaleX(1);}}

.product-item-text span{
    min-width: 49%;
}
.product-item-text div{
    display: flex; position: absolute; flex-wrap: wrap;
    top: 50%; justify-content: space-between;
}
.product-item-left .product-item-text div{
    left: 37.53%; transform: translate(-50%, -50%);
}
.product-item-right .product-item-text div{
    right: 37.53%; transform: translate(50%, -50%);
}
.product-item-text span:nth-child(2n+1){
    text-align: right;
}
.product-item-text span:nth-child(2n+2){
    text-align: left;
}
.product-item-left .product-item-text{
    right: 50%;
}
.product-item-right .product-item-text{
    left: 50%;
}


.solution-list{
    margin: 9.64% 0;
}
.solution-bg{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}
.solution-icon{ position: absolute; transform: translate(-50%, -50%); width: 35.81%; top: 0;}
.solution-icon img{ width: 100%; height: auto; }
.solution-icon:nth-child(1){
    left: 105.18%; margin-top: 26.73%;
}
.solution-icon:nth-child(2){
    left: -28.45%; margin-top: 86.82%; transform: translate(-50%, -50%) scale(0.7);
}
.solution-icon:nth-child(3){
    left: 121.73%; margin-top: 132.36%; transform: translate(-50%, -50%) scale(-0.7,0.7);
}
.solution-item{
    display: flex; flex-direction: row; justify-content:space-between ; align-items: center;
    margin-top: 5.18%;
}
.solution-item:nth-child(1){
    margin-top: 0;
}
.solution-item:nth-child(2n+2){
    flex-direction: row-reverse;
}
.solution-item-img, .solution-item-text{
    display: flex; width: 49.8%;
}
.solution-item-img div{
    width: 100%; padding-bottom: 62.95%; position: relative; overflow: hidden;
}
.solution-item-img div img{
    object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: transform 0.5s;
}
.solution-item-img div img:hover{transform: scale(1.2);}
.solution-item-text>div{
    width: 100%; padding-bottom: 56.12%; position: relative; background: #f5f5f5;
}
.solution-item-text>div>div{
    position: absolute; width: 74%; height: 71%; left: 0; top: 0;
    padding: 8% 13%; display: flex; flex-direction: column;
}
.solution-item-text>div>div>span{
    display: block;
}
.solution-item-title,.solution-item-keyword{
    height: 1.7em;
    line-height: 1.7em;
}
.solution-item-title{
    color: #333333;
}
.solution-item-desc{
    color: #666666; flex: 1;
}
.solution-item-keyword span{
    color: var(--theme-color);
    border-bottom: 1px solid var(--theme-color);
}

.example-list{
    position: relative;
    padding-bottom: 31.82%; margin: 12.64% 0 26.36% 0;
}
.exapmle-item{
    position: absolute;
    width: 31.82%;
    padding-bottom: 31.82%;
    transition: all 0.5s linear;
    top: 0; z-index: 1;
}
.exapmle-item>div{
    position: absolute;
    width: 100%; height: 100%; left: 0; top: 0;
}
.example-item-img{
    width: 100%; height: 100%; overflow: hidden;
}
.example-item-img img{
    width: 100%; height: 100%; object-fit: cover;transition: transform 0.5s;
}
.example-item-img img:hover{
    transform: scale(1.2);
}

.example-item-text{
    max-width: 100%; width: 19.875rem; text-align: center; display: flex; flex-direction: column;
    margin: 3.9375rem auto 0 auto;
}
.example-item-title{ color: var(--theme-color);}
.exapmle-item.example-item-left{
    left: -9.55%;
}
.exapmle-item.example-item-center{
    width: 55.36%; padding-bottom: 41.09%;
    left: 22.32%; margin-top: -4.635%; z-index: 2;
}
.exapmle-item.example-item-right{
    left: 77.73%;
}
#accompany-module .project-title{
    color: white;
}
.accompany-bg{
    position: absolute; width: 100vw; height: 54.73%; left: 0; top: 0;
}
.accompany-bg img{
    width: 100%; height: 100%; object-fit: cover;
}
.accompany-list{
    width: 116%;
    margin-left: -8%;
    /*width: 100%; */
}
.accompany-list>div{
    width: var(--module-width); position: relative; margin: 6% auto; padding: 6% 0;
    display: flex; justify-content: space-between; flex-wrap: wrap;
}
.accompany-item{
    width: 17.81rem; display: flex; justify-content: space-between; align-items: flex-start; margin: 1.375rem 0;
}
.accompany-icon{
    width: 4rem; height: 4rem; line-height: 4rem;
    text-align: center; background: var(--theme-color);
    color: white; border-radius: 50%;
}
.accompany-text{
    display: flex; width: 12.5rem;  flex-direction: column;
}
.accompany-title{ color: #333333; }
.accompany-desc{ color: #999999; }

.animated-1s{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}


/* --------------------- city --------------------- */
.city-top-list{
    width: 100%; display: flex; justify-content: space-between;
}
.city-top-item {
    width: 49%; cursor: pointer;
}
.city-top-item>div{
    width: 100%; padding-bottom: 57.19%; position: relative;
}
.city-top-img{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.41;
    transition: all 0.5s linear;
}
.city-top-item:hover .city-top-img{
    opacity: 0.6;
}
.city-top-item.active .city-top-img{
    opacity: 1;
}
.city-top-img img{ width: 100%; height: 100%; object-fit: cover; }
.city-top-text{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}
.city-top-title{ position: absolute; color: black; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.5s linear; }
.city-top-item.active .city-top-title{ color: var(--theme-color); transform: translateY(-100%) scale(1.33);}
.city-top-title-en{ position: absolute;color: var(--theme-color); transform: translateY(-100%) scale(0); opacity: 0; top: 50%; width: 100%; text-align: center; transition: all 0.5s linear; }
.city-top-item.active .city-top-title-en{ opacity: 1; transform: translateY(0) scale(1); }
.city-top-icon{ position: absolute; opacity: 0; width: 3.6875rem; left: 50%; top: 76.11%; transform: translate(-50%, -50%) scale(1.5); transition: all 0.5s linear;}
.city-top-icon img{ width: 100%; height: auto; }
.city-top-item.active .city-top-icon{ opacity: 1; transform: translate(-50%, -50%) scale(1); }
.city-top-item>div:after{ position: absolute; content: " "; border: 0.23rem solid var(--theme-color); width: 53.55%; height: 120.7%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; transition: all 0.5s linear; }
.city-top-item.active>div:after{ opacity: 1; transform: translate(-50%, -50%) scale(1); }

.businesscity-project-desc{ margin: 3% 0; }
.businesscity-list{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.businesscity-list .businesscity-item{width: 30.09%;margin: 0 0 0 4.85%;}
.businesscity-item:nth-child(3n+1){margin: 0;}
.businesscity-item-img{position: relative;width: 100%;padding-bottom: 72.81%; overflow: hidden;}
.businesscity-item-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;transition: transform 0.5s;}
.businesscity-item-img img:hover{transform: scale(1.2);}
.businesscity-item .businesscity-item-title{width: 100%;background: #f5f5f5;height: 4.375rem; line-height: 4.375rem;text-align: center;}
.business-item-control{display: flex;margin-top: 1.5rem;}
.business-item-btn{width: 8.5rem;height: 2.125rem;border: 1px solid var(--theme-color);color: var(--theme-color);line-height: 2.125rem;
    border-radius: 1.0625rem;margin: auto; text-align: center;cursor: pointer;transition: all 0.5s;}
.business-item-btn.active, .business-item-btn:hover{background: var(--theme-color);color: white;box-shadow: 0 0.6875rem 1rem 0 rgba(0,108,97,0.21);}

.publicservice2-list{ width: 100%; display: flex; justify-content: space-between; margin: 6% 0; }
.publicservice2-item{ width: 23.73%; border-radius: 0.5625rem; transition: all 0.5s;  }
.publicservice2-item:hover{box-shadow: 0 0 2rem rgba(0,0,0,0.2);}
.publicservice2-item>div{ position: relative; width: 100%; left: 0; top: 0; padding-bottom: 124.9%; }
.publicservice2-item-img{ position: absolute; width: 57.47%; padding-bottom: 57.47%; left: 50%; margin-top: 30.65%; transform: translate(-50%, -50%);}
.publicservice2-item-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.publicservice2-item-title{ position: absolute; width: 100%; text-align: center; top: 46.01%; color: var(--theme-color);  }
.publicservice2-item-desc{ position: absolute; width: 100%; line-height: 2em; top: 63.8%; color: #666666; left: 50%; transform: translateX(-50%); text-align: center }
.publicservice2-item>div:after{ position: absolute; content: " "; width: 60.53%; height: 2px; left: 50%; top: 55.83%; transform: translateX(-50%); background: var(--theme-color);}


/*.commercialoperation-list{width: 100%; padding-bottom: 24%; position: relative; margin: 15% 0;}*/
/*.commercialoperation-list .commercialoperation-item{ position: absolute; width: 24%; height: 100%; transform: translate(-50%, -50%); top: 50%; }*/

/*.commercialoperation-item:nth-child(1) { left: 4.09%;}*/
/*.commercialoperation-item:nth-child(2) { left: 50%;}*/
/*.commercialoperation-item:nth-child(3) { left: 95.91%;}*/
/*.commercialoperation-item-icon{ position: absolute; width: 150.38%; height: 150.38%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s; }*/
/*.commercialoperation-item:hover .commercialoperation-item-icon{ transform: translate(-50%, -50%) rotate(45deg);}*/
/*.commercialoperation-item-img{position: absolute; width: 100%; height: 100%; outline: 4px solid var(--theme-color); border-radius: 50%; overflow: hidden;}*/
/*.commercialoperation-item-img:after{ position: absolute; content: " "; width: 100%; height: 100%; left: 0; top: 0; background: rgba(3, 83, 53, 0.3); }*/
/*.commercialoperation-item-img img{ width: 100%; height: 100%; object-fit: cover; }*/
/*.commercialoperation-item-icon img{ width: 100%; height: 100%; object-fit: contain;}*/
/*.commercialoperation-item-title{ position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); color: white; }*/
/*.commercialoperation-points{ position: absolute; width: 100%; height: 100%;*/
/*    animation: commercialoperation-points 40s linear infinite; -webkit-animation: commercialoperation-points 20s linear infinite; }*/

/*@-webkit-keyframes commercialoperation-points{0%{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}*/
/*@keyframes commercialoperation-points{0%{transform: rotate(0deg)}to{transform: rotate(360deg)}}*/


/*.commercialoperation-point{ position: absolute; border-radius: 50%; background: var(--theme-color); color: white; transform: translate(-50%, -50%); }*/
/*.commercialoperation-point-text{ position: absolute; width: 200%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%);*/
/*animation: commercialoperation-point-text 40s linear infinite; -webkit-animation: commercialoperation-point-text 20s linear infinite; }*/

/*@-webkit-keyframes commercialoperation-point-text{0%{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(-360deg)}}*/
/*@keyframes commercialoperation-point-text{0%{transform: translate(-50%, -50%) rotate(0deg)}to{transform: translate(-50%, -50%) rotate(-360deg)}}*/

/*.commercialoperation-item:nth-child(1) .commercialoperation-point:nth-child(1){width: calc(66% / 2.64); height: calc(66% / 2.64); left: 0; top: calc(-37% / 2.64);}*/
/*.commercialoperation-item:nth-child(1) .commercialoperation-point:nth-child(2){width: calc(76% / 2.64); height: calc(76% / 2.64); left: calc(217% / 2.64); top: calc(-55% / 2.64);}*/
/*.commercialoperation-item:nth-child(1) .commercialoperation-point:nth-child(3){width: calc(94% / 2.64); height: calc(94% / 2.64); left: calc(-112% / 2.64); top: calc(62% / 2.64);}*/
/*.commercialoperation-item:nth-child(1) .commercialoperation-point:nth-child(4){width: calc(95% / 2.64); height: calc(95% / 2.64); left: calc(-45% / 2.64); top: calc(230% / 2.64);}*/
/*.commercialoperation-item:nth-child(1) .commercialoperation-point:nth-child(5){width: calc(95% / 2.64); height: calc(95% / 2.64); left: calc(247% / 2.64); top: calc(306% / 2.64);}*/

/*.commercialoperation-item:nth-child(2) .commercialoperation-point:nth-child(1){width: calc(95% / 2.64); height: calc(95% / 2.64); left: calc(-42% / 2.64); top: calc(241% / 2.64);}*/
/*.commercialoperation-item:nth-child(2) .commercialoperation-point:nth-child(2){width: calc(95% / 2.64); height: calc(95% / 2.64); left: 0; top: calc(-29% / 2.64);}*/
/*.commercialoperation-item:nth-child(2) .commercialoperation-point:nth-child(3){width: calc(76% / 2.64); height: calc(76% / 2.64); left: calc(217% / 2.64); top: calc(-55% / 2.64);}*/
/*.commercialoperation-item:nth-child(2) .commercialoperation-point:nth-child(4){width: calc(95% / 2.64); height: calc(95% / 2.64); left: calc(247% / 2.64); top: calc(306% / 2.64);}*/

/*.commercialoperation-item:nth-child(3) .commercialoperation-point:nth-child(1){width: calc(76% / 2.64); height: calc(76% / 2.64); left: calc(217% / 2.64); top: calc(-55% / 2.64);}*/
/*.commercialoperation-item:nth-child(3) .commercialoperation-point:nth-child(2){width: calc(94% / 2.64); height: calc(94% / 2.64); left: calc(-112% / 2.64); top: calc(62% / 2.64);}*/
/*.commercialoperation-item:nth-child(3) .commercialoperation-point:nth-child(3){width: calc(95% / 2.64); height: calc(95% / 2.64); left: calc(247% / 2.64); top: calc(306% / 2.64);}*/
/*.commercialoperation-item:nth-child(3) .commercialoperation-point:nth-child(4){width: calc(95% / 2.64); height: calc(95% / 2.64); left: calc(-13% / 2.64); top: calc(281% / 2.64);}*/

.commercialoperation-list{ width: 100%; display: flex; flex-direction: column;  }
.commercialoperation-item{ width: 100%; display: flex; flex-direction: column; align-items: center; }
.commercialoperation-item>div{ width: var(--module-width); display: flex; flex-direction: column; }
.commercialoperation-title{ color: var(--theme-color); line-height: 4em; }
.commercialoperation-submodule{ display: flex; flex-direction: row;}
.commercialoperation-bigitem{ height: calc(var(--module-width) * 0.56); position: relative; flex: 1; }
.commercialoperation-bigimg{ position: absolute; width: 100%; height: calc(var(--module-width) * 0.385); left: 0; top: 0; overflow: hidden; }
.commercialoperation-bigimg img{ width: 100%; height: 100%; object-fit: cover; }
.commercialoperation-bigtext{ position: absolute;  width: 90%; height: calc(var(--module-width) * 0.175); left: 5%; bottom: 0; }
.commercialoperation-bigtext:after{ position: absolute; content: " "; width: 3px; height: 22.73%; right: 0; top: 48.48%; background: #bbbbbb;}
.commercialoperation-bigtext .commercialoperation-title{ position: absolute; width: 100%; left: 0; top: 52.52%; transform: translateY(-50%); }
.commercialoperation-bigtext .commercialoperation-title-en{ position: absolute; width: 100%; left: 0; top: 67.68%; transform: translateY(-50%); }
.commercialoperation-bigitem:nth-child(2){ margin-left: calc(var(--module-width) * 0.02); }
.commercialoperation-sublist{ width: calc(var(--module-width) * 0.62); display: flex; flex-wrap: wrap; }
.commercialoperation-subitem{ position: relative; width: calc(var(--module-width) * 0.29); margin-left: calc(var(--module-width) * 0.02); margin-bottom: calc(var(--module-width) * 0.02);
    height: calc(var(--module-width) * 0.27);}
.commercialoperation-subimg{ position: absolute; width: 100%; height: calc(var(--module-width) * 0.2045); left: 0; top: 0; overflow: hidden; }
.commercialoperation-subimg img{ width: 100%; height: 100%; object-fit: cover; }
.commercialoperation-subtext{ position: absolute; width: 90%; height: calc(var(--module-width) * 0.0655); left: 5%; bottom: 0; display: flex; flex-direction: column; }
.commercialoperation-subtitle{ margin: 3% 0;}

.commercialoperation-item:nth-child(2) .commercialoperation-subitem{ margin-left: 0; margin-right: calc(var(--module-width) * 0.02); }
.commercialoperation-item:nth-child(3) .commercialoperation-sublist{ width: calc(var(--module-width) * 0.31);}

.commercialoperation-item:nth-child(2n+1){ background: white; }
.commercialoperation-item:nth-child(2n+1) .commercialoperation-bigitem{ background: #f5f5f5; }
.commercialoperation-item:nth-child(2n+1) .commercialoperation-subitem{ background: #f5f5f5; }

.commercialoperation-item:nth-child(2n+2){ background: #f5f5f5; }
.commercialoperation-item:nth-child(2n+2) .commercialoperation-bigitem{ background: white; }
.commercialoperation-item:nth-child(2n+2) .commercialoperation-subitem{ background: white; }

.commercialoperation-item img{ transition: transform 0.5s; }
.commercialoperation-item img:hover{ transform: scale(1.2);}

#commercialoperation-module .project-title:after{ position: absolute;content: " ";width: 100%;height: 1px;background: #f5f5f5;left: 0;bottom: 0;margin-top: 8%;}


.culture-desc{ margin: 3% 0; color: #666666; text-align: center; }
.culture-list{ position: relative; width: 100%; padding-bottom: 29.14%; margin-bottom: 3rem; }
.culture-list>div{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: space-between;  }
.culture-item{ flex: 1; height: 100%; position: relative; transition: all 0.5s;}
.culture-item>div{ position: absolute; width: 100%; height: 100%; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s;}
.culture-item-img{ position: absolute; width: 100%; height: 100%; transition: all 0.5s;}
.culture-item-img img{ width: 100%; height: 100%; object-fit: cover; }
.culture-item-text{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; transition: all 0.5s; }
.culture-item-text:before{ position: absolute; content: " "; width: 100%; height: 100%; left: 0; top: 0; background: black; opacity: 0.6; transition: all 0.5s; }
.culture-item-text:after{ position: absolute; content: " "; width: 94%; height: 1px; left: 50%; top: 45%; transform: translateX(-50%); background: white; opacity: 0; transition: all 0.5s; }
.culture-item-title{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; color: white; transition: all 0.5s; }
.culture-item-desc{ position: absolute; left: 0; width: 100%; text-align: center; top: 69%; transform: translateY(-50%); color: white; opacity: 0; transition: all 0.5s; }

.culture-item:hover{flex: 33%;}
.culture-item:hover>div{ height: 110%; }
.culture-item:hover .culture-item-img{ height: 63.9%; }
.culture-item:hover .culture-item-text{ height: 36.1%; }
.culture-item:hover .culture-item-text:before{ background: var(--theme-color); opacity: 1; }
.culture-item:hover .culture-item-text:after{ opacity: 0.45; }
.culture-item:hover .culture-item-title{ top: 22%; }
.culture-item:hover .culture-item-desc{ opacity: 1; }

.demo-list{ width: calc(var(--module-width) * 1.09);position: relative;padding-bottom: 2rem; max-width: 100vw; margin-top: 3%; }
.demo-item{ width: 100%; padding-bottom: 31.92%; position: relative; margin-bottom: 11.06%; }
.demo-item>div{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: space-between; flex-direction: row; }
.demo-item-img{ width: 48.67%; height: 100%; box-shadow: 0 0 18px 0 rgba(0,0,0,0.2); overflow: hidden; }
.demo-item-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.demo-item-img img:hover{ transform: scale(1.2);}
.demo-item-text{ width: 48.67%; height: 100%; position: relative; overflow: hidden; }
.demo-item-text>div{ position: absolute; width: 68.76%; height: 80%; left: 10.81%; top: 7.18%; display: flex; flex-direction: column; }

.demo-item-title{ color: #333333; }
.demo-item-subtitle{ color: #666666; margin-top: 15.23%; }
.demo-item-desc{ color: #999999; margin-top: 2.5%; }
.demo-item-labels{ color: var(--theme-color); position: absolute; left: 0; bottom: 0; }
.demo-item-labels>div{ background: #f5f5f5; border-radius: 0.3rem; display: flex; flex-wrap: wrap; }
.demo-item-labels span{ padding: .5em 1em .5em 0;}
.demo-item-labels span:nth-child(1){ padding-left: 1em; }

.demo-item:nth-child(2n+2)>div{ flex-direction: row-reverse; }
.demo-item:nth-child(2n+1):before{ position: absolute; content: " "; width: 68.25%; height: 102.87%; top: 8.88%; right: 0; background-image: url("/images/business/city/demo-icon-1.png"); background-size: contain; background-position: right top; background-repeat: no-repeat;}
.demo-item:nth-child(2n+2):before{ position: absolute; content: " "; width: 64.42%; height: 104.18%; top: 11.23%; left: 0; background-image: url("/images/business/city/demo-icon-2.png"); background-size: contain; background-position: left top; background-repeat: no-repeat;}
.demo-item:nth-child(2n+2) .demo-item-text>div{ left: 21.81%; top: 8.5%; }

.professional-list{ width: calc(var(--module-width) * 1.09); position: relative; max-width: 100vw; display: flex; flex-direction: row; flex-wrap: wrap; margin: 4% 0 6% 0; }
.professional-bg{ position: absolute; width: 200%; padding-bottom: 45%; background: #f5f5f5; right: 35.75%; top: 0; margin-top: -13.04%;}
.professional-bg:before{ position: absolute; content: " "; width: 22.5%; padding-bottom: 22.5%; right: 0; top: 0; transform: translateX(50%); background: #f5f5f5; border-radius: 50%; }
.professional-title{ position: absolute; margin-top: -12%; color: #666666; width: 50%;  }
.professional-item{ position: relative; width: 32.5%; padding-bottom: 37.92%; margin-left: 1.25%; }
.professional-item:nth-child(4n+2){ margin-left: 0; }
.professional-item>div{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 2.3%; overflow: hidden; transition: transform 0.5s; box-shadow: 0 0 31px 0 rgba(0,0,0,0.1); }
.professional-item-img{ position: absolute; width: 100%; height: 64.39%; left: 0; top: 0; }
.professional-item-img img{ width: 100%; height: 100%; object-fit: cover; }
.professional-item-text{ position: absolute; height: 35.66%; width: 100%; left: 0; bottom: 0; display: flex; flex-direction: column; }
.professional-item-title{ color: var(--theme-color); text-align: center; margin: 7% 0 4% 0; }
.professional-item-desc{ color: #666666; text-align: center; padding: 0 0.5em; line-height: 1.7em; }

.professional-item>div:hover{ transform: translateY(-7%); }

.businesslayou-module{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin: 6% 0; }
.businesslayou-img{ width: 53.09%; padding-bottom: 34.82%; position: relative; overflow: hidden; }
.businesslayou-img img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: transform 0.5s;}
.businesslayou-img img:hover{ transform: scale(1.2);}
.businesslayou-list{ display: flex; width: 37.72%; flex-direction: column;  }
.businesslayou-item{ margin-bottom: 10%; line-height: 2em; position: relative; }
.businesslayou-item:before{ position: absolute; content: " "; width: 0.75em; height: 0.75em; top: 1em; left: -1.25em; transform: translate(-50%, -50%); border-radius: 50%; background: var(--theme-color); }
.businesslayou-item span{ color: var(--theme-color); }

#demo2-module .rural-module{ padding-bottom: 0;}
#demo2-module .project-title{ position: relative; }
#demo2-module .project-title:after{ position: absolute; content: " "; width: 100%; height: 1px; background: white; left: 0; top: 0; margin-top: 8%; }
.demo2-text{ display: flex; flex-direction: column; margin-top: 6%;  }
.demo2-title{ color: #333333; }
.demo2-desc{ color: #666666; margin-top: 2%; line-height: 1.5em; }
.demo2-list{ width: 100%;  }
.demo2-item{ width: 100%; display: flex; align-items: center; flex-direction: column; }
.demo2-item>div{ width: var(--module-width);position: relative; display: flex; flex-direction: column; }
.demo2-item-text{ display: flex; flex-direction: column; margin: 5% 0 2% 0; }
.demo2-item-title{ color: var(--theme-color);}
.demo2-item-subtitle{ color: #999999; }
.demo2-item-list{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 4%;  }
.demo2-subitem{ position: relative; width: 31%; padding-bottom: 28.82%; margin: 0 3.5% 3.5% 0; }
.demo2-subitem-img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
.demo2-subitem-img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.demo2-subitem-img img:hover{ transform: scale(1.2);}
.demo2-subitem-title{ position: absolute; left: 0; bottom: 0; color: white; padding: 0.5em; z-index: 2; }
.demo2-subitem:after{ position: absolute; content: " "; left: 0; bottom: 0; width: 100%; height: 15%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); z-index: 1; }

.demo2-item:nth-child(2n+1) .demo2-subitem:nth-child(3){ margin-right: 0; }
.demo2-item:nth-child(2n+1) .demo2-subitem:nth-child(5){ margin-right: 0; }
.demo2-item:nth-child(2n+1) .demo2-subitem:nth-child(4){ width: 65.5%; }
.demo2-item:nth-child(2n+2) .demo2-subitem:nth-child(2){ margin-right: 0; width: 65.5%; }
.demo2-item:nth-child(2n+2) .demo2-subitem:nth-child(5){ margin-right: 0; }
.demo2-item:nth-child(2n+2){ background: white; }

#operation-module .professional-list{ margin: calc(var(--module-width) * 0.16) 0 6% 0; }
#operation-module .professional-title{ margin-top: -8%; }
#operation-module .professional-item{ margin-bottom: 14.45%; }
#operation-module .professional-item:nth-child(n+5){ margin-bottom: 0;}
#operation-module .professional-bg2 {position: absolute;width: 200%;padding-bottom: 38%;background: #f5f5f5;left: 68.9%;margin-top: 44%;}
#operation-module .professional-bg2:before{ position: absolute; content: " "; width: 19%; padding-bottom: 19%; left: 0; top: 0; transform: translateX(-50%); background: #f5f5f5; border-radius: 50%; }

.resource-list{ display: flex; flex-wrap: wrap; margin-top: 6%;}

.resource-item{ width: 47.5%; margin-right: 5%; margin-bottom: 4.5%; display: flex; flex-direction: row; justify-content: space-between; }
.resource-item:nth-child(2n+2){ margin-right: 0; }
.resource-item-img{ width: 38.81%; padding-bottom: 30.4%; position: relative; overflow: hidden; }
.resource-item-img img{ position: absolute; width: 100%; height: 100%; object-fit: cover;  transition: transform 0.5s; }
.resource-item-img img:hover{ transform: scale(1.2);}
.resource-item-text{ width: 56.4%; }
.resource-item-title{ color: var(--theme-color); line-height: 2em; }
.resource-item-desc{ color: #999999; margin-top: 8.5%; }




/* --------------------- PC端 --------------------- */

@media (max-width: 1600px) {
    .rural-subject-img{
        width: 9.85rem;
        height: 9.85rem;
        box-shadow: 0 0 1.7125rem 0 rgba(0,0,0,0.15);
    }
    .businesscity-item .businesscity-item-title,.rural-top-item .top-item-title{
        height: 3rem; line-height: 3rem;
    }
    .business-item-btn, .top-item-btn{
        width: 5.84rem;
        height: 1.46rem;
        line-height: 1.46rem;
        border-radius: 0.73rem;
    }
    .business-item-btn.active, .business-item-btn:hover, .top-item-btn.active, .top-item-btn:hover{
        box-shadow: 0 0.4727rem 0.6875rem 0 rgba(0,108,97,0.21);
    }


    .demo-item-text>div{left: 15.81%}
    .project-title{
        width: 100%;
        text-align: center;
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .product-list{
        position: relative;
        width: 26.64rem;
        height: 26.1rem;
        margin: 0 auto;
    }
    .product-item{
        width: 12.18rem; height: 12.18rem;
    }
    .item-line{
        margin: 0.25rem auto 0 auto;
        width: 2.5578rem;height: 0.2175rem;
    }
    .product-item-text{
        border-radius: 0.7343rem; width: 22.457rem; height: 8.537rem;
    }

    .example-item-text{
        width: 17.29rem; margin: 3.425625rem auto 0 auto;
    }

}

/* --------------------- 移动端 --------------------- */

@media (max-width: 768px) {
    #swiper-banner{
        min-height: 30vh;
    }
    #swiper-banner .banner-img{
        min-height: 30vh;
    }
    .banner-title-module .banner-title-center{
        justify-content:flex-end;
    }
    .banner-title-module .banner-title{
        padding-bottom: 1rem;
    }
    .nav-path-module{
        width: var(--module-width);
        display: flex;
        flex-direction: column;
        margin-top: 0.93rem;
    }
    .banner-title-module .banner-down{
        position: absolute;
        left: 0;
        bottom: 1.25rem;
        width: 1.62rem;
        height: 1.62rem;
    }
    .nav-path-module .nav-path{
        font-size: 0.87rem;
        display: none;
        justify-content: flex-start;
        align-items: center;
    }
    .nav-path-module .nav-page-list{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .nav-path-module .nav-page-list .nav-page-item{
        margin: 0px 1rem;
        font-size: 0.87rem;
        display: flex;
    }

    .title-short{
        width: 100%;
        line-height: 1.25rem;
        height: 2.5rem;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .demo-item-subtitle{ display: none; }
    .demo-item-labels{ display: none; }
}