@font-face {
    font-family: 'Dream Han Sans CN';
    src: url('../font/DreamHanSansCN-W1.ttf');
}

.index {
    width: 100%;
}

.copy{
    height: 1rem !important;
    padding-top: 0.4rem;
}
.listcenter .centerItem .centerItmeTex{
    margin-bottom: 0.15rem;
}
.index .indexBanner {
    position: relative;
    width: 100%;
    /*height: 10.36rem;*/
    /*height: 9rem;*/
    /*height: 100vh;*/
    height: calc(100vh - 1.44rem);
    margin-top: 1rem;
    overflow: hidden;
}
.scr-swiper-button-next, .scr-swiper-button-prev{
    bottom: 0.02rem !important;
}
.index .indexBanner a {
    position: relative;
    display: block;
    width: 100%;
    /*height: 10.36rem;*/
    height: 100vh;
}

.index .indexBanner a img {
    width: 100%;
}

.index .indexBanner .bannerText {
    position: absolute;
    top: 2.63rem;
    left: 1.38rem;
    width: 3.96rem;
    height: auto;
}

.index .indexBanner .banner-swiper-pagination {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 10;
    bottom: 0.28rem;
}

.index .indexBanner .swiper-pagination-bullet {
    width: 0.23rem;
    height: 0.23rem;
    box-sizing: border-box;
    border: 0.02rem solid #FFFFFF;
    background-color: transparent;
    opacity: 1;
    margin: 0 0.085rem !important;
}

.index .indexBanner .swiper-pagination-bullet-active {
    background-color: #008C31;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
        /* 初始位置 */
    }

    100% {
        transform: translateX(-100%);
        /* 滚动到一半的位置（一个完整的滚动周期） */
    }
}

.index .scroll {
    /* width: 100%; */
    width: 17.8rem;
    margin: 0 auto;
    height: 0.44rem;
    /* padding: 0 0.7rem; */
    box-sizing: border-box;
}

.index .indexTex {
    display: flex;
    width: 100%;
    overflow: hidden;
    height: 0.44rem;
    font-family: Dream Han Sans CN, Dream Han Sans CN;
    font-weight: normal;
    font-size: 0.22rem;
    color: #494949;
    line-height: 0.44rem;
}

.index .indexTex .indexTexCon {
    /*min-width: 17.81rem !important;*/
    display: flex;
    /*margin-right: 0.8rem;*/
    /* animation: scroll 10s linear infinite; */
}

.index .indexTex a {
    display: block;
    padding: 0 0.29rem;
    font-family: w1;
    font-weight: normal;
    font-size: 0.22rem;
    color: #494949;
    line-height: 0.44rem;
    /* letter-spacing: 0.05rem; */
    white-space: nowrap;
    cursor: default;
}

.index .indexTex a:nth-child(1) {
    padding-left: 0;
}

.index .indexTex a:last-child {
    padding-right: 0;
}

.scroll {
    overflow: hidden;
    /* 隐藏溢出的内容 */
    white-space: nowrap;
    /* 防止换行 */
    width: 100%;
    /* 根据需要设置宽度 */
    position: relative;
    /* 相对定位 */
    height: 30px;
    /* 根据内容设置合适的高度 */
}

.indexTex {
    display: inline-block;
    /* 使用 inline-block 以适应内容宽度 */
    white-space: nowrap;
    /* 防止换行 */
    position: absolute;
    /* 绝对定位以便进行动画 */
    left: 0;
    /* 初始位置 */
}

.news {
    display: flex;
        flex-direction: column;
    justify-content: center;
    height: 100vh;
    width: 100%;
    /*padding-top: 0.27rem;*/
    padding-top: 1.08rem;
    padding-bottom: 0.08rem;
    box-sizing: border-box;
    /*height: 10.8rem;*/
    /*height: 12.8rem;*/
    /*height: 100vh;*/
    background: #F0F0F0;
}

.news .newsTop {
    /*width: 17rem;*/
    width: 15rem;
    margin: 0 auto;
    /*height: 6.52rem;*/
    /*height: 5.52rem;*/
    background: #FFFFFF;
   
    padding: 0.1rem 0.34rem 0.06rem 0.37rem;
    box-sizing: border-box;
    margin-bottom: 0.16rem;
}

