﻿body {
    background: #F2F2F2;
}

.center {
    width: 1200rem;
    margin: 0 auto;
}


@font-face {
	font-family: CenturyGothic;
	src: url(../font/Century-Gothic.ttf);
}

@font-face {
	font-family: YouYuan;
	src: url(../font/youyuan1.TTF);
}


@font-face {
	font-family: FZCuHeiSongS;
	src: url('../font/FZZCHJW-1.ttf');
}
.CenturyGothic {
    font-family: CenturyGothic !important;
}

.YouYuan {
    font-family: YouYuan !important;
}

.FZCuHeiSongS {
    font-family: FZCuHeiSongS !important;
}
.font_fz {
    font-family: FZCuHeiSongS !important;
}

/* CSS Document */
.headerTop {
    background: #F2F2F2;
    padding: .30rem 1.18rem .30rem 1.10rem;
}

.headerTop .logo {
    display: block;
}

.headerTop .logo img {
    width: 2.2rem;
}

.headerTop form {
    position: relative;
}

.headerTop form .sousuo {
    width: 3.56rem;
    height: .44rem;
    padding-left: .29rem;
    font-size: .24rem;
    border: .02rem solid #009A44;
    color: #333;
    background: transparent;
}

.headerTop form .btu {
    position: absolute;
    right: .10rem;
    top: 0;
    width: .44rem;
    height: .44rem;
    background: transparent;
    border: transparent;
    cursor: pointer;
}

.headerTop form .btu img {
    width: .26rem;
}

.banner img {
    width: 100%;
}

.menu {
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 0.02rem solid #009A44;
    width: 100%;
}

.menu .nav {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.menu .nav li {
    border-left: .04rem solid #009A44;
    width: 2.08rem;
}

.menu .nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .64rem;
    text-align: center;
    font-weight: 400;
    font-size: .24rem;
    color: #F2F2F2;
    font-family: YouYuan;
}

.menu .nav li a img {
    width: 0.35rem;
    height: 0.35rem;
    margin-right: 0.15rem;
}

.menu .nav li.active a,
.menu .nav li:hover a {
    background: #009A44;
}

.index_linian {
    padding: .70rem 3.40rem .53rem 1.10rem;
    overflow: hidden;
}

.index_linian .logo img {
    width: 3.16rem;
    display: block;
}

.index_linian ul {
    display: flex;
}

.index_linian ul li {
    display: flex;
    align-items: flex-end;
    writing-mode: vertical-rl;
    /* 或 vertical-lr */
    text-orientation: upright;
    /* 可选，用于调整文字方向，使其更易读 */
    margin-left: .30rem;
}

.index_linian ul li span {
    font-family: FZCuHeiSongS;
    font-weight: 400;
    font-size: .30rem;
    color: #009A44;
    line-height: .70rem;
    height: 1.20rem;
    text-align: justify;
    text-align-last: justify;
}

.index_linian ul li p {
    font-family: YouYuan;
    color: #161616;
    font-weight: 400;
    font-size: .24rem;
    margin-top: .12rem;
    line-height: .70rem;
    white-space: nowrap;
}

.index_linian ul li div {
    flex: 1;
    width: 100%;
}

.index_linian .txtImg {
    margin-top: 1rem;
    display: flex;
    flex-direction: row-reverse;


}

.index_linian .txtImg dl {
    margin-left: 0.30rem;
}

.index_linian .txtImg dl dt {
    font-family: FZCuHeiSongS;
    font-weight: 400;
    height: 1.5rem;
    text-align: justify;
    /* 文字左右两端对齐 */
    text-justify: inter-word;
    /* 针对英文单词的间距调整 */
    font-size: .30rem;
    color: #009A44;
    line-height: .33rem;
    writing-mode: vertical-rl;
    /* 从右至左竖向排列，还有vertical - lr（从左至右竖向排列）等取值可按需选择 */
    text-orientation: upright;
    /* 文字方向正常直立，可根据需求调整 */
    letter-spacing: 0.05rem;
    margin-left: 0.5rem;

}

.index_linian .txtImg dl dd {
    display: flex;
    align-items: flex-start;
}

.index_linian .txtImg dl dd p {
    font-weight: 400;
    font-size: .22rem;
    color: #272727;
    /* font-family: CenturyGothic; */
    line-height: .33rem;
    writing-mode: vertical-rl;
    /* 从右至左竖向排列，还有vertical - lr（从左至右竖向排列）等取值可按需选择 */
    text-orientation: upright;
    /* 文字方向正常直立，可根据需求调整 */
    margin-top: 0.23rem;
    letter-spacing: 0.05rem;
    margin-left: 0.5rem;
}

