/*
* @Author: Marte
* @Date:   2024-08-09 14:31:41
* @Last Modified by:   Marte
* @Last Modified time: 2025-02-17 10:57:56
*/

html{font-size: 16px;}
:root{
    --m-color:#A9D08E;
    --c-color:#76985D;
    --h-color:#005641;
    --f-color:#bebebe;
}
.h1, .h2, .h3, h1, h2, h3 {margin: 0;padding:0;}
body{color:#000;letter-spacing: .24px;}
ul{list-style: none;padding:0;}
.text-align-center{text-align:center;}
.padding-t30-b30{padding:30px 0;}
a{text-decoration: none; color:#526074;}
.mt80{margin-top:80px;}
.d-g{display: flex; align-items:stretch;flex-wrap:wrap;width:100%;}
.mt30{margin-top:30px;}
a:hover,a:link,a:visited,a:active {text-decoration: none;}
.btn-primary{padding:10px 25px;display:inline-block;font-size: 17px;background-color: var(--h-color);
    border-color: var(--h-color);}
.btn-primary:hover{border: .5px solid var(--h-color);background:#fff;color:var(--h-color)!important;}
.full-height{height:100%;}
.flex-m-l{display:flex;align-items: center;}
.flex-m-r{display:flex;align-items: center;justify-content: end;}
.top{color: #fff;height: 35px;font-size: .75rem;text-transform: uppercase;padding: 0;position: relative;background-color: var(--m-color);z-index: 999;letter-spacing: 1.2px;}
.top a{color:#fff;font-weight: 700;}
.w100{width:100%!important;}
.top:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--c-color);
    -webkit-clip-path: polygon(0 100%, 22% 100%, 25% 0, 0 0);
    clip-path: polygon(0 100%, 22% 100%, 25% 0, 0 0);

}
.top .form-control{height: 30px;
    padding: 3px 12px;
background-color: var(--c-color);
border-color: #fff;
color:#fff;
}
.top .icon-sousuo{color:#fff;}

.top option::selection{
  background-color: var(--h-color);
}
    nav.sticky {
        // box-shadow: 0 7px 7px rgba(0, 0, 0, .15);
        border-bottom:1px #ccc solid;
    }
.pb20{padding-bottom: 20px!important;}
.nav-box{display:flex;align-items:center;justify-content:space-between;}
.nav-ul{display:flex;justify-content:end;}
.nav-li-a{display:inline-block;padding:0 15px;height:100%;}
.dow-menu{display:none;position: absolute;top:68px; width:100%;left:0;overflow: hidden;background-color:#fff;border-top: 1px #ccc solid;z-index：2;padding-bottom:50px;border-bottom: 1px #ccc solid;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: var(--h-color)!important;background-color:#fff;
}
.open-nav .dow-menu{display:block;}
.dow-menu .nav-2-ul-pc{display:block;text-align: center;padding:40px 0;display: flex
;
    align-items: center;
    justify-content: center;}
.pro-down-r{background: #f6f6f6;padding:40px 0 40px 80px;}
.pro-down-r:after {
    content: "";
    position: absolute;
    right: -160%;
    bottom: 0;
    background: #f6f6f6;
    top: 0;
    width: 160%;
}
.dow-menu .row{display: flex;align-items:static;flex-wrap:wrap;}
.nav-r-img{width:300px;margin: auto;}
.pro-content-index {
    word-wrap: break-word!important;
    white-space: normal!important;
}
.pro-content-index h4{font-weight:900;color:var(--h-color);font-size: 23px;}
.nav-excerpt{font-weight:100;font-size: 15px;}
.nav-2-ul{display:flex;flex-wrap:wrap;margin: auto;}
.nav-2-ul li a{display:inline-block;padding:15px;color:var(--h-color)!important;}
.nav-2-li a:hover{color:#000;}
.banner-pc{height:620px;        background: linear-gradient(180deg, #fff 23%, #e9e9e9 100%);
    }
.swiper{height:100%;}
.swiper a.btn-primary{max-width: 200px;width:auto;display:inline-block;font-size: 18px;background-color: var(--h-color);
    border-color: var(--h-color);}
 .swiper a.btn-primary:hover{border: .5px solid var(--h-color);background:#fff; color:var(--h-color)!important;}
.swiper-slide{position: relative;background: linear-gradient(180deg, #fff 23%, #e9e9e9 100%);}
.banner-txt-pc{position: absolute; top:0;width:100%;height:100%;display:flex;align-items:center;}
.banner-box{display: flex; flex-wrap: wrap;
    align-items: stretch;}
.banner-txt{display: flex;
    flex-direction: column;
    justify-content: center;}
.banner-txt h2{font-size: 50px;
        line-height: 50px;font-weight:900;}
.banner-txt p{font-size: 32px;
        line-height: 34px;padding:20px 0;}
.swiper-slide .triangle {
        position: absolute;
        right: -900px;
        top: 0;
        height: 800px;
        width: 900px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);
        background: radial-gradient(123.77% 153.77% at 42.17% 11.86%, #fff 0, #949494 100%);
        transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out; /* Safari */
    }
.swiper-slide-active .triangle {right:0;}

.swiper-slide .banner-txt-pc img{
    width:0%;
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out; /* Safari */
    transition-delay: 0.5s;
    -webkit-transition-delay:0.5s;}
.swiper-slide-active .banner-txt-pc img{
    width:90%;
}

.swiper-slide .banner-txt{margin-left: -300px;transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out; }
.swiper-slide-active .banner-txt{margin-left: 0; }
.swiper-button-next, .swiper-button-prev {
    color: var(--h-color, var(--h-color));
}
.swiper-pagination-bullet-active {
    background: var(--h-color, var(--h-color));
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;

}
.footer{background-color:var(--m-color);color:#fff;padding:40px 0;}
.footer a{color:#fff;}
.footer .nav-children-2{font-size: 0.80rem; line-height:180%;}
.form-group{padding:3px;margin-bottom: 12px;}
.bottom-logo{margin-bottom:40px;}
.bottom-line{border-bottom: 1px #fff solid;margin-bottom: 50px;padding-bottom: 50px;}
.b-h-title{font-size: 25px;}
.guestbook-btn{width:150px;}
.about{height:500px;margin-top:30px;}
.bg-black{background-color:#000;}
.video-bg{width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;}
.video-bg .iconfont{font-size: 50px;color:#fff;}
.video-bg:hover{cursor: pointer;background-color:rgba(0,0,0,0.2);}
.video-bg:hover .iconfont{font-size: 50px; color:rgba(0,0,0,0.7);}
.top-list{font-weight:600;color:var(--h-color)}
.about-right{display:flex;align-items:center;color:#fff;}
.about-right-text{padding-left: 100px;max-width:500px;}
.about-right-text h2{font-size: 36px;font-weight:900!important;margin-top: 0px;
    margin-bottom: 0px;}
.about-right-text p{font-size: 17px;margin:30px 0;}
.mb30{margin-bottom: 30px;}
.learn-more{padding:12px 25px;border:1px #fff solid;border-radius: 5px;color:#fff;font-weight:600;display:inline-block;}
.index-pro-list{padding: 50px 15px 30px;
        box-shadow: 2px 1px 10px 0 rgba(0, 0, 0, .1);display:inline-block;border: 1px solid rgba(221, 221, 221, .5);
    border-radius: 10px; height:100%;text-align:center;overflow: hidden;}
.index-pro-list-box{display: flex; flex-wrap: wrap;
    align-items: stretch;}
.w-btn{padding: 6px 25px;font-size: 13px;border: .5px solid var(--h-color);background:#fff;font-weight: 600;
    line-height: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;}
.index-pro-list:hover .w-btn{
    background: var(--h-color);
    color: #fff;
}
.index-pro-list h4{margin-top:15px;}
.index-pro-list:hover img{transform: scale(1.1);}
.pro-lable{position: relative;text-align: center;padding:30px 0;margin-top:40px;}
.pro-lable h2{font-weight:600;}
.to-pro{position: absolute;top:0;right:0;text-align: right;display: flex;align-items:center;height:100%;font-size: 18px;color:var(--h-color)}
.to-pro a{color:var(--h-color)}
.to-pro .iconfont{margin-left:15px;margin-right: 15px;}
.hidden-list{display:none;}
.show-all{text-align:center;padding:0px 0 30px 0; font-size: 18px;text-transform: uppercase; color:var(--h-color);cursor:pointer;}
.index-news{margin-bottom: 20px;}
.index-news-img{border-radius:10px;}
.index-news-title{display:flex;align-items:center; justify-content:space-between;}
.index-news-title span{flex:1;}
.index-news-title h3{font-size: 20px;color:var(--h-color);font-weight:600;}
.index-news-title .icon-jiahao{flex:1 0 50px;height:50px;font-size: 24px;line-height:50px;text-align:center;}
.index-news-list-box{border-bottom:1px #ccc solid;padding-bottom: 15px;}
.index-news-list-box:last-child{border:none;}
.hidden-news-list, .show-icon .icon-jiahao{display: none!important;}
.news-img-box{height:420px;background-size: cover;border-radius:10px;ackground-position: center center;}
.index-fw-s-box{display:flex;align-items:stretch;flex-wrap:wrad;}
.js-s-box form{position: relative;padding:0;}
.js-s-box input{width:100%!important;padding-left: 40px;height:40px;}
.js-s-box button{position: absolute;left:0;border:none;background-color: transparent;height:40px;}
.w100{width:100%!important;}
.v-m{display:flex;align-items:center;}
.jsfw-box, .jsfw-r{display: flex;align-items:stretch;flex-wrap:wrap;}
.jsfw-list{margin-top:15px;margin-bottom:15px;}
.jsfw-list img{border-radius:10px;}
.jsfw-list a{display:inline-block;height:100%;width:100%;position: relative;}
.object-center{
    -o-object-fit: cover;
        object-fit: cover;
    width:100%;
    height:100%;
    object-position: center;
    }
.jsfw-text-box{position: absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:end;color: #fff;border-radius:10px;overflow: hidden;}
.jsfw-text-box h3{padding:0 20px;margin-bottom: 18px;}
.jsfw-text-box p{background:var(--h-color);height:0;margin:0;transition: .3s ease height, .3s ease padding;}
.jsfw-text-box:hover{background-color:rgba(0,0,0,0.3);}
.jsfw-text-box:hover p{margin-bottom:0px;padding:10px 20px;height:auto;}
.index-hf-section{margin-top:100px;}
.index-hf-box{
    background: var(--h-color);
    background: linear-gradient(90deg, var(--h-color) -5%, var(--m-color)105%);
    color: #fff;
    padding: 100px 0;
}
.index-hf-main-box{display: flex; align-items:center;justify-content:space-between;}
.index-hf-main-box p{padding:0 30px;max-width:600px;font-size: 19px;}
.index-hf-main-box strong{font-size: 34px;}
.w-nb-btn{background:#fff;padding:12px 25px;color:var(--h-color);text-transform: uppercase;
    letter-spacing: 1.2px;font-weight:600;}
.index-news-box2{max-width:550px;margin:auto;display: flex;align-items:center;flex-direction:column;justify-content:center; text-align:center;}
.index-news-box2 span{color:var(--h-color);text-transform: uppercase;font-weight:700;font-size: 15px;}
.index-news-box2 h3{font-weight:700;margin-bottom: 20px;}
.index-news-box2 p, .index-news-box strong{font-size:17px;}
.index-news-box2 .btn{margin-top:80px;}
.index-news-box2 .index-news-url{margin-top:40px;font-weight: 600;}
.rongyu{background: url('../../assets/img/Icon.png') no-repeat;background-color: #ebebeb;background-position: -20px center;margin-top: 60px;padding-bottom:80px;}
.rongyu-des{max-width:900px;margin:auto;font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .24px;text-align:center;}
.ry-list-box{margin-top:40px;display:flex;align-items:stretch; flex-wrap:wrap;}
.ry-list-box .col-md-2{display:flex;align-items:center;}
.jingxiao{padding:150px 0;}
.jingxiao-text-box{display:flex;align-items:center;margin-bottom: 30px;}
.jingxiao-text-box .iconfont{font-size: 50px;margin-right: 15px;}
.jingxiao-text-box p {display: flex; flex-direction:column;margin-bottom: 0;font-size: 17px;}
.jingxiao-text-box p .iconfont{font-size: 17px;}
.index_jingxiao-left{display:flex;flex-direction:column;justify-content:center;font-size:17px;align-items: start;}
.jingxiao-title{font-size:30px}
.index-jingxiao-box{width:100%;display: flex;}
.index-jingxiao-bottom-text{font-size: 18px;margin-top:50px;text-align: center;display: block;text-transform: uppercase;
    font-weight: 700;color: #58595b;}

 // 产品中心

 .pro-left-nav{}
.pro-left-nav dt span.nav-a-t{display:flex;align-items:center;justify-content:space-between;padding:15px 15px;background:var(--c-color); font-size: 19px;border-radius: 10px 10px 0 0; color:#fff;}
.pro-left-nav dd span.nav-a{display: inline-block;
    padding: 12px 15px;
    font-size: 15px;
    border-bottom: 1px #ccc dotted;
    width: 100%;
    color: #525252;}
.pro-left-nav dd span.nav-a:hover{background:#d9e3d2;cursor:pointer;}
.pro-left-nav dt a{display:flex;align-items:center;justify-content:space-between;padding:15px 15px;background:var(--m-color); font-size: 19px;border-radius: 10px 10px 0 0;}
.pro-left-nav dd a .icon-icmenu2{font-size:24px!important;}
.pro-left-nav dd a{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:1rem;border-bottom: 1px #ccc dotted;width:100%;}
.pro-left-nav dd a:hover{background:var(--m-color)}
.pro-all-banner{padding: 60px 0px 120px;color: rgb(255, 255, 255);
    background: linear-gradient(102deg, var(--h-color) 7%, var(--c-color) 117%);}
.pro-banner-text{display: flex;align-items:stretch;flex-wrap:wrap;}
.pro-banner-text div:last-child{display: flex; align-items:center;padding-left: 40px;font-size: 18px;font-size: 600;}
.pro-banner-text h2{font-size: 45px;font-weight:700;}
.pro-banner-text p{font-size: 25px;font-weight:700;}
.flex-li{margin-bottom: 30px;}
.flex-li a{border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    text-align:center;
    box-shadow: 4px 1px 12px 0 rgba(0,0,0,.15);
    padding-bottom:30px;
    height:100%;
    width:100%;
    background: #fff;
}
.no-date{text-align:center;margin-top:90px;width:100%;color:#666;}
.no-date .icon-gantanhao{font-size:28px!important;color:#f00!important;}
.flex-li a h4{font-size: 18px;margin-bottom: 20px;}
.ny-banner{height:430px;position: relative;}
.sz-banner-zz{position: absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:1;display: flex;align-items:center;justify-content:center;color:#fff;}
.sz-banner-zz h1{font-weight:900;letter-spacing: 1.2px;font-size:40px;}
.mian-img{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-170px;z-index:8;position: relative;
}
.mian-img p{max-width:1062px;font-size:19px;font-weight:500;text-align:center;line-height:27px;margin-top:60px;}
.sb-tabs .nav-tabs {display:flex;}
.sb-tabs .nav-tabs li{width:20%;height:200px;margin:0;overflow: hidden;}
.sb-tabs .nav-tabs li a{display:flex;height:100%;width:100%;margin:0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:0;position: relative; color:#fff;transform: scale(1);transition: .5s ease transform; border:none;font-size: 18px;}
.sb-tabs .nav-tabs li a h2{font-size: 20px;}
.sb-tabs .nav-tabs li .tabs-text{display:flex;height:100%;width:100%;margin:0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:0;position: absolute;z-index:4;}
.sb-tabs .nav-tabs li .tabs-text img{height:45px;}
.sb-tabs .nav-tabs li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(132.46deg, rgba(2, 80, 170, .7) 9.48%, rgba(0, 186, 230, .7) 111.13%);
    transition: 1s ease opacity;
    z-index: 3;
}

.sb-tabs .nav-tabs li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: rgba(0, 0, 0, .8);
    transition: .5s ease background, .5s ease opacity;
    z-index: 2;
}
.sb-tabs .nav-tabs{border:none;}
.sb-tabs .nav-tabs li.active a{color:#fff;border:none;}
.sb-tabs .nav-tabs li.active a:hover{border:none;}
.sb-tabs .nav-tabs li.active a:after { opacity:0;}
.sb-tabs .nav-tabs li.active a:before { opacity:1;}
.sb-tabs .nav-tabs li:hover a{transform: scale(1.1);}
.sb-tabs .nav-tabs li:hover
.sb-tabs .nav-tabs li:hover a .tabs-text{transform: scale(1);}
.sb-tabs .nav-tabs li.active:hover a{border:none;transform: scale(1);color:#fff;}
.sb-tabs .nav-tabs li:hover a:after{background: rgba(0, 0, 0, .5);}
.sb-tabs .tab-pane{height:700px;}
.sb-tabs .tab-pane .left{width:60%;height:100%;float:left; display:flex;align-items:center;background: linear-gradient(117.85deg, var(--h-color) -3.62%, var(--c-color) 117.2%);
    color: #fff;}
.sb-tabs .tab-pane .left h2{font-size: 45px;text-transform: uppercase;
    font-weight: 900;}
    .sb-tabs .tab-pane .left p{font-size: 17px; font-weight:500;}
.sb-tabs .tab-pane .right{width:40%;height:100%;float:left;position: relative;}
.sb-tabs .tab-pane .right .right-img{position: absolute;left:-250px; bottom:40px;}
.sb-hf{padding:100px;}
.sb-hf h3{font-size: 34px;font-weight:600;}
.sb-hf p{font-size: 19px;}
.sb-hf2-list-box{position: relative;overflow: hidden;}
.sb-hf2-list-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    transition: .8s ease background;
    z-index: -1;
}
.bg-image{position: absolute;width:100%;height:100%;top:0;left:0;z-index: -2;transform: scale(1);transition: .5s ease transform;}
.sb-hf2-list-box h3{padding:30px 0;font-size: 26px;font-weight:600;}
.sb-hf2-list-box p{font-size: 17px;}
.sb-hf2-list-box:hover .bg-image{transform: scale(1.15);}
.sb-hf2-list-box:hover h3{background: linear-gradient(92.88deg, var(--h-color) -9.17%, var(--c-color) 92.26%, var(--c-color) 92.26%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
.content{text-align:center;color:#fff;padding: 230px 16%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.content:before {
        background: rgba(255, 255, 255, .5);content: "";
    width: 80px;
    height: 5px;}
.sb-hf-2{display: flex;align-items:stretch;flex-wrap:wrap;}
.sb-hf2-list-box:hover .content:before {
        background: linear-gradient(92.26deg, var(--h-color) -23.17%, var(--c-color) 129.94%);
    }
.shuzibox{padding:80px 0;text-align:center;
    background: linear-gradient(92.88deg, var(--h-color) -9.17%, var(--c-color) 92.26%, var(--c-color) 92.26%);color:#fff;}
.shuzibox h2{font-weight:600;margin-bottom: 20px;}
.shuzibox .sz-des{font-size:17px;}
.shuzibox ul{display: flex;align-items:stretch;flex-wrap:wrap;}
.shuzibox li{width:33.333%;padding:25px 40px;}
.shuzibox li strong{font-size: 40px;font-weight:900;}
.lx-main-box h2{text-align:center;font-size: 35px; font-weight:600;letter-spacing: .1px;}
.lx-hf-1{background-color: #fbfbfb;margin-top:80px;padding:80px 0;}
.lx-h-1-box{display:flex;align-items:stretch;flex-wrap:wrap;}
.lx-h-1-box div:first-child{display:flex;justify-content:center;flex-direction:column;font-size:17px;}
.lx-h-1-box div:first-child h3{font-size: 30px;font-weight:600;max-width:300px;margin-bottom: 30px;}
.sc-top{padding:50px 0;text-align:center;}
.sc-top p{font-size: 17px;
    letter-spacing: .26px;
    line-height: 26px;margin-bottom: 40px;}
.sc-main{background:#f0f0f0;padding:50px 0;}
.sc-h1{text-align: center;font-size: 40px;padding:20px 0 40px;font-weight:600;letter-spacing: .26px;}
.sc-list-box{display: flex;align-items:stretch;flex-wrap:wrap;}
.sc-list-box-main{margin-bottom: 30px;}
.sc-list{height:100%;position: relative;padding-bottom: 70px;background:#fff;}
.sc-list h2{font-size:19px;text-align:center;padding:10px 0;}
.sc-list-url{display: inline-block;width:100%;position: absolute;bottom:0;left:0;background-color:var(--h-color);color:#fff;text-align: center;padding:9px 0;max-hieght:50px;font-size: 17px;font-weight:600;}
.video-list{height:100%;position: relative;border: 1px #ccc solid;}
.video-text{position: absolute;top:0;left:0;width: 100%;height:100%;background:rgba(0,0,0,0.7);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;}
.video-text h2{padding:0 20px;}
.video{padding-top:50px;font-size: 18px;font-weight:900;line-height: 39.92px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    font-weight: 900;}
.video-url{padding:15px; color:#000;width:100%;background:#fff;opacity: 0;}
.video-text:hover{background:rgba(72,165,5,0.8);}
.video-text:hover .video-url{opacity: 1;}
.video-ss{margin-bottom: 60px;}
.video-ss strong{display: block; text-align:center;font-size: 29px;margin-bottom: 40px;}
.pro-nav-2{display:flex;align-items:center;justify-content:space-between;}
.childre{background:#fafafa; display:none;}
.pro-active .pro-nav-2{background:var(--m-color);}
.pro-active .childre{display:block;}
.childre li a{ font-size: 14px;}
.pro-center-box{display:flex;align-items:stretch;flex-wrap:wrap;}
.fixed {
    position: fixed; /* 悬浮时固定位置 */
    top: 30px; /* 固定在顶部 */
    max-width: 1300px;
    overflow: hidden;
    padding-left: 448px;
    /* margin: revert; */
    margin: auto;
}
.mall{padding:5px 30px;}
.xitong-top{text-align:center;margin: 80px 0;}
.xitong-top img{max-width:65%;margin-bottom: 50px;}
.xitong-top h3{font-size: 32px;font-weight: 600;
    margin: 30px auto;}
.xitong-top p{font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .24px;}
.xitong-list{display: flex;}
.xitong-list li{padding:15px;}
.xitong-list li h3{color:var(--h-color);font-size: 18px;font-weight:600;margin-bottom: 30px;}
.xitong-list img{max-width:50px;}
.pro-center-hf{background: linear-gradient(90deg, var(--h-color) -5%, var(--m-color) 105%);
    color: #fff;padding: 100px 0;margin-top:50px;}
    .pro-center-hf ul{display: flex; align-items:center;justify-content:space-between;}
.pro-center-hf ul li{padding:0 15px;font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .24px;font-size: 17px;}
.pro-center-hf ul li:first-child{font-size: 34px;font-weight:600;line-height:34px;}
.pro-center-hf ul li:last-child{text-align:right;}
.pro-center-video{padding:80px 0;}
.pro-center-video-list{position: relative;border-radius:8px;overflow:hidden;}
.pro-center-video-text{position: absolute;left:0;top:0;background:rgba(0,0,0,0.7);height:100%;width:100%;display:flex;flex-direction:column;justify-content:end;}
.pro-center-video-text h2{color:#fff;padding:10px 15px;font-size: 17px;min-height: 57px;}
.pro-center-video-text .pro-c-video-url{background:var(--h-color);color:#fff;padding:5px 15px;display:inline-block;height:33px;margin-bottom: -33px;transition: all .4s ease-in-out;}
.pro-center-video-text:hover{cursor:pointer;}
.pro-center-video-text:hover .pro-c-video-url{margin-bottom: 0px;}
.pro-center-video h3{text-align:center;font-size: 34px;margin-bottom: 40px;font-weight:600;}
.pro-center-video .pro-c-url{text-align: center;margin-top:40px;}
.pro-center-bottom-hf{background: linear-gradient(90deg, #ebebeb -5%, #fff 105%);color:#000;}
.pro-banner{ position: relative;display: flex;flex-direction:column;align-items:center;justify-content:end;color:#fff;}
.pro-banner h1{font-size: 60px;
        line-height: 60px;font-weight:600;letter-spacing: 0.24px;margin-bottom: 30px;}
.pro-banner p{        font-size: 26px;
        line-height: 28px;}
.pro-banner .icon-bottom2{font-size: 40px;margin-bottom: 30px;cursor:pointer;}
.mold-2{text-align: center;padding:100px 0;}
.mold-2 h2{font-weight:600;margin-bottom: 30px;}
.mold-2 p{font-size: 20px;
        line-height: 30px;
        font-weight: 500;}
.cat2-list h2{text-align:center;margin-bottom: 50px;font-weight:600;}
.cat2-list-box{display:flex;align-items:stretch;flex-wrap:wrap;}
.padding-0{padding:0;}
.bz1-news{display:flex;align-items:stretch;flex-wrap:wrap;}
.bz1-news-list img{-o-object-fit: cover;
        object-fit: cover;
    width:100%;
    height:100%;
    object-position: center;}
.bz1-news-list-box{position: relative;}
.bz1-news-list-box .bz1-news-text{position: absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);color:#fff;top:0;left:0;padding:0 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.bz1-news-list-box .bz1-news-text h2{font-size: 24px; margin-bottom: 30px;}
.pro-bz2-banner{height:100px;background:#000;}
.breadcrumb-box{display:flex;align-items:center;justify-content:space-between; padding:60px 0;font-weight:100;}
.breadcrumb-box li:last-child a{color:var(--m-color);font-weight:100;}
.bz2-mian-img{padding:30px;}
.pr-lg-5{padding-right: 2rem;}
    .pl-lg-5 {
        padding-left: 2rem;
    }
.bz2-m-img-text h1{font-weight:600;border-bottom:1px #ccc solid;padding-bottom: 15px;margin-bottom: 20px;}
.bz2-m-img-text ul{list-style-type:disc; }
.bz2-m-img-text ul li{margin-bottom: 10px;
    line-height: 22px;letter-spacing: .02em;
    line-height: 180%;
    font-weight: 600;
    font-size: 16px;}
.down-url{display: flex; align-items:center;font-size: 12px;line-height:120%;text-transform: uppercase;color:var(--h-color);margin-top:30px;}
.down-url .icon-pdf{font-size: 40px; float:left;margin-right: 15px;}
.bz2-hf1{background: linear-gradient(90deg, var(--h-color) -5%, var(--m-color) 105%);
    color: #fff;height:250px;margin-top:120px;}
.bz2-hf1-img-box{width:250px;height: calc(100% + 30px);margin-top: -30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;border-radius: 20px 20px 0 0;}
.h100{height:100%;}
.bz2-hf1-text{display:flex;align-content: center;flex-direction:column;justify-content:center;}
.bz2-hf1-text h3{margin-bottom: 20px;font-size: 24px;font-weight:600;}
.bz2-hf1-text p{font-size: 16px;}
.bz2-hf1-url-box{display:flex;align-items:center;justify-content:end;}
.bz2-content{padding:50px 0;}
.bz2-list-img{position: relative;overflow: hidden;}
.bz2-list-img .bz2-img-zz{position: absolute;padding:15px; width: 100%;
    height: 100%;
    background-color: var(--giallo);
    bottom: -100%;color:#000;font-size: 24px;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;background:var(--h-color);}
.bz2-list-img .bz2-img-zz h2{margin-top:-92px;position: relative;}
.bz2-list-img .bz2-img-zz .learn-more{margin-top:25px;border:1px #fff solid;background-color: transparent;padding:8px 25px!important; font-size: 17px;}
.bz2-list-main-box{display:flex;align-items:stretch;flex-wrap:wrap;}
.bz2-list-box{height:100%;background:#c4cbca;display: flex; flex-direction:column;justify-content:space-between;padding-bottom: 25px;}
.bz2-list-box .btn{width:150px;margin:auto;}
.bz2-list-des{padding:10px 20px; color:#000;min-height:80px;}
.bz2-list-canshu{padding:0px 20px 5px; color:#000;}
.bz2-list-canshu li{line-height:250%;border-bottom:1px #fff solid;}
.bz2-list-canshu li:last-child{border:none;}
.bz2-list-img:hover .bz2-img-zz{bottom:0;height:100%;width:100%;color:#fff;padding:15px;}
.bz2-list-img:hover .bz2-img-zz h2{margin-top:20px;}
.zeren-m-1{padding:80px 0;text-align: center;}
.zeren-m-1 h1{font-weight:600;color: #99BF48;font-size: 45px;margin-bottom: 30px;letter-spacing: .24px;}
.zeren-m-1 h2{font-size: 26px;display:inline-block;font-weight:600;margin-bottom: 20px;}
.zeren-m-1 p{font-size:17px;font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .24px;}
.zeren-m-2{background: linear-gradient(98.17deg, #e3e3e3 -23.34%, #fff 92.27%);}
.zeren-m-2-list-box{height: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 10px 35px 20px;
    box-shadow: 4px 5px 7px rgba(0, 0, 0, .05);}
.zeren-m-2-list{display:flex;align-items:stretch;flex-wrap:wrap;margin-top:40px;}
.zeren-m-2-list-box h3{font-size: 20px;
        line-height: 22px;margin: 30px 0 15px;font-weight: 700;color: #8BAC46;
    text-transform: uppercase;}
.zeren-m-2-list-box ul{list-style-type: disc;padding-left: 40px;text-align: left;font-size: 17px;line-height:180%;}
.zeren-m-3{padding:80px 0;}
.zeren-m-3-logo{max-width:250px;margin-bottom: 40px;}
.zeren-m-3 h2{font-size: 26px;
        line-height: 28px;font-weight:600;margin-bottom: 30px;}
.zeren-m-3 p{font-size:17px;line-height:180%;}
.zeren-m-4{background: linear-gradient(98.17deg, #e3e3e3 -23.34%, #fff 92.27%);padding:80px 0;}
.zeren-m-4-top{text-align:center;}
.zeren-m-4-top h2 {
    font-size: 26px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 20px;
}
.zeren-m-4-top p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .24px;
}
.zeren-m-4-r{display:flex;align-items:stretch;flex-wrap:wrap;margin-top:40px;}
.zeren-m-4-r-list li{border-bottom:1px #ccc solid;padding-bottom: 14px;margin-bottom: 14px;}
.zeren-m-4-r-list li:last-child{border:none;margin-bottom: 0;}
.zeren-m-4-r-list li h3{color:var(--h-color);font-weight:600;margin-bottom: 15px;}
button.guestbook-t{color: var(--h-color)}
.zeren-m-5{display:flex;align-items:stretch;flex-wrap:wrap;}
.zeren-m-5-l{display: flex; justify-content:center;flex-direction:column;}

.history-timeline {
    position: relative;
    border-top: 1px solid #aeaeae
}

.history-timeline:before {
    content: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 6px;
    height: calc(100% - 600px);
    background: #ccc;
    transform: translateX(-50%);
    z-index: 0
}

.history-timeline .timeline-items {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 350px;
    max-width: 100%;
    position: relative;
    padding-top: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.history-timeline .timeline-items .timeline-decade {
    border: 1px solid #c8c7c7;
    font-size: 16px;
    padding: 5px 9px;
    font-weight: 700;
    letter-spacing: 3px;
    background-color: #fff;
    color: #000;
    display: inline-block;
    margin-bottom: 48px;
    position: relative;
    margin-top: 10px;
    margin-left: -10px;
    width: 70px;
    text-align: center
}

.history-timeline .timeline-items .timeline-decade:after {
    content: "";
    display: block;
    border-right: 1px solid #c8c7c7;
    border-bottom: 1px solid #c8c7c7;
    position: absolute;
    width: 0;
    height: 0;
    height: 10px;
    width: 10px;
    background: #fff;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.history-timeline .timeline-items .timeline-item {
    color: #252525;
    margin-bottom: 23px;
    padding-left: 10px;
    padding-right: 10px
}

.history-timeline .timeline-items .timeline-item:before {
    content: "";
    background-image: url(../img/icon-flag-gray.svg);
    width: 30px;
    height: 30px;
    display: block;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-size: 13px auto;
    background-position: center center;
    border: 1px solid #b5b5b5;
    background-color: #fff;
    border-radius: 30px
}

.history-timeline .timeline-items .timeline-item .timeline-item-year {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px
}

.history-timeline .timeline-items .timeline-item .timeline-item-headline {
    display: none
}

.history-timeline .timeline-items .timeline-item .timeline-item-short-text {
    display: inline-block;
    letter-spacing: 0
}

.history-timeline .timeline-items .timeline-item .timeline-item-short-text:before {
    content: "-";
    padding-left: 4px;
    padding-right: 5px;
    display: inline-block
}

.history-timeline .timeline-items .timeline-item .timeline-modal-outer {
    padding: 10px
}

.history-timeline .timeline-items .timeline-item .timeline-modal-outer .modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    padding: 5px
}

.history-timeline .timeline-items .timeline-item .timeline-modal-outer .modal-close svg {
    height: 20px;
    width: 20px
}

.history-timeline .timeline-items .timeline-item .timeline-modal-outer .timeline-modal-image {
    width: 100%
}

.history-timeline .timeline-items .timeline-item .timeline-modal-outer .timeline-modal-year {
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-top: 8px;
    font-size: 17px;
    color: #005eb3
}

.history-timeline .timeline-items .timeline-item .timeline-modal-outer .timeline-modal-year:before {
    content: "";
    background-image: url(../img/icon-flag-blue-circle.svg);
    border-radius: 0;
    background-size: 100%;
    border: none;
    background-color: transparent;
    width: 51px;
    height: 51px;
    display: block;
    margin-bottom: 8px;
    background-repeat: no-repeat;
    background-position: center center
}

.history-timeline .timeline-items .timeline-item .timeline-modal-outer .timeline-modal-headline {
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 5px 0
}

.history-timeline .timeline-items .timeline-item .timeline-item-more {
    color: #005eb3;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin-top: 5px;
    letter-spacing: 2px;
    cursor: pointer
}

.history-timeline .timeline-items .timeline-item .timeline-item-more i,.history-timeline .timeline-items .timeline-item .timeline-item-more span {
    display: inline-block;
    vertical-align: middle
}

.history-timeline .timeline-items .timeline-item .timeline-item-more i {
    margin-left: 5px;
    margin-top: 4px
}

.history-timeline .timeline-items .timeline-item.okuma-item {
    border: 1px solid #d3d3d3;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 14px;
    padding: 0;
    margin-bottom: 30px
}

.history-timeline .timeline-items .timeline-item.okuma-item:before {
    background-image: url(../img/icon-flag-blue-circle.svg);
    margin-left: 19px;
    margin-top: -15px;
    z-index: 2;
    position: relative;
    border-radius: 0;
    background-size: 100%;
    border: none;
    background-color: transparent
}

.history-timeline .timeline-items .timeline-item.okuma-item .timeline-item-timelineimage {
    width: 100%;
    margin-top: -20px;
    z-index: 1
}

.history-timeline .timeline-items .timeline-item.okuma-item .timeline-item-inner {
    padding: 8px 18px;
    margin-bottom: 9px
}

.history-timeline .timeline-items .timeline-item.okuma-item .timeline-item-year {
    color: #005eb3
}

.history-timeline .timeline-items .timeline-item.okuma-item .timeline-item-headline {
    display: block;
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 5px;
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: 1.2px
}

.history-timeline .timeline-items .timeline-item.okuma-item .timeline-item-short-text:before {
    content: none
}
.lx-main-box{text-align:center; margin-bottom: 60px;font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .24px;}
.lx-main-box h1{font-weight:600;margin-bottom: 20px;}
.yuanjing h1{margin-bottom: 30px;font-weight:600;}
.why{margin-bottom: 60px;}
.why h1{text-align:center; font-weight:600;}
.why-sc{padding: 30px 0px;background-color: rgb(235, 235, 235);}
.why-sc-box{text-align:center;line-height:180%;}
.why-sc-box h2{margin-bottom: 20px;margin-top:40px;}
.why-sc-box strong{margin-bottom: 20px;display:inline-block;}
.why-content{padding:60px 0;}
.why_list{margin:0 0 80px;}
.why_list-box{display: flex;align-items:stretch;flex-wrap:wrap;}
.why_list-box .col-md-6{margin-bottom: 60px;display:flex;align-items:center;}
.why_list-box h3{font-size: 26px;
        line-height: 28px;font-weight: 500;
    margin: 30px 0px 15px;}
    .why_list-box p{margin: 0px 0px 1.5rem;font-size: 17px;}
.news-list-top h1{font-size: 45px;
        line-height: 45px;font-weight:600;margin: 30px 0;}
.news-list-top h3{font-size: 26px;
        line-height: 28px;
        font-weight: 500;
    margin: 30px 0 15px;
    }
.news-list-top p{margin: 1.5rem 0;font-size: 17px;border-bottom:1px #ccc solid;padding-bottom: 60px;}
.news-list{display: flex;align-items:stretch;flex-wrap:wrap;}
.news-list li{width: 100%;margin-bottom: 30px;padding-bottom: 30px;border-bottom:1px #ccc solid;}
.news-list-img{width:26%;float: left;}
.news-list-text{width:74%;padding-left: 25px;float: left;}
.news-list-text h2{font-size: 26px;margin-bottom: 10px;}
.news-list-text h2 a{color:var(--h-color);}
.blog-share a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    background: #0a66c2;
    width: 40px;
    height: 24px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.blog-share a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff;
    height: 16px;
    width: 16px;
}
.blog-share a.twitter-share-button {
    background-color: #000;
}
.article-title h1{font-weight:600;margin-top:30px;margin-bottom: 50px;}
.case-nav h1{font-weight:600;padding:50px 0;}
.case-nav ul{display:flex;flex-wrap:nowrap;white-space: nowrap;
    overflow-x: scroll;padding-bottom:20px;    font-weight: 600;
    font-size: 17px;}

/* 针对特定元素 */
.case-nav ul::-webkit-scrollbar {
    background-color: var(--m-color); /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
    border: 1px solid #555; /* 滑块边框 */
    height:10px;
}
.case-nav ul::-webkit-scrollbar-thumb {
    background-color: var(--h-color); /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
    border: 2px solid #555; /* 滑块边框 */
}
.case-nav ul li{}
.case-nav ul li a{display:inline-block;padding:15px 10px;margin:0 5px;border-bottom:2px #fff solid;}
.case-nav ul li a:hover, .case-nav ul li a.active{border-bottom:2px var(--h-color) solid;}
.case-list-box{display: flex;align-items:stretch;flex-wrap:wrap;margin-top:60px;}
.case-list-8{position: relative;overflow: hidden;}
.case-list-8 img, .case-list-4 img{-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;width:100%;}
.case-list-8:hover img, .case-list-4:hover img{transform: scale(1.2);}
.case-bg-text-box{position: absolute;bottom: 0;left:0;}
.case-bg-text-box h2,.case-list-4 h2{padding:15px 0;font-weight:600;font-size: 20px; color:#000;}
.case-bg-text-box span ,.case-list-4 span{color:var(--h-color)}
.case-bg-text-box span.case-date ,.case-list-4 span.case-date{color:#999;font-size: 12px;}
.case-list-4-text{margin-top:30px;}
.case-list-4-img{overflow: hidden;}
.case-list-8, .case-list-4{margin-bottom: 30px;}
.case-article-title{margin-bottom: 20px;}
.case-article-title h1{font-size: 50px;font-weight:600;margin-top:30px;color:var(--h-color);margin-bottom: 8px;}
.case-article-title .date, .case-article-title .icon-shizhong{font-size: 14px;
    color: #a7a7a7;font-weight:100;}
.case-xiangguan{margin-top:60px; }
.case-xiangguan strong{font-size: 40px;margin-bottom: 40px; padding-top:60px;display:block;border-top:1px #ccc solid;}
.bz2-ml3{padding:80px 0;}
.bz2-ml3-top{text-align:center; margin-bottom: 80px;}
.bz2-ml3-top h3{font-size: 32px;
        line-height: 34px;margin-bottom: 30px;font-weight:600;}
.bz2-ml3-top p{font-size:17px;line-height:150%;}
.bz2-ml3-bottom{display:flex;align-items:stretch;flex-wrap:wrap; width:100%;}
.bz2-ml3-img img{max-width:600px;}
.bz2-ml3-r{display: flex;align-items:center;}
.bz2-ml3-r li{display:flex;padding:20px 0;}
.bz2-ml3-r li h3{color:var(--h-color);margin-bottom: 15px;font-size: 20px;font-weight:600;}
.bz2-ml3-icon{width:80px;}
.bz2-h-hf{padding:80px 0;background:#000000; color:#fff;}
.bz2-h-hf h3{font-size: 32px;
        line-height: 34px;font-weight:600;}
.bz2-h-hf p{font-size: 17px;}
.bz2-h-hf p a{color:var(--m-color);padding:15px 0;display:inline-block;}
.mold_5-logo{max-width:350px; margin-bottom: 15px;}
.max-width-150{max-width:150px;}
.bz2-resources .jsfw-list {height:350px!important;}
.bz2-resources{padding:50px 0;}
.bz2-resources h3.bz2-resources-m-title{text-align: center; padding:40px; font-size: 40px;font-weight:600;}
.pro-bz3-main-img{margin:80px 0;}
.pro-bz3-main-img h1{font-size: 50px;border:none;}
.pro-bz3-main-img h3{font-size: 30px;font-weight:400!important;margin-bottom: 20px;}
.pro-bz3-main-img ul{padding-left:25px;}
.pro-bz3-main-img ul li{font-weight:400!important;}
.line{border-top:1px #ccc solid;margin-bottom: 30px;}
.canshu-title{color:var(--h-color);margin-bottom: 20px;}
.table thead {background:var(--h-color);color:#fff;}
.bz3-xiangguan{padding:50px 0;}
.bz3-xiangguan-box{padding:20px 15px 30px;text-align:center;}
.bz3-xiangguan-box h3{margin-bottom: 15px;}
.bz3-xiangguan-list{box-shadow: 4px 1px 12px 0 rgba(0, 0, 0, .15);
    display:inline-block;border-radius: 10px;overflow: hidden;
    height: 100%; position: relative;}
.bz2-resources-m-title{text-align: center;
    padding: 40px;
    font-size: 40px;
    font-weight: 600;}
.bz3-xiangguan-list img{transition: .3s ease transform;transform: scale(1);}
.bz3-xiangguan-list:hover img{transition: .3s ease transform;transform: scale(1.05);}
.bz3-xiangguan-list .button{position: absolute; bottom: 0;width:100%;left:0; margin-bottom: -60px;
        transition: .3s ease transform;}
.bz3-xiangguan-list:hover .button{margin-bottom: 25px;}
.dz1-title{margin-top:15px;word-wrap: break-word; white-space: normal; }
.pro-content-index{padding:0 15px;}
.dz-top-l{background: #ececec;
    padding: 30px;text-align:center;font-size: 26px;}