.news .newsTop .topTit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.23rem;
}

.topTitLeft {
    display: flex;
    align-items: center;
}

.itemtop>a>img:last-child,.topTit>a>img:last-child,.topTitRight:hover>img:first-child,.newsBottomItem:hover .itemtop>a>img:first-child{
    display: none;
}

.newsBottomItem:hover .itemtop>a>img:last-child,.topTitRight:hover>img:last-child{
    display: block;
}

.topTitLeft .leftTit {
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.36rem;
    color: #06823C;
}

.topTitLeft .leftBor {
    width: 0.04rem;
    height: 0.46rem;
    margin-left: 0.14rem;
    margin-right: 0.12rem;
    background: #06823C;
}

.topTitLeft .leftTex {
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.2rem;
    color: #3B3B3B;
}

.topTitRight {
    display: block;
    width: 1.28rem;
    padding-top: 0.3rem;
}

.topTitRight img {
    width: 100%;
}

.newsBot {
    width: 100%;
}

.newsBot .newsBotItem {
    display: flex;
    margin-bottom: 0.2rem;
    height: 1.64rem;
}

.newsBot .newsBotItem:hover .leftImg img {
    transform: scale(1.2);
}

.newsBot .newsBotItem:hover .rightTex .rightTexTit {
    color: #06823C;
}

.newsBot .newsBotItem .leftImg {
    width: 4.02rem;
    height: 100%;
    flex-shrink: 0;
    /*height: 1.8rem;*/
    overflow: hidden;
}

.leftImg img {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    object-fit: cover;
}

.newsBot .newsBotItem .rightTex {
    width: 9.6rem;
    margin-left: 0.57rem;
}

.rightTex .rightTexTit {
    padding-top: 0.17rem;
    margin-bottom: 0.24rem;
    font-family: Dream Han Sans CN, Dream Han Sans CN;
    font-weight: bold;
    font-size: 0.22rem;
    color: #000000;
    transition: all 0.3s;
}

.rightTex .rightTexTex {
    margin-bottom: 0.1rem;
    /*margin-bottom: 0.07rem;*/
    font-family: Dream Han Sans CN, Dream Han Sans CN;
    font-weight: normal;
    font-size: 0.18rem;
    color: #636363;
    line-height: 0.3rem;
}

.rightTex .rightTexTime {
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 0.16rem;
    color: #919191;
    text-align: right;
}

.newsBottom {
    display: flex;
    /*width: 17rem;*/
    width: 15rem;
    margin: 0 auto;
}

.itemtop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.newsBottom .newsBottomItem {
    display: block;
    /*width: 8.41rem;*/
    width: 7.41rem;
    /*height: 3.05rem;*/
    background: #FFFFFF;
    padding: 0.13rem 0.43rem 0.35rem 0.38rem;
    box-sizing: border-box;
    cursor: pointer;
    margin-right: 0.18rem;
}

.newsBottom .newsBottomItem:last-child {
    margin-right: 0;
}

.newsBottom .newsBottomItem:hover .botitem .botiemImg img {
    transform: scale(1.2);
}

.itemtopImg {
    width: 1.28rem;
    /*height: 0.3rem;*/
    margin-top: 0.28rem;
}

.botitem {
    display: flex;
    width: 100%;
    height: 1.64rem;
}

.botiemImg {
    width: 3.68rem;
    height: 100%;
    margin-right: 0.32rem;
    overflow: hidden;
}

.botiemImg img {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    object-fit: cover;
}

.botitem .botiemTex {
    width: 3.6rem;
}

.botitem .botiemTex .botiemTexTit {
    margin-bottom: 0.24rem;
    font-family: Dream Han Sans CN, Dream Han Sans CN;
    font-weight: bold;
    font-size: 0.22rem;
    color: #000000;
    line-height: 0.35rem;
}