.index_linian .txtImg dl dd p.xuhao { position: relative; padding-top: 0.4rem;}
.index_linian .txtImg dl dd p.xuhao span{font-weight: 400;
    font-size: .22rem;
    color: #272727;
    /* font-family: CenturyGothic; */
    line-height: .33rem;
    writing-mode: vertical-rl;
    /* 从右至左竖向排列，还有vertical - lr（从左至右竖向排列）等取值可按需选择 */
    text-orientation: upright;position: absolute; right: 0; top: 0;}


.index_linian .txtImg img {
    width: 6.82rem;
}

.index_news {
    padding: 1.72rem 2.15rem 1rem 3.27rem;
}

.index_title {
    font-family: FZCuHeiSongS;
    font-weight: 400;
    font-size: .30rem;
    color: #009A44;
    line-height: .33rem;
}

.index_news_left {
    width: 35%;
    padding-right: .45rem;
    border-right: 0.01rem solid #009A44;
}

.index_news_right .list {}

.index_news_right .list li {
    margin-top: .60rem;
}

.index_news_left .list .swiper {
    height: 4rem;
    overflow: hidden;
    margin-top: 0.6rem;
}

.index_news_right .list .swiper {
    overflow: hidden;
    margin-top: 0.6rem;
    width:100%;
}

.index_news_left .list .item,
.index_news_right .list li .item {
    display: block;
}

.index_news_left .list .item .tit h3 {
    font-weight: 400;
    font-size: .24rem;
    color: #272727;
    /* font-family: CenturyGothic; */
    line-height: .30rem;
}

.index_news_left .list .item .tit h3 span {}

.index_news_left .list .item .txt {
    margin-top: .12rem;
    padding-left: .46rem;
}

.index_news_left .list .item .txt p {
    font-family: YouYuan;
    font-size: .24rem;
    color: #272727;
    line-height: .45rem;
    margin-top: .35rem;
}

.index_news_left .list .item:hover .tit h3,
.index_news_right .list .item .video-item:hover .txtbox h3 {
    color: #009A44;
}

.swiper-container-horizontal>.swiper-pagination-progress {
    top: auto !important;
    bottom: 0 !important;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #009A44 !important;
}

.index_news_right {
    width: 65%;
    padding-left: .45rem;
}

.index_news_right .list {
    display: flex;
    flex-wrap: wrap;
    margin: 0rem -.15rem;
}

.index_news_right .list .item .imgbox,
.index_news_right .list .item .imgbox img {
    width: 90%;
    height: 2.46rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

.index_news_right .list .item .txtbox {
    width: 90%;
    margin: .30rem 0;
}

.index_news_right .list .item .txtbox span {
    color: #272727;
    font-size: .24rem;
    line-height: .30rem;
    display: block;
    /* font-family: CenturyGothic; */
}

.index_news_right .list .item .txtbox h3 {
    color: #272727;
    font-size: .24rem;
    line-height: .30rem;
    margin-top: .12rem;
}

.index_news_right .list .item {
    display: flex;
}

.index_news_right .list .item:hover .imgbox img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.index_news_right .list .item .video-item {
    display: inline-block;
}

.index_link {
    padding: .50rem 2.20rem .20rem 2.20rem;
    display: flex;
    justify-content: space-between;
}

.index_link .erweima {
    display: flex;
    align-items: flex-start;
}

.index_link .erweima .item {
    margin-right: 0.3rem;
}

.index_link .erweima .item img {
    width: 1.3rem;
}

.index_link .erweima .item span {
    display: block;
    font-family: YouYuan;
    font-size: .20rem;
    color: #272727;
    line-height: .45rem;
    text-align: center;
}

.index_link dl {
    display: flex;
    align-items: center;
    padding: .20rem 0rem;
}

.index_link dl dt {
    font-family: YouYuan;
    font-weight: 400;
    font-size: .24rem;
    color: #272727;
    margin-right: .45rem;
    line-height: .44rem;
}

.index_link dl dd {
    width: 3.55rem;
    border: 0.02rem solid #009A44;
}

.index_link dl dd .text {
    width: 100%;
    height: .40rem;
    color: #009A44;
    font-size: .24rem;
    line-height: .40rem;
    border: none;
    background: transparent;
    padding: 0rem .40rem;
    display: block;
}

.footer {
    padding: .80rem 1.09rem .80rem 1.07rem;
}

.footer p,
.footer a {
    /* font-family: CenturyGothic; */
    font-weight: 400;
    font-size: .24rem;
    color: #272727;
    line-height: .30rem;
}

.about {
    padding: 1.30rem 2.14rem .40rem 1.60rem;
}

.about_title {
    width: 4.32rem;
    border-bottom: 0.02 rem2rem solid #009A44;
}

.about_title h2 {
    font-family: FZCuHeiSongS;
    font-weight: 400;
    font-size: .48rem;
    color: #009A44;
    line-height: 1.4;
}



{}

.about_text {
    width: 8.72rem;
}

.thank {
    padding: .40rem 1.32rem .90rem 1.58rem;
}


.yewu {
    padding: 1rem 2.16rem 2.20rem 1.63rem;
}

.tiyan {
    padding: 1.90rem 1.60rem 1.07rem 1.63rem;
}

.yewu_list li {
    width: 4.08rem;
    margin-top: 1.10rem;
}

.tiyan_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.tiyan_list .item {
    width: 3.79rem;
}

.input_text {
    font-size: .24rem;
    color: #333;
    border: .02rem solid #009A44;
    padding: 0rem .26rem;
    background: transparent;
    height: .70rem;
}

.input_textarea {
    font-size: .24rem;
    color: #333;
    border: .02rem solid #009A44;
    padding: .12rem .26rem;
    background: transparent;
    line-height: .40rem;
    height: 2.30rem;
}

.input_but {
    color: #FEFEFE;
    font-size: .24rem;
    width: 1.84rem;
    height: .65rem;
    background: #009A44;
    border: transparent;
    margin-left: .30rem;
}

.map_us {
    width: 100%;
    height: 5.71rem;
}

.w477 {
    width: 4.77rem;
}

.lianxi {
    padding: 2.20rem 1.91rem .80rem 1.62rem;
}

.font15 {
    font-size: .15rem;
}

.font23 {
    font-size: .23rem;
}

.mt184 {
    margin-top: 1.84rem;
}

#ganxie_swiper img {
    max-width: 100%;
    max-height: 100%;
}

#ganxie_swiper .item {
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 14.40rem) {}

.down-triangle {
    width: 0;
    height: 0;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-top: .12rem solid black;
    position: absolute;
    margin-top: .18rem;
    margin-left: 0.12rem;
}

.up-triangle {
    width: 0;
    height: 0;
    border-left: .15rem solid transparent;
    border-right: .15rem solid transparent;
    border-bottom: .15rem solid black;
    position: absolute;
    margin-top: .15rem;
}


.text-city {
    display: inline-block;
    width: 1rem;
    color: #009A44;
}

.more-city {
    position: absolute;
    z-index: 99;
}

.more-city.hidden {
    display: none;
}

.more-city .more-city-item {
    background: #cecece;
    text-align: center;
    height: .70rem;
    width: 1.5rem;
    line-height: .70rem;
}

.more-city .more-city-item:hover {
    background: #f5f5f5;
}

.exploration-item-box {
    width: 12rem;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    padding: .5rem .5rem;
}

.exploration-item-box .img {
    width: 6rem;
}

.exploration-item-box .info {
    width: 6rem;
    padding: 0 .5rem;
}

.exploration-item-box .close-btn {
    color: #fff;
}

.exploration-item-box .info .info-item {
    padding-bottom: .2rem;
    line-height: .35rem;
    color: #fff;
    font-size: .18rem;
}

.hidden {
    display: none;
}

.chanpin {
    padding: 1.30rem 2.14rem .40rem 1.60rem;
}

.chanpin h2 {
    font-family: FZCuHeiSongS;
    font-weight: 400;
    font-size: 0.60rem;
    color: #009A44;
    line-height: 1.5;
    border-bottom: 0.02rem solid #009A44;
}

.chanpin_list {
    padding-left: 2.3rem;
	padding-right: 0.88rem;
	margin-top: 1.1rem;
}

.chanpin_list li {
    margin-top:1.1rem;
    display: flex;
    
    justify-content: space-between;
}

.chanpin_list li .imgbox {
    width:4.95rem;
}

.chanpin_list li .imgbox img {
    width: 100%;
}

.chanpin_list li .txtbox {
    width: 3.9rem;
}

.chanpin_list li .txtbox h4 {
    font-family: FZCuHeiSongS;
    font-size: 0.48rem;
    color: #009A44;
    list-style: 1.5;
}

.chanpin_list li .txtbox .text {
    margin-top: 1rem;
}

.chanpin_list li .txtbox .text p {
    font-family: YouYuan;
    font-weight: 400;
    font-size: 0.24rem;
    color: #040404;
    line-height: 0.60rem;
    position: relative;
    padding-left: 0.3rem;
}

.chanpin_list li .txtbox .text p:after {
    width: 0.12rem;
    height: 0.12rem;
    background: #009A44;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.chanpin_list li .txtbox .open {
    text-align: right;
    margin-top: 0.4rem;
}

.chanpin_list li .txtbox .open a {
    font-family: YouYuan;
    font-weight: 400;
    font-size: 0.18rem;
    color: #009A44;
}

.chanpin_list li .txtbox .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.chanpin_list li .txtbox .list .item {
    width: 0.6rem;
    text-align: center;
    margin-top: 0.25rem;
}

.chanpin_list li .txtbox .list .item img {
    width: 0.5rem;
    height: 0.5rem;
}

.chanpin_list li .txtbox .list .item p {
    font-family: YouYuan;
    font-weight: 400;
    font-size: 0.17rem;
    color: #040404;
    line-height: 0.23rem;
    margin-top: 0.3rem;
}

.yewufuwu_list {
    margin: 0px -0.35rem;
}

.yewufuwu_list li {
    width: 25%;
    padding: 0rem 0.35rem;
    margin-top: 0.8rem;
}

.yewufuwu_list li img {
    width: 100%;
}

.yewufuwu_list li h4 {
    text-align: center;
    font-family: FZCuHeiSongS;
    font-weight: 400;
    font-size: 0.30rem;
    color: #009A44;
    margin-top: 0.5rem;
}

.yewufuwu_list li .txtbox {
    
    margin-top: 0.4rem;
    min-height: 2.25rem;
}
.yewufuwu_list li .txtbox p
{
    font-weight: 400;
    font-size: 0.24rem;
    color: #040404;
    line-height: 0.45rem;
    text-align: justify;
}

.yewufuwu_list li a {
    text-align: right;
    font-family: YouYuan;
    font-weight: 400;
    font-size: 0.18rem;
    color: #009A44;
    line-height: 1.4;
    display: block;
    text-align: right;
    margin-top: 0.2rem;
}
.yewufuwu_list li .txtbox p span{
    font-family: CenturyGothic;
}


.new_yewu {
    padding: 1rem 2.16rem 1rem 1.63rem;
}
.picMarquee-left{ overflow: hidden; position: relative; width: 16rem;}


.justify-text {
  text-align: justify;
 
}

.one{height:1.2rem;;width:16rem;overflow:hidden;position:relative; margin-top: 0.4rem;}
.one ul{height:1.20rem;width:100rem;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:left;margin:5px;height:1.20rem; padding: 0px 0.15rem; position:relative;}
.one ul li a{display:inline-block;height:1.20rem; display:flex; align-items: center;}
.one ul li img{border-radius:5px;display:block; height: 0.9rem;}


