@charset "utf-8";
    html, body {
        margin: 0px;
        padding: 0px;
    }

    IMG {
        border-width: 0px;
    }

    * {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-family: Arial, "Segoe UI";
    }

    a {
        text-decoration: none !important;
        color: #555
    }

    a:hover {
        text-decoration: none;
    }

    .banner {
        width: 100%;
        margin: 0 auto;
        cursor: pointer
    }

    .banner img {
        display: block;
        width: 100%;
        height: auto
    }

    #fp-nav ul li a span, .fp-slidesNav ul li a span {
        background: #fff !important;
    }

    .swiper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        position: relative;
        overflow: hidden;
    }

    .slide-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.1);
        transition: transform 5s ease;
    }

    .swiper-slide-active .slide-img {
        transform: scale(1);
    }

    .slide-text {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #fff;
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 1s ease, transform 1s ease;
    }

    .swiper-slide-active .slide-text {
        opacity: 1;
        transform: translateY(0);
    }

    .slide-title {
        font-size: clamp(2rem, 5vw, 4rem);
        margin: 0;

        text-shadow: 3px 0 8px rgb(0 18 40 / 40%);
    }

    .slide-subtitle {
        font-size: clamp(1rem, 3vw, 1.5rem);
        margin-top: 10px;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu a {
        color: #555
    }

    .dropdown:hover .dropdown-menu a {
        color: #555;
    }

    @media (min-width: 768px) {
        body {
            position: relative;
            height: 100%;
        }

        .banner .swiper {
            width: 100%;
            height: 100vh;
        }

        .banner .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .banner .swiper-slide img {
            display: block;
            width: 100%;
            height: 100vh;
            object-fit: cover;
        }

        .banner a img {
            height: 100vh;
            width: 100% !important;
        }

        .navbar-nav {
            font-size: 1.05rem;
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin-left: 2rem
        }

        .navbar-expand-lg {
            align-items: self-end !important;
            padding-bottom: .5rem
        }

        .navbar-nav a {
            color: #333
        }

        .nav-item a.active {
            border-bottom: #6db231 solid 2px
        }

        .navbar {
            padding: 0 !important;
        }

        .container-head {
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 4%
        }

        .dropdown-menu {
            font-size: 1rem;
            --bs-dropdown-link-active-bg: #fff !important;
        }

        .indbg {
            width: 100%;
            position: fixed;
            background: #fff;
            padding: 0;
            z-index: 9999
        }
         .indbg1 {
            width: 100%;
            position: relative;
            background: #fff;
           
        }
        .indbg1.xz{ position: fixed; padding: 0;
            z-index: 9999}

        .logo {
            height: 5rem;
            width: auto;

        }

        .container-head a {
            color: #333;
            line-height: 3rem
        }

        .container-head a.active {
            color: #333 !important;
        }
        .phone{font-size: 1.4rem;color: #0a58ca;font-weight: bold;display: flex;align-items: center}
        .phone .bi{padding-right: 3px}

        .second-bg {
            width: 100%;
            background: url("../images/secondBg.jpg") no-repeat top center;
            background-size: cover;
        }

        .head-title {
            font-weight: bold;
            font-size: 2.25rem;
            line-height: 3rem;
            color: #fff;
            max-width: 1600px;
            margin: 10px auto 1rem;
            padding: 0 1rem;text-align: center;
            text-shadow: 0 2px 3px rgb(0 0 0 / 60%);
        }
        .sub-title {font-size: 1rem;color: #fff;text-align: center; text-shadow: 0 2px 3px rgb(0 0 0 / 60%);}
        .container-box{max-width: 1600px;margin:0 auto;padding: 0 4%}
        .about-box{margin:40px auto;}
        .about-box ul{padding: 0;display: grid;grid-template-columns:repeat(4,1fr);gap:30px}
        .about-box li{
            padding: 10%;
            border-radius: 0px;
            float: left;
            border: 1px solid rgba(255, 255, 255, 0.3);
            position: relative;
            z-index: 5;
            background: rgb(109 178 49 / 80%);
            transition: all 250ms ease-in;
        }
        .about-box .ico{max-width: 100%;text-align: right}
        .about-box h1{font-size: 1.5rem;color: #fff;font-weight: 700;}
        .about-box p{font-size: .95rem;color: #fff;line-height: 1.6;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
        }
        .about-box li:hover{
            background: rgb(109 178 49 / 100%);
            transform: translateY(-5px);
            box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
            cursor: pointer;}


        .clear {
            clear: both;
            width: 100%
        }

        .third-bg {
            overflow: hidden;
            width: 100%;
            background: url("../images/thirdBg.jpg") no-repeat top center;
            background-size: cover;
        }


        .third-head {
          font-size: 2.3rem;
            text-align: center;color:#6db231
        }
        .pro-class{width: 90%;margin:20px auto}
        .pro-class ul{padding: 0;display: grid;grid-template-columns:repeat(4,1fr);gap:2rem}
        .pro-class li{background: #fff;text-align: center;transition: all .3s}
        .pro-class li a{padding:1rem 0;display: block;color: #333;transition: all .3s}
        .pro-class li:hover a{background:#6db231;color: #fff}
        .ind-pro{width: 100%;grid-template-columns:repeat(4,23%);gap:0 2%;display: grid;}
        .ind-pro li{padding: 1rem;box-shadow:0 0 10px 2px #eee;background: #fff}
        .ind-pro .img-box{width: 100%;overflow: hidden;}
        .ind-pro .img-box img{width: 100%;aspect-ratio: 4/3;transition: all .3s;object-fit: cover}
        .ind-pro .title{font-size: 1rem;line-height: 1.6;color: #555;font-weight: bold;padding: 15px 0 10px;margin:10px auto 0;text-align: center;
            border-top: 1px solid #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
        .ind-pro .title:after{width: 0;content: "";transition: all .5s;position: absolute;left: 0;top:0 }
        .ind-pro li:hover{
            img{transform: scale(1.05);}
            .title{color:  #6db231}
            .title:after{width: 100%;content:"";height: 2px;background: #6db231;display: block;}

        }
        .ind-pro-more{background: #ef8a1c;padding: 10px 30px;color: #fff;display: block;margin:30px auto;width: 180px;text-align: center;border-radius: 30px;border-bottom-left-radius: 0;border-top-right-radius: 0}


        /*新瓣*/
        .four-bg {
            width: 100%;
            /*background: url("../images/four-bg.jpg") no-repeat top center;*/
            background-size: cover;
        }

        .four-box {
            width: 100%;
            margin: 0 auto;
            padding: 0;
            height: 100vh;
        }
        .float-box{max-width: 1400px;position:relative;margin: 0 auto;padding: 0 30px;
            z-index: 1;}
        .float-box .left{width:30%;position:absolute;z-index: 9;}
        .float-box .left ul{padding: 0;display: grid;grid-template-columns:repeat(2,1fr);gap:0;height: 100vh;align-content: center    }
        .float-box .left li{background: #1d417d90;min-height: 20vh;border-bottom: solid 1px #fff;border-left: solid 1px #fff}
        .float-box .left li a{display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 1rem 0}
        .float-box .left li img{max-width: 90px!important;height: auto;display: block;margin:10px auto;position: relative; animation: fourAnimal 4s linear infinite;}
        .float-box .left li:nth-child(even) img{animation: fourAnimal 6s linear infinite;}
        .float-box .left .title{font-size:1.2rem;color: #fff}
        .float-box .left a{color: #fff;text-align: center;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
        .float-box .left .nav-item a.active{background: #6db231;color: #fff;border-bottom: none}
        .tabbox{width:100%;margin: 0 auto;position: relative;height: 100%}
        .tabbox img{width: 100%;height: 100vh;position: absolute;left: 0;top: 0;object-fit: cover}

        .tabbox .content{max-width: 1400px;margin:0 auto;position: relative;height: 100%;padding: 0 30px}
        .tabbox .content-text{position: absolute;right:0;width:55%;top:0;bottom: 0;padding-right: 30px;
            z-index: 10;display: flex;
            align-content: center;justify-content: flex-end;
            height: 100vh;flex-wrap: wrap;text-align: right}
        .tabbox .content h2{font-size: 2.3rem;margin-bottom: 1rem;text-align: right}
        .tabbox .content .summary{font-size: 1rem; color: #555;line-height: 1.8}
        .tabbox .more{background: #6db231;padding: 10px 30px;color: #fff;display: inline-block;float: right;margin-top: 2rem}

        /*新闻*/
        .five-bg {
            width: 100%;
            background: url("../images/five-bg.jpg") no-repeat top center;
            background-size: cover;
        }

        .index-news{margin:20px auto}
        .index-news ul{padding: 0;display: grid;grid-template-columns:repeat(3,31.3%);gap:2rem 3%}
        .index-news li{width: 100%}
        .index-news .img-box{width: 100%;overflow: hidden;}
        .index-news .img-box img{width: 100%;aspect-ratio: 2/1;transition: all .3s;object-fit:cover}
        .index-news .title{font-size: 1rem;line-height: 1.6;color: #555;padding: 15px 0 10px;margin:0 auto 10px;text-align: left;
            border-bottom: 1px solid #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
        .index-news .title:after{width: 0;content: "";transition: all .5s;position: absolute;left: 0;bottom:0 }
        .index-news article{font-size: .85rem;line-height: 1.8;    margin: 0 0 1.5rem;color: #666;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;}
        .index-news li:hover{
            img{transform: scale(1.1);}
            .title{color:  #6db231}
            .title:after{width: 100%;content:"";height: 1px;background: #6db231;display: block;}

        }
        /*联系*/
        .six-bg {
        width: 100%;
        background: url("../images/six-bg.jpg") no-repeat top center;
        background-size: cover;}
        .ind-contact-head{
            font-size: 2.3rem;
            text-align: left;color:#6db231
        }
        .ind-contact{
            font-size: 1rem;text-align: left;line-height: 1.8;color: #333;
        }
        .ind-contact h2{font-size: 1.5rem;color: #222;margin:1rem auto}

        .bottom-box {
            width: 100%;
            background:#6db231;
            background-size: cover;
            height: 50px;
            overflow: hidden
        }

        .bottom {
            max-width: 1600px;
            padding: 0 1rem;margin: 0 auto;
            overflow: hidden;
           font-size: .95rem;text-align: center;color: #fff;
        }
        .bottom a{color: #fff}

        .inner-banner{width: 100%;}


        /*二级页*/
        .position-box {
            background: #f0f0f0;
            padding: .5rem 0;
        }

        .position-box .icon {
            color: #6db231;
            font-size: 1.3rem;
            margin-right: .5rem
        }

        .position {
            max-width: 1600px;
            padding: 0 4%;
            color: #444;
            margin: 0 auto;
            font-size: .95rem;
            line-height: 1.8rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .position-left{width: 50%}
        .position-left ul{padding:0;margin: 0}
        .position-left li{display: inline-block}
        .position-left a{padding:0 1.5rem;border-right: solid 1px #ccc;}
        .position-left a.active{color: #3d8300}


        .position a {
            color: #444
        }

        .inner-banner {
            background-size: cover;
            height: 440px;
            display: flex;
            align-items: center;justify-content: center;
            width: 100%;
            background-position: center right;
            background-attachment: fixed;
        }

        .inner-name {
            font-size: 2.1rem;
            color: #fff;
            max-width: 1600px;
            padding:100px 5% 2rem;
            margin: 0 auto 1%;
            font-weight: 700;width: 100%;
            text-align: center;
        }
        .inner-name h1{      font-size: 2.1rem;text-shadow: 0 2px 3px rgb(0 0 0 / 60%);font-weight: 700}
        .inner-name p{  font-size: 1rem;text-shadow: 0 2px 3px rgb(0 0 0 / 60%);font-weight: bold}

        .inner-box {
            max-width: 1600px;
            padding: 0 4%;
            margin: 60px auto
        }

        .inner-title {

            text-align: center;
            font-weight: 700;
            color: #444;
            margin-bottom: 2rem
        }
        .inner-title .en{font-size: 2rem;color:#ccc}
        .inner-title .name{color: #6db231;font-size: 1.8rem;}
        .inner-title .subname{color: #6db231;font-size: 1.5rem;}
        .inner-content {
            font-size: 1rem;
            line-height: 2;
            color: #444;
        }


        .inner-content p {
            margin: 0
        }

        .inner-content h2 {
            font-weight: 700;
            font-size: 1.3rem;
            line-height: 2.8rem;
            margin-top: 1rem;
        }

        .inner-content h3 {
            font-weight: 700;
            font-size: 1.1rem;
            line-height: 2.3rem;
            margin-bottom: 10px;
        }

        .inner-content img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 10px auto
        }

        /*about*/
        .culture{
            width: 100%;
            background: #f0f7fe;padding: 3rem  0 2.5rem;text-align: center;
        }
        .culture h1{color: #6db231;font-size: 1.8rem;font-weight: 700}
        .culture p{color: #666;font-size: 1.1rem;}
        .culture-box{width: 100%;
            background: url("../images/aboutbg.jpg") no-repeat center center; background-size: cover;
            background-attachment: fixed;display: grid;grid-template-columns:repeat(3,1fr);gap:0}
        .culture-box .content{width: 100%;padding: 1.5rem 0;cursor:pointer;
            border-left:solid 1px  rgba(255,255,255,0.5);border-bottom:solid 1px rgba(255,255,255,0.5);}
        .culture-box .content img{display: block;margin: 0 auto;max-width: 100%;height: auto;transition: all .8s}
        .culture-box .content p{font-size: 1.1rem;color: #fff;text-align: center}
        .culture-box .content:nth-last-of-type(3n){border-left:none;}

        .culture-box .content:hover{background: rgba(239, 138, 28, 0.8);}
        .culture-box .content:hover img{transform:rotateY(180deg)}
        /*内页bottom*/

        .inner-bottom{
            width: 100%;
            background:#6db231;
            background-size: cover;
            overflow: hidden;padding: 2rem 1rem 0 0;
        }
        .bottom-menu{font-size: 1rem;color: #FFf}
        .bottom-menu  a{font-size: 1rem;color: #FFf;padding: 0 1rem}
        .bottom-contact{font-size:.9rem;color: #fff;}
        .copyright{max-width: 1300px;border-top:solid 1px rgba(255,255,255,0.2);font-size:.9rem;padding-top: 1rem;color: #fff;margin:1.5rem auto;padding-left: 1rem}
        .copyright a{color: #fff}
        /*通用内容页*/
        .article-box{background: #f7f7f7;padding:2rem  2%;max-width: 1600px;margin:2rem auto}
        .article-box h2{font-size:2.1rem;padding: 1rem 0;border-bottom: solid 1px #eee;text-align: center;font-weight: 600}
        .article-box .content{font-size:1rem;color: #555;line-height: 2;margin: 1rem auto;min-height: 350px}
        .article-box .content img{max-width: 100%;margin: 0 auto;display: block}
        /*产品列表*/
        .pro-list{margin:4rem auto;display: grid;row-gap: 2rem}
        .pro-box{max-width: 1400px;border:solid 1px #eee;margin: 2rem auto;padding: .5rem}
        .pro-top{background: #f7f7f7;width: 100%;margin-bottom: 1rem;padding:1.5rem 1rem}
        .pro-title{font-size: 1.8rem;color: #333;padding: .5rem 0;border-bottom:solid 1px #eee;font-weight: 700}
        .pro-article{font-size: .95rem;line-height: 1.8;color:#555;margin-top: 1rem}
        .scroll-box .swiper-slide img{aspect-ratio: 4/3;object-fit: cover;width: 100%}
        .scroll-box .mySwiper{margin-top:2rem}
        .scroll-box   .mySwiper .swiper-wrapper{width: 85%;margin:0 auto;position: relative;overflow: hidden;display: flex;align-content: center;
            justify-content: space-between;}
        .scroll-box .mySwiper .swiper-slide{ width: 30%!important;}
        .scroll-box .mySwiper .swiper-slide img{display: block;margin:0 auto;padding: 2px}
        .scroll-box .mySwiper  .swiper-slide-thumb-active{border: solid 1px #ef8a1c;}
        .swiper-button-next, .swiper-button-prev{width:auto!important;}
        .swiper-button-next:after, .swiper-button-prev:after{color: #444;font-size: 2rem}
        .pro-btn-box{width: 100%;margin:3rem auto 1rem}
        .pro-btn{width: 200px;background: #ef8a1c;color: #fff;text-align: center;padding:1rem 4rem}
        .pro-r{width: 95%;margin:1rem auto;}
        .pro-info-title{font-size: 1.6rem;font-weight: 700;padding: 1rem 0;color: #333;border-bottom: 2px solid #ef8a1c;text-align: center;background: #f7f7f7}
        .pro-info-article{font-size: 1rem;color: #555;line-height: 1.8;width: 96%;margin: 2rem auto}
        .pro-info-article img{max-width: 100%;height: auto}
        .syp {
            width: 100%;
            font-size: 1rem;
            color: #333;
            background: #fafafa;
            padding: 5px 0
        }

        .syp a {
            color: #555
        }

        .syp ul {
            overflow: hidden;
            margin: 1rem auto;
            padding: 0 .8rem;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .syp li {
            width: 48%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            overflow: hidden
        }

        .syp li:nth-child(2) {
            width: 48%;
            text-align: right
        }

        .flag-box{max-width: 1400px;margin: 2rem auto;}
        .flag-box-title{font-size: 1.8rem;color: #333;font-weight: 700;text-align: center;margin-bottom: -1rem}

        /* 预定*/
        .building-bg{width: 100%;background-size: cover;overflow: hidden}
        .reserve-title{font-size: 1.8rem;font-weight:700;color: #6db231;margin-bottom:1rem;text-align: center}
        .reserve-subtitle{font-size: 1rem;line-height: 1.6rem;text-align: center;color: #555}
        .reserve-form{max-width: 1150px;margin:1.5rem auto;overflow: hidden}
        .input-box{border: solid 1px #bdbdbd;background: #fff;display: flex;align-content: center;justify-content: space-between;padding: 10px 30px;margin:10px auto;
            border-radius:4px;}
        .input-box  label{font-size: 1rem;color: #444;width: 110px;padding: 3px 0;}
        .input-box  label  .red{color:#ff0000}

        .input-box  input{width:calc(100% - 120px);border: none;outline: none;padding: 3px 0 }
        .input-box   textarea{width:calc(100% - 120px);border: none;outline: none;padding: 3px 0;min-height:80px }
        .input-box  input::placeholder, textarea::placeholder{font-size: .9rem}
        .input-box   .input-code{width: calc(100% - 234px);}
        .input-button{width: 350px;background:#6db231;border: none;
            text-align: center;padding: 10px 0;border-radius: 8px;margin:1.5rem auto;display: block;color: #fff;font-size: 1rem}



        /*新闻中心*/
        .news-box {
            background: #f7f7f7;
            border-radius: 15px;
            overflow: hidden;
            padding: 1.5rem 2rem;

            .left {
                width: 100%;
                display: flex;
                justify-content: center;
                flex-direction: column;

                h2 {
                    font-size: 1.2rem;
                    color: #6db231;
                    margin: .4rem 0;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    line-height: 1.8;
                    font-weight: 700;

                }

                time {
                    font-size: 1.1rem;
                    color: #666
                }

                article {
                    font-size: .95rem;
                    color: #777;
                    display: -webkit-box;
                    line-height: 1.6;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                }
            }
            .more{width: 150px;border: solid 1px #6db231; color: #6db231;text-align: center;display:block;font-size: .9rem;margin-top: 1rem;padding: .2rem 0}


        }
        .news-list {
            margin: 1.5rem auto;

        }
        .news-list ul {
            padding: 0
        }
        .news-list li {
            padding: .5rem 2rem;
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }
        .news-list a {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .news-list a .time {

            padding: 1rem;
            text-align: center;
            color: #6db231;
            background:#fafafa;
            transition: all .3s;

            .day {
                font-size: 2.4rem;
                margin-top: 3px;
            }

            .year {
                font-size: 1rem;
                font-weight: lighter
            }

        }
        .news-list a .mid {
            width: calc(100% - 230px);
            transition: all .3s;

            h2 {
                font-size: 1.2rem;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                line-height: 2rem;
                color: #444;
                margin: .5rem auto;
            }

            p {
                font-size: .9rem;
                color: #666;
                margin: 0;
                display: -webkit-box;
                line-height: 1.4;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
            }
        }
        .news-list a .arrow {
            width: 38px;
            height: 38px;
            background: #fff;
            color: #ccc;
            transition: all .3s;
            border-radius: 48px;
            font-size: 1.2rem;
            display: flex;
            font-weight: 700;
            justify-content: center;
            align-items: center;border: solid 2px #ccc;
        }
        .news-list li:nth-child(even) {
            border-bottom: solid 1px #eee;
            background: #fbfbfb
        }
        .news-list li:hover {
            .arrow {
                transform: translateX(5px);
                border: solid 2px #ff7216;
                color:  #ff7216;

            }

            .time {
                transform: translateX(8px);color: #fff;
                background:  #6db231;

            }

            h2 {
                color: #6db231;
            }
        }
        .detail-subtitle {
            font-size: 14px;
            color: #666;
            line-height: 27px;
            border-bottom: solid 1px #dedede;
            padding: 0 0 .5rem;
            text-align: center;
            margin-bottom: 2rem;

            span {
                margin: 0 3px 0 10px
            }
        }
        .detail-title {
            font-size: 1.8rem;
            text-align: center;
            font-weight: 700;
            color: #6db231;
            margin-bottom: 1rem
        }

        .next {
            width: 100%;
            font-size: .95rem;
            color: #333;
            background: #fafafa;
            padding: 5px 0
        }

        .next a {
            color: #555
        }

        .next ul {
            overflow: hidden;
            max-width: 1600px;
            margin: 15px auto;
            padding: 0 4%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .next li {
            width: 48%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            overflow: hidden
        }

        .next li:nth-child(2) {
            width: 48%;
            text-align: right
        }
        .contact-box{background: #f7f7f7;padding: 1rem;max-width: 1400px;margin: 0 auto 1.5rem;}
        .contact-title{font-size: 1.8rem;color: #6db231;padding: 1rem 0;text-align: center;font-weight: 600;}
        .contact-box ul{padding:0 1rem}

        .contact-bg {

            border: solid 1px #eee;
            width: 95%;
            margin: 12px auto;
            background:#fff;
            padding: 1.5rem 2rem;
            display: flex;
            justify-content: space-between;
            min-height:100px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }

        .contact-bg .content {
            width: calc(100% - 6rem);

        }

        .contact-bg .icon-box {
            width: 4.5rem;
            height:4.5rem;
            background: #ef8a1c;
            font-size: 2rem;color: #fff;
            border-radius: 50%;display: flex;align-items: center;justify-content: center;
        }

        .contact-bg .icon-box img {
            display: block;
            margin: 0 auto
        }

        .contact-bg h2 {
            font-size: 1.1rem;
            margin: 1rem auto .5rem;
        }

        .contact-bg p {
            font-size: 1rem;
            line-height: 1.8rem;
            color: #555
        }

        .contact-bg .code-consult {
            width: 140px;
        }

        .contact-bg .code-consult img {
            width: 135px;
            height: 135px;
            border-radius: 10px;
            padding: 2px;
            background: #fff;
            border: solid 1px #a5acc0
        }

        .contact-bg .code-consult p {
            font-size: 1rem;
            text-align: center;
            color: #555;
            line-height: 2.5rem
        }

        .map{margin:1rem auto;width: 95%;display: block;text-align: center;}
/* 荣誉证书*/
    .honor-box{margin:4rem auto;}
    .honor-box ul{padding: 0;display: grid;grid-template-columns: repeat(3,33%);gap:3% 2%}
    .honor-box li{width: 100%; position: relative;border-radius: 10px;overflow: hidden}
    .img-item img{width: 100%;aspect-ratio:4/2.8;object-fit:cover;transition:all .3s}
    .img-item:hover img{transform: scale(1.05)}
    .honor-box li .aboutimgwz{width: 95%;background: rgb(255 114 22 / 71%);}
    .honor-box li  .aboutimgwz h2{font-size: 1.1rem;color: #fff}
    .honor-box li .aboutimgwz p{font-size: 1rem;line-height:1.5;color: #fff;}
    





    }

    @media (max-width: 1024px) {
        .navbar-nav {
            font-size: .9rem;
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin-left: 0
        }

        .navbar-nav a {
            color: #333
        }

        .dropdown-menu {
            font-size: 1rem;
            --bs-dropdown-link-active-bg: #fff !important;
        }

        .indbg {
            width: 100%;
            position: fixed;
            background:rgba(255,255,255,0.7);
            padding: 5px 0;
            z-index: 9999
        }

        .logo {
            height: 3.5rem;
            width: auto;
        }

        .container-head a {
            color: #333
        }

        .container-head a.active {
            color: #333 !important;
        }

        .indbg.xz {
            background: rgba(255, 255, 255);
        }

        .indbg.xz .logo {
            filter: none
        }

        .indbg.xz .container-head a {
            color: #222
        }

        .indbg.xz .container-head a.active {
            color: #222 !important;
        }

        .banner {
            height: auto
        }
        .tabbox .content .summary{font-size: .9rem}
        .float-box .left li{background: #1d417d90;min-height:auto;border-bottom: solid 1px #fff;border-left: solid 1px #fff}
        .float-box .left li a{display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 1rem 0}
        .float-box .left li img{max-width: 60px!important;height: auto;display: block;margin:10px auto;position: relative; animation: fourAnimal 4s linear infinite;}

    }

    @media (max-width: 767.98px) {
        .banner .swiper img{width: 100%;height: 100vh;object-fit: cover}
        .navbar-expand-lg {
            padding-right: 1rem
        }

        .navbar-toggler {
            margin-right: 1rem
        }

        .navbar-collapse {
            background: #fafafa;
            padding: 1rem 0
        }

        .navbar-collapse ul {
            padding: 0
        }

        .navbar-nav {
            align-items: center;
            text-align: center
        }

        .navbar-nav li {
            width: 100%
        }

        .navbar-nav a {
            color: #444
        }

        .navbar {
            padding: 0 !important;
        }

        .container-head a.active {
            color: #444 !important;
        }

        .nav-item {
            border-bottom: solid 1px #eee;
            font-size: .9rem
        }

        .logo {
            max-width: 100%;
            height: 3.5rem;
            float: left;
            margin-left: 1rem
        }

        .indbg {
            background: #fff;
            padding: 0;
            margin: 0;
            box-shadow: 0 0 10px 2px #666
        }

        .indbg .logo {
            filter: none
        }

        .banner {
            height: auto
        }
        .second-bg {
            width: 100%;
            background: url("../images/secondBg.jpg") no-repeat top center;
            background-size: cover;
        }

        .head-title {
            font-weight: bold;
            font-size: 1.4rem;
            line-height: 1.6;
            color: #fff;
            max-width: 1600px;
            margin: 10px auto 1rem;
            padding: 0 1rem;text-align: center;
            text-shadow: 0 2px 3px rgb(0 0 0 / 60%);
        }
        .sub-title {font-size: .9rem;color: #fff;text-align: center; text-shadow: 0 2px 3px rgb(0 0 0 / 60%);}
        .container-box{max-width: 1400px;margin:0 auto;padding: 0 1rem}

        .about-box{margin:40px auto;}
        .about-box ul{padding: 0;display: grid;grid-template-columns:repeat(2,1fr);gap:1rem}
        .about-box li{
            padding: 5% 2% 2%;
            border-radius: 0;
            float: left;
            border: 1px solid rgba(255, 255, 255, 0.3);
            position: relative;
            z-index: 5;
            background: rgb(109 178 49 / 80%);
            transition: all 250ms ease-in;
        }
        .about-box .ico{max-width: 100%;text-align: center;

        }
        .about-box .ico img{width: 40px;height: auto}
        .about-box h1{font-size: 1rem;color: #fff;font-weight: 700;text-align: center;margin-top: .5rem}
        .about-box p{font-size: .9rem;color: #fff;line-height: 1.4;padding: 0 .3rem;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
        }
        .about-box li:hover{
            background: rgb(109 178 49 / 100%);
            transform: translateY(-5px);
            box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
            cursor: pointer;}


        .clear {
            clear: both;
            width: 100%
        }

        .third-bg {
            overflow: hidden;
            width: 100%;
            background: url("../images/thirdBg.jpg") no-repeat top center;
            background-size: cover;
        }


        .third-head {
            font-size: 1.8rem;
            text-align: center;color:#6db231
        }
        .pro-class{width: 95%;margin:20px auto}
        .pro-class ul{padding: 0;display: grid;grid-template-columns:repeat(2,1fr);gap:1rem}
        .pro-class li{background: #fff;text-align: center;transition: all .3s}
        .pro-class li a{padding:.5rem 0;display: block;color: #333;transition: all .3s}
        .pro-class li:hover a{background:#6db231;color: #fff}
        .ind-pro{width: 100%;grid-template-columns:repeat(2,47%);gap:3%;display: grid;}
        .ind-pro li{padding: .5rem;box-shadow:0 0 10px 2px #eee;background: #fff}
        .ind-pro .img-box{width: 100%;overflow: hidden;}
        .ind-pro .img-box img{width: 100%;aspect-ratio: 4/3;transition: all .3s;object-fit: cover}
        .ind-pro .title{font-size: .9rem;line-height: 1.6;color: #555;font-weight: normal;padding: 5px 0;margin:10px auto 0;text-align: center;
            border-top: 1px solid #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
        .ind-pro .title:after{width: 0;content: "";transition: all .5s;position: absolute;left: 0;top:0 }
        .ind-pro li:hover{
            img{transform: scale(1.05);}
            .title{color:  #6db231}
            .title:after{width: 100%;content:"";height: 2px;background: #6db231;display: block;}

        }
        .ind-pro-more{background: #ef8a1c;padding: 10px 30px;color: #fff;display: block;margin:30px auto;width: 180px;text-align: center;border-radius: 30px;border-bottom-left-radius: 0;border-top-right-radius: 0}


        /*新瓣*/
        .four-bg {
            width: 100%;
                /*background: url("../images/four-bg1.jpg") no-repeat top center;*/
            background-size: cover;
        }

        .four-box {
            width: 100%;
            margin: 0 auto;
            position:relative;
            display: flex;flex-direction: column;
            justify-content: center;
            padding: 0 1rem;
            height: 100vh;
        }
        .float-box{width: 100%;margin: 2rem auto;padding: 0 1rem;order: 1;
            z-index: 1;}
        .float-box .left{width:100%;z-index: 9;margin-bottom: 1rem;overflow: hidden;}
        .float-box .left ul{padding: 0;display: grid;grid-template-columns:repeat(2,1fr);gap:0;align-content: center    }
        .float-box .left li{background: #1d417d90;border-bottom: solid 1px #fff;border-left: solid 1px #fff;width: 100%;}
        .float-box .left li a{display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 1rem 0}
        .float-box .left li img{display: none}
        .float-box .left li:nth-child(even) img{animation: fourAnimal 6s linear infinite;}
        .float-box .left .title{font-size:1rem;color: #fff}
        .float-box .left a{color: #fff;text-align: center;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
        .float-box .left .nav-item a.active{background: #6db231;color: #fff;border-bottom: none}
        .tabbox{width:100%;margin: 0 auto;text-align: center;}
        .tabbox img{width: 100%;height: 100vh;position: absolute;left: 0;top: 0;object-fit:cover}

        .tabbox .content{max-width: 1400px;margin:0 auto;position: relative;height: 100%;padding: 0 10px}
        .tabbox .content-text{width:100%;position: relative;
            z-index: 10;display: flex;
            align-content: center;justify-content: flex-end;
           flex-wrap: wrap;text-align: center}
        .tabbox .content h2{font-size: 1.5rem;margin-bottom: 1rem;text-align: center;width: 100%;font-weight: bold}
        .tabbox .content .summary{font-size: .95rem; color: #555;line-height: 1.8}
        .tabbox .more{background: #6db231;padding: 10px 1.5rem;color: #fff;display: inline-block;margin: 2rem auto 0;font-size: .9rem}

        /*新闻*/
        .five-bg {
            width: 100%;
            background: url("../images/five-bg.jpg") no-repeat top center;
            background-size: cover;
        }

        .index-news{margin:20px auto}
        .index-news ul{padding: 0;display: grid;grid-template-columns:repeat(2,47%);gap:2rem 3%}
        .index-news li{width: 100%}
        .index-news li:last-child{display: none}
        .index-news .img-box{width: 100%;overflow: hidden;}
        .index-news .img-box img{width: 100%;aspect-ratio: 4/3;transition: all .3s;object-fit:cover}
        .index-news .title{font-size: 1rem;line-height: 1.6;color: #555;padding: 15px 0 10px;margin:0 auto 10px;text-align: left;
            border-bottom: 1px solid #eee;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
        .index-news .title:after{width: 0;content: "";transition: all .5s;position: absolute;left: 0;bottom:0 }
        .index-news article{font-size: .85rem;line-height: 1.8;    margin: 0 0 1.5rem;color: #666;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;}
        .index-news li:hover{
            img{transform: scale(1.1);}
            .title{color:  #6db231}
            .title:after{width: 100%;content:"";height: 1px;background: #6db231;display: block;}

        }
        /*联系*/
        .six-bg {
            width: 100%;
            background: url(../images/six-bg.jpg) no-repeat -120vw center;
        ;
            background-size:cover;


        }
        .ind-contact-head{
            font-size: 1.8rem;font-weight: bold;
            text-align: left;color:#6db231
        }
        .ind-contact{
            font-size: .85rem;text-align: left;line-height: 1.8;color: #333;
        }
        .ind-contact h2{font-size: 1.2rem;color: #222;margin:1rem auto}




        .bottom-box {
            width: 100%;
            background:#6db231;
            background-size: cover;
            height: 50px;
            overflow: hidden
        }

        .bottom {
            max-width: 1600px;
            padding: .5rem 1rem;margin: 0 auto;
            overflow: hidden;
            font-size: .8rem;text-align: center;color: #fff;
        }
        .bottom a{color: #fff}

        /*二级页*/
        .position-box {
            background: #f0f0f0;
            padding: .5rem 0;
        }

        .position-box .icon {
            color: #6db231;
            font-size: 1.3rem;
            margin-right: .5rem
        }

        .position {
            max-width: 1600px;
            padding: 0 2%;
            color: #444;
            margin: 0 auto;
            font-size: .95rem;
            line-height: 1.8rem;
            display:block;
            align-items: center;
            justify-content: space-between;
        }
        .position-left{width: 100%}
        .position-left ul{padding:0;margin: 0}
        .position-left li{width: 24%;display: inline-block;text-align: center}
        .position-left a{width: 100%;border-right: solid 1px #ccc;display: block;}
        .position-left li:last-child a{border-right: none }
        .position-left a.active{color: #3d8300}
        .position-right{width: 100%;margin-top:.5rem;border-top:solid 1px #ccc;padding-top: .5rem}


        .position a {
            color: #444
        }

        .inner-banner {
            background-size: cover;
            height:95vw;
            display: flex;
            align-items: center;justify-content: center;
            width: 100%;
            background-position: center right;
            background-attachment: fixed;
        }

        .inner-name {
            font-size: 2.1rem;
            color: #fff;
            max-width: 1600px;
            padding:100px 5% 2rem;
            margin: 0 auto 1%;
            font-weight: 700;width: 100%;
            text-align: center;
        }
        .inner-name h1{      font-size: 1.8rem;text-shadow: 0 2px 3px rgb(0 0 0 / 60%);font-weight: 700}
        .inner-name p{  font-size: .95rem;text-shadow: 0 2px 3px rgb(0 0 0 / 60%);font-weight: normal}

        .inner-box {
            max-width: 1600px;
            padding: 0 4%;
            margin: 1rem auto
        }

        .inner-title {

            text-align: center;
            font-weight: 700;
            color: #444;
            margin-bottom: 1rem
        }
        .inner-title .en{font-size: 2rem;color:#ccc;display: none}
        .inner-title .name{color: #6db231;font-size: 1.8rem;}
        .inner-title .subname{color: #6db231;font-size: 1rem;font-weight: normal}
        .inner-content {
            font-size: .9rem;
            line-height: 1.7;
            color: #444;
        }


        .inner-content p {
            margin: 0
        }

        .inner-content h2 {
            font-weight: 700;
            font-size: 1rem;
            line-height:1.8;

        }

        .inner-content h3 {
            font-weight: 700;
            font-size: .9rem;
            line-height: 1.6;

        }

        .inner-content img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 10px auto
        }

        /*about*/
        .culture{
            width: 100%;
            background: #f0f7fe;padding:1.5rem  0 1rem;text-align: center;
        }
        .culture h1{color: #6db231;font-size: 1.2rem;font-weight: 700}
        .culture p{color: #666;font-size: 1.1rem;}
        .culture-box{width: 100%;
            background: url("../images/aboutbg.jpg") no-repeat center center; background-size: cover;
            background-attachment: fixed;display: grid;grid-template-columns:repeat(2,1fr);gap:0}
        .culture-box .content{width: 100%;padding: 1.5rem 0;cursor:pointer;
            border-left:solid 1px  rgba(255,255,255,0.5);border-bottom:solid 1px rgba(255,255,255,0.5);}
        .culture-box .content img{display: block;margin: 0 auto;max-width: 100%;height: auto;transition: all .8s}
        .culture-box .content p{font-size: 1rem;color: #fff;text-align: center;padding: 0 .5rem}

        .culture-box .content:hover{background: rgba(239, 138, 28, 0.8);}
        .culture-box .content:hover img{transform:rotateY(180deg)}
        /*内页bottom*/

        .inner-bottom{
            width: 100%;
            background:#6db231;
            background-size: cover;
            overflow: hidden;padding: 2rem 1rem 0 0;
        }
        .bottom-menu{font-size: 1rem;color: #FFf}
        .bottom-menu  a{font-size: 1rem;color: #FFf;padding: 0 1rem}
        .bottom-contact{font-size:.9rem;color: #fff;}
        .copyright{max-width: 1300px;border-top:solid 1px rgba(255,255,255,0.2);font-size:.9rem;padding-top: 1rem;color: #fff;margin:1.5rem auto;padding-left: 1rem}
        .copyright a{color: #fff}
        /*通用内容页*/
        .article-box{background: #f7f7f7;padding:2rem  4%;max-width: 1400px;margin:0 auto 1rem}
        .article-box h2{font-size:1.5rem;padding:0 0 .5rem;border-bottom: solid 1px #eee;text-align: center;font-weight: 600}
        .article-box .content{font-size:.9rem;color: #555;line-height: 1.8;margin: 1rem auto;}
        .article-box .content img{max-width: 100%;margin: 0 auto;display: block}
        /*产品列表*/
        .pro-list{margin:2rem auto;display: grid;gap:1.5rem}

        .pro-box{max-width: 1400px;border:solid 1px #eee;margin: 2rem auto;padding: .5rem}
        .pro-top{background: #f7f7f7;width: 100%;margin-bottom: 1rem;padding:1.5rem 1rem}
        .pro-title{font-size: 1.3rem;color: #333;padding: .5rem 0;border-bottom:solid 1px #eee;font-weight: 700}
        .pro-article{font-size: .9rem;line-height: 1.6;color:#555;margin-top: 1rem}
        .scroll-box .swiper-slide img{aspect-ratio: 4/3;object-fit: cover;width: 100%}
        .scroll-box .mySwiper{margin-top:2rem}
        .scroll-box   .mySwiper .swiper-wrapper{width: 85%;margin:0 auto;position: relative;overflow: hidden;display: flex;align-content: center;
            justify-content: space-between;}
        .scroll-box .mySwiper .swiper-slide{ width: 30%!important;}
        .scroll-box .mySwiper .swiper-slide img{display: block;margin:0 auto;padding: 2px}
        .scroll-box .mySwiper  .swiper-slide-thumb-active{border: solid 1px #ef8a1c;}
        .swiper-button-next:after, .swiper-button-prev:after{color: #444;font-size: 1.5rem;}
        .swiper-button-next, .swiper-button-prev{width:auto!important;}
        .pro-btn-box{width: 100%;margin:1rem auto 1rem;display: flex;justify-content: space-between}
        .pro-btn{width:48%;background: #ef8a1c;color: #fff;text-align: center;display: block;padding: .5rem 0}
        .pro-r{width: 95%;margin:1rem auto;}
        .pro-info-title{font-size: 1.4rem;font-weight: 700;padding: 1rem 0;color: #333;border-bottom: 2px solid #ef8a1c;text-align: center;background: #f7f7f7}
        .pro-info-article{font-size:.9rem;color: #555;line-height: 1.6;width: 95%;margin: 2rem auto}
        .pro-info-article img{max-width: 100%;height: auto}
        .syp {
            width: 100%;
            font-size: 1rem;
            color: #333;
            background: #fafafa;
            padding:.2rem 0
        }

        .syp a {
            color: #555;font-size: .9rem;padding: .2rem 0;display: block;
        }

        .syp ul {
            overflow: hidden;
            margin:.5rem auto;
            padding: 0 .8rem;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .syp li {
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;

        }
        .flag-box{max-width: 1400px;margin: 2rem 1rem;}
        .flag-box-title{font-size: 1.4rem;color: #333;font-weight: 700;text-align: center;margin-bottom: -1rem}
        .news-box {
            background: #f7f7f7;
            border-radius: 15px;
            overflow: hidden;
            padding: 1rem .5rem;

            .left {
                width: 100%;
                display: flex;
                justify-content: center;
                flex-direction: column;

                h2 {
                    font-size: 1rem;
                    color: #6db231;
                    margin: .4rem 0;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    line-height: 1.8;
                    font-weight: 700;

                }

                time {
                    font-size: 1.1rem;
                    color: #666
                }

                article {
                    font-size: .9rem;
                    color: #777;
                    display: -webkit-box;
                    line-height: 1.6;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                }
            }
            .more{width: 120px;border: solid 1px #6db231; color: #6db231;text-align: center;display:block;font-size: .9rem;margin-top: 1rem;padding: .2rem 0}


        }
        /*新闻列表*/
        .news-list {
            margin: 1.5rem auto;

        }

        .news-list ul {
            padding: 0
        }

        .news-list li {
            padding: .5rem;
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }

        .news-list a {
            display: block;
        }

        .news-list a .time {
            text-align: center;
            color: #6db231;
            background:#fafafa;
            transition: all .3s;
            display: flex;
            align-items: center;
            font-size:.95rem;

            .day {
            display: inline-block;order: 5;
                &:before{content: "-"}
            }

            .year {
                font-size: 1rem;
                font-weight: lighter;display: inline-block;
            }

        }

        .news-list a .mid {
            width: 100%;
            transition: all .3s;

            h2 {
                font-size: 1rem;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                line-height:1.5;
                color: #444;
                margin: .5rem auto;
            }

            p {
                font-size: .85rem;
                color: #666;
                margin: 0;
                display: -webkit-box;
                line-height: 1.4;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
            }
        }

        .news-list a .arrow {
            display: none;
        }

        .news-list li:nth-child(even) {
            border-bottom: solid 1px #eee;
            background: #fbfbfb
        }
        .news-list li:hover {
            .arrow {
                transform: translateX(5px);
                border: solid 2px #ff7216;
                color:  #ff7216;

            }

            .time {
                transform: translateX(8px);color: #fff;
                background:  #6db231;

            }

            h2 {
                color: #6db231;
            }
        }

        .detail-subtitle {
            font-size: .8rem;
            color: #666;
            line-height: 1.5;
            border-bottom: solid 1px #dedede;
            padding: 0 0 .1rem;
            text-align: center;
            margin-bottom: 2rem;

            span {
                margin: 0 3px 0 10px
            }
        }

        .detail-title {
            font-size: 1rem;
            text-align: center;
            font-weight: 700;
            color: #6db231;
            margin-bottom: 1rem
        }

        .next {
            width: 100%;
            font-size: .85rem;
            color: #333;
            background: #fafafa;
            padding: 5px 0
        }

        .next a {
            color: #555;display: block;padding:  .3rem 0 .8rem;         text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .next ul {
            overflow: hidden;
            max-width: 1600px;
            margin: 15px auto;
            padding: 0 4%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .next li {
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;

        }
        .contact-box{background: #f7f7f7;padding: 0;max-width: 1400px;margin: 0 auto 1.5rem;}
        .contact-title{font-size: 1.2rem;color: #6db231;padding: 1rem 0 0 0;text-align: center;font-weight: 600;}
        .contact-box ul{padding:0 }

        .contact-bg {
            border: solid 1px #eee;
            width: 95%;
            margin:.3rem auto;
            background:#fff;
            padding: .5rem;
            display: flex;
            justify-content: space-between;
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }

        .contact-bg .content {
            width: calc(100% - 5rem);

        }

        .contact-bg .icon-box {
            width: 3rem;
            height:3rem;
            background: #ef8a1c;
            font-size:1.2rem;color: #fff;
            border-radius: 50%;display: flex;align-items: center;justify-content: center;
        }

        .contact-bg .icon-box img {
            display: block;
            margin: 0 auto
        }

        .contact-bg h2 {
            font-size: 1rem;
            margin:0 auto;
        }

        .contact-bg p {
            font-size: .95rem;
            line-height: 1.6;margin-bottom: 0;
            color: #555
        }

        .contact-bg .code-consult {
            width: 140px;
        }

        .contact-bg .code-consult img {
            width: 135px;
            height: 135px;
            border-radius: 10px;
            padding: 2px;
            background: #fff;
            border: solid 1px #a5acc0
        }

        .contact-bg .code-consult p {
            font-size: 1rem;
            text-align: center;
            color: #555;
            line-height: 2.5rem
        }

        .map{margin:1rem auto;width: 90%;display: block;text-align: center;overflow: hidden;}
        /* 预定*/
        .building-bg{width: 100%;background-size: cover;overflow: hidden}
        .reserve-title{font-size: 1.2rem;font-weight:700;color: #6db231;margin-bottom:0;text-align: center}
        .reserve-subtitle{font-size: .85rem;line-height: 1.5;text-align: center;color: #555}
        .reserve-form{max-width: 1150px;margin:1rem auto;overflow: hidden}
        .input-box{border: solid 1px #bdbdbd;background: #fff;display: flex;align-content: center;justify-content: space-between;padding: .5rem 1.2rem;margin:10px auto;
            border-radius:4px;}
        .input-box  label{display:none}
        .input-box  label  .red{color:#ff0000}

        .input-box  input{width:100%;border: none;outline: none;padding: 3px 0 }
        .input-box   textarea{width:100%;border: none;outline: none;padding: 3px 0;min-height:80px }
        .input-box  input::placeholder, textarea::placeholder{font-size: .9rem}
        .input-box   .input-code{width: 50%;}
        .input-button{width: 100%;background:#6db231;border: none;
            text-align: center;padding: 10px 0;border-radius: 8px;margin:1.5rem auto;display: block;color: #fff;font-size: 1rem}


    }
    @keyframes fourAnimal {
        0%{transform: rotateY(0deg)}
        100%{transform: rotateY(360deg)}

    }

    /*页码*/
    .list-page {
        text-align: center;
        width: 98%;
        margin: 0 auto 1rem;
        display: flex;
        justify-content: center;
    }

    .pagination a {

        color: #0b112a !important
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 3;
        color: #fff !important;
        cursor: default;
        background-color: #333 !important;
        border-color: #ddd !important;
    }

    /*顶部*/
    .cd-top {
        display: inline-block;
        height: 40px;
        width: 40px;
        position: fixed;
        bottom: 40px;
        right: 10px;
        box-shadow: 0 0 10px rgba(230, 0, 18, 0.05);
        /* image replacement properties */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        border-radius: 5px;
        z-index: 28;
        background: rgba(230, 0, 18) url(../images/cd-top-arrow.svg) no-repeat center 50%;

        opacity: 1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        opacity: .8;
    }

    .no-touch .cd-top:hover {
        background-color: #06C;
        opacity: 1;
    }

    @media only screen and (min-width: 768px) {
        .cd-top {
            right: 20px;
            bottom: 20px;
        }
    }

    @media only screen and (min-width: 1024px) {
        .cd-top {
            height: 55px;
            width: 55px;
            right: 30px;
            bottom: 30px;
            border-radius: 10px;
        }
    }

    .fp-watermark {
        display: none !important;
    }
    #fp-nav ul li a span, .fp-slidesNav ul li a span {
        background: #fff !important;
        box-shadow: 0 0 5px 1px #ccc;
    }