.botitem .botiemTex .botiemTexTex {
    margin-bottom: 0.1rem;
    font-family: Dream Han Sans CN, Dream Han Sans CN;
    font-weight: normal;
    font-size: 0.18rem;
    color: #626262;
    line-height: 0.3rem;
}

.botitem .botiemTex .botiemTexTime {
    font-family: Poppins, Poppins;
    font-weight: 500;
    font-size: 0.16rem;
    color: #919191;
    text-align: right;
}

.case {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
        height: 100vh;
    /*height: 10.8rem;*/
    background: #F0F0F0;
    box-sizing: border-box;
    padding-top: 1.2rem;
    padding-bottom: 0.5rem;
}

.case .caseCon {
    /*width: 17rem;*/
    width: 15rem;
    height: 6.7rem;
    background: #fff;
    margin: 0 auto;
            padding: 0.88rem 0.38rem 0.81rem;
    box-sizing: border-box;
}

.case .caseCon .topTitLeft {
    justify-content: center;
}

.case .caseCon .caseTit {
    margin-bottom: 0.43rem;
}

.case .caseCon .caseNav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 0.34rem;
    padding-right: 0.34rem;
    box-sizing: border-box;
    padding-bottom: 0.33rem;
    border-bottom: 0.01rem solid #707070;
}

.caseNav .caseNavItem {
    position: relative;
    display: block;
    font-family: Dream Han Sans CN, Dream Han Sans CN;
    font-weight: bold;
    font-size: 0.28rem;
    color: #000000;
    white-space: nowrap;
    cursor: pointer;
}