.index_kuaisu{ margin-top: 2rem;  padding: 0rem 2.15rem 0rem 3.27rem;}
.boxImte{display: flex; align-items:flex-start; background: #fff;}
.index_kuaisu .txtbox{ width: 6.43rem; padding:0.35rem 0.50rem 0.3rem 0rem;}
.index_kuaisu .txtbox .logo img{ height: 0.74rem; display: block;}
.index_kuaisu .txtbox .img{ display: flex; align-items: flex-end; justify-content: space-between; padding-left: 0.50rem;}
.index_kuaisu .txtbox .img img{ width: 3.35rem;}
.index_kuaisu .txtbox .img dl{ display: flex; align-items: center; margin-top: 0.5rem;}
.index_kuaisu .txtbox .img dl dt{ width: 0.1rem; height: 0.1rem; background: #009a44; border-radius: 50%; margin-right: 0.2rem;}
.index_kuaisu .txtbox .img dl dd{ color: #464545; font-size: 0.38rem; font-family: FZCuHeiSongS !important;}
.index_kuaisu .imgbox{ flex: 1; width: 100%;}
.index_kuaisu .imgbox img{ width: 100%;}
.xOpen{ text-align: right; color:#009a44; font-size: 0.18rem; margin-top: 0.5rem;}

.anli_box{ padding: 1.20rem 1.32rem .90rem 1.58rem;}
.anli_list ul{ display: flex; flex-wrap: wrap; margin: 0rem -.3rem;}
.anli_list ul li{ width: 33.3333%; margin-top: 0.7rem; padding: 0rem 0.3rem;}
.anli_list ul li a.item{ display: block; width: 100%;}
.anli_list ul li a.item .imgbox,.anli_list ul li a.item .imgbox img{ width: 100%; height: 3rem; object-fit: cover;}
.anli_list ul li a.item .txtbox{ text-align: right; color: #272727; font-size: 0.24rem; line-height: 0.4rem; margin-top: 0.25rem;}
.pdf_btn{ width: 4.48rem; height: 1.16rem; background: #d0d0d0; color: #009a44; font-size: 0.24rem; margin-left: 2.7rem;}



.changfang_boxz{ padding:2rem 1.75rem 1.50rem 3.95rem;}
.changfang_one li{ margin-bottom: 1.6rem; display: flex; align-items: flex-start; justify-content: space-between;}
.changfang_one li .imgbox{ width: 5.1rem;}
.changfang_one li .imgbox img{ width: 100%;}
.changfang_one li .txtbox { width: 7.2rem;}
.changfang_one li:nth-of-type(even),.chanpin_list li:nth-of-type(even){flex-direction: row-reverse;}

.zhengshu .one{ width: 13.3rem; height: 4.16rem;}
.zhengshu .one ul li{ height: 4.16rem;padding: 0rem; margin: 0rem; margin-right: 0.3rem;}
.zhengshu .one ul li a{ height: 4.16rem;}
.zhengshu .one ul li a img{ height: 4.16rem;}

.jingli_dong .one{ width: 100%; height: 7.12rem; margin: 0rem;}
.jingli_dong .one ul{ height: 7.12rem;}
.jingli_dong .one ul{ display: flex; flex-wrap: wrap;}
.jingli_dong .one ul li{padding-left:0.60rem; margin-top: 0.7rem;}
.jingli_dong .one ul li .imgbox{ width: 100%; height: 4.20rem;  text-align: right;}
.jingli_dong .one ul li .imgbox img{width:3.12rem; height: 4.20rem;object-fit: cover;}
.jingli_dong .one ul li .txtbox{ text-align: right; margin-top: 0.3rem;}
.jingli_dong .one ul li .txtbox p{ color:#040404; font-size: 0.24rem; line-height: 0.4rem;}
.jingli_dong .one ul li .txtbox p.shuyzi{ font-family: CenturyGothic;}



/* 2. 弹窗遮罩层（半透明背景，阻止底层点击） */
        .download-modal-mask {
            position: fixed; /* 固定在视口 */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明 */
            z-index: 999; /* 确保遮罩在最上层 */
            display: none; /* 默认隐藏 */
            align-items: center; /* 子元素垂直居中 */
            justify-content: center; /* 子元素水平居中 */
        }

        /* 3. 弹窗内容框 */
        .download-modal-content {
            width:4rem;
            background-color: #fff;
            border-radius:0.12rem;
            padding: 0.3rem;
            box-sizing: border-box;
            position: relative; /* 用于定位关闭按钮 */
        }

        /* 4. 弹窗标题 */
        .modal-title {
            font-size: 0.20rem;
            font-weight: 600;
            color: #333;
            text-align: center;
        }

        /* 5. 下载选项列表（支持多文件下载） */
        .download-list {
            list-style: none;
            padding: 0;
           margin-top: 0.25rem;
		   
        }
        .download-list li {
            margin-bottom: 0.15rem;
            padding-bottom: 0.15rem;
            border-bottom: 1px solid #eee; /* 分隔线 */
        }
        .download-list li:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        .file-name {
            font-size: 0.16rem;
            color: #666;
            margin-bottom: 0.08rem;
        }
        .file-size {
            font-size: 0.14rem;
            color: #999;
            margin-bottom: 0.12rem;
        }

        /* 6. 下载按钮（弹窗内） */
        .file-download-btn {
            padding: 0.08rem 0.20rem;
            background-color: #4ca64c; /* 绿色下载按钮 */
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 0.14rem;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .file-download-btn:hover {
            background-color: #3d8b3d;
        }

        /* 7. 关闭按钮（弹窗右上角） */
        .close-modal {
            position: absolute;
            top: 0.15rem;
            right: 0.15rem;
            width: 0.24rem;
            height: 0.24rem;
            border: none;
            background: transparent;
            font-size: 0.24rem;
            color: #999;
            cursor: pointer;
            line-height: 1; /* 垂直居中 */
            padding: 0;
        }
        .close-modal:hover {
            color: #333;
        }

        /* 8. 弹窗显示状态（通过添加类控制） */
        .download-modal-mask.active {
            display: flex;
        }