.caseNav .caseNavItem:hover::after {
    content: "";
    width: 2.03rem;
    height: 0.05rem;
    background: #06823C;
    position: absolute;
    left: 50%;
    bottom: -0.37rem;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.caseNav .caseNavItem.active::after {
    content: "";
    width: 2.03rem;
    height: 0.05rem;
    background: #06823C;
    position: absolute;
    left: 50%;
    bottom: -0.37rem;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.caseNav .caseNavItem:nth-child(1).active::after {
    left: 61%;
}

/*.caseNav .caseNavItem:nth-child(1) {*/
    /*margin-right: 1.48rem;*/
/*    margin-right: calc(1.48rem - (2rem/6));*/
/*}*/

/*.caseNav .caseNavItem:nth-child(2) {*/
    /*margin-right: 1.58rem;*/
/*    margin-right: calc(1.58rem - (2rem/6));*/
/*}*/

/*.caseNav .caseNavItem:nth-child(3) {*/
    /*margin-right: 1.44rem;*/
/*    margin-right: calc(1.44rem - (2rem/6));*/
/*}*/

/*.caseNav .caseNavItem:nth-child(4) {*/
    /*margin-right: 1.62rem;*/
/*    margin-right: calc(1.62rem - (2rem/6));*/
/*}*/

/*.caseNav .caseNavItem:nth-child(5) {*/
    /*margin-right: 1.15rem;*/
/*    margin-right: calc(1.15rem - (2rem/6));*/
/*}*/

/*.caseNav .caseNavItem:nth-child(6) {*/
    /*margin-right: 0.62rem;*/
/*    margin-right: calc(0.62rem - (2rem/6));*/
/*}*/

.caseNav .caseNavItem:nth-child(7) {}

/*.caseNav .caseNavItem:hover{*/
/*    color: #06823C;*/
/*}*/

/*.caseNav .caseNavItem.active{*/
/*    color: #06823C;*/
/*}*/

.caseScrol {
    width: 100%;
    /*height: 5.88rem;*/
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.caseScrol .caseScroll {
    width: 100%;
    margin-bottom: 0.31rem;
    display: flex;
    /* margin-bottom: 0.17rem; */

}

.caseScrol .caseScroll .caseScrollCon {
    /* width: 100%; */
    width: 16.24rem;
    height: 0.93rem;
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    /* animation: scroll 10s linear infinite; */
}

.caseScrol .caseScroll a {
    display: block;
    width: 1.71rem;
    height: 0.85rem;
    background: #FFFFFF;
    box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    margin-right: 0.3rem;
    transform: all 0.3s;
}

.caseScrol .caseScroll a:hover {
    box-shadow: 0px 3px 6px 1px rgba(39, 163, 100, 0.48);
}


.caseScrol .caseScroll a img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.case .caseCon .caseBtn {
    display: flex;
    justify-content: center;
    width: 1.63rem;
    height: 0.46rem;
    background: #06823C;
    box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.1rem;
    margin: 0 auto;
    font-family: Dream Han Sans CN, Dream Han Sans CN;
    font-weight: normal;
    font-size: 0.18rem;
    color: #F8F8F8;
    line-height: 0.46rem;
}

.case .caseCon .caseBtn img {
    filter: invert(1);
    width: 0.13rem;
    transform: rotate(90deg);
    margin-left: 0.37rem;
}
.fp-watermark{
    display: none;
}
.index .link {
    margin-top: 0.15rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 0.43rem;
    background: #FFFFFF;
    padding-left: 1.47rem;
    box-sizing: border-box;
}

.index .link .linkTit {
    margin-right: 0.14rem;
    font-family: w20;
    font-size: 0.16rem;
    color: #575757;
}

.index .link .linkNav {
    margin-right: 0.14rem;
    font-family: w10;
    font-size: 0.14rem;
    color: #898989;
    transition: all 0.3s;
}

.index .link .linkNav:nth-child(1) {
    margin-right: 0.18rem;
}

.index .link .linkNav:hover {
    color: #00872D;
}



.caseScroll {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    /* 根据需要设置宽度 */
}

.caseScroll.left .caseScrollCon {
    animation: scroll 50s linear infinite;
}

.caseScroll.right .caseScrollCon {
    animation: scrollresver 50s linear infinite;
}

.caseScrollCon {
    display: inline-block;
    /* animation: scroll 20s linear infinite; */
    /* 设置动画效果 */
}

.caseScroll a {
    display: inline-block;
    margin-right: 5px;
    /* 设置间距 */
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
        /* 向左移动的距离 */
    }
}

@keyframes scrollresver {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
        /* 向左移动的距离 */
    }
}

.indexBanner .alert-wrap {
    position: absolute;
    top: 4.29rem;
    right: 0;
    z-index: 9999;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.section.gray{
   background: #F0F0F0;
   justify-content: flex-end;
}
@media only screen and (max-width:768px){
.index .indexBanner{
height:auto;
}
.index .indexBanner a{
height: 4.36rem;
}
.index .indexBanner .bannerText{
    top: 1.63rem;
}
.index .scroll{
width:6.8rem;
}
/*新闻*/
.news .newsTop{
width:7rem;
height:auto;
}
.newsBot .newsBotItem{
flex-wrap:wrap;
justify-content:space-between;
}
.newsBot .newsBotItem .leftImg{
width:2.2rem;
}
.leftImg img{
width:2.2rem;
height:1.8rem;
}
.news{
    padding-top: .5rem;
}
.newsBot .newsBotItem .rightTex{
width:4rem;
margin-left:0;
}
.newsBottom{
width:7rem;
flex-wrap:wrap;
}
.newsBottom .newsBottomItem{
width:7rem;
}
.news{
height:auto;
}
.case{
    height: auto;
    padding-top: .5rem;
}
.case .caseCon{
    width:7rem;
    height: auto;
}
.caseScrol .caseScroll .caseScrollCon{
width:7rem;
}
.caseNav .caseNavItem:nth-child(1){
margin-right:0.5rem;
}
.case .caseCon .caseNav{
padding-left: 0.03rem;
    padding-right: 0.03rem;
}
.caseNav .caseNavItem.active::after{
    bottom: -0.3rem;
}
.case .caseCon .caseNav{
    overflow: scroll;
}
.caseScrol .caseScroll a img{
width: 0.71rem;
}
.caseScrol .caseScroll a{
width: 0.71rem;
    height: 0.5rem;
}
.caseScrol .caseScroll .caseScrollCon{
width: 7rem;
}
.index .link{
padding-left: 0.4rem;
}
.caseNav .caseNavItem{
    width: 2.5rem;
    margin-right: 0.5rem;
}
}