a{text-decoration:none;color:#fff}
#page-3{padding-top:0}
.banner{width:100%;height:164vh;position:absolute;overflow:visible;top:0}
.banner.on .top-banner .tag{background-color:rgba(2,73,151,0.5)}
.banner.on .top-banner .text-content{opacity:0}
.top-banner{position:sticky;top:0;background-image:url("/static/image/service.jpg");background-repeat:no-repeat;background-position:center;height:82vh}
.bottom-banner{height:82vh;opacity:0.9}
.top-banner .tag{display:flex;align-content:center;justify-content:center;height:100%;background-color:rgba(2,73,151,0);transition:background-color 1s ease}
.top-banner .text-content{display:flex;flex-direction:column;gap:20px;justify-content:center;align-content:center;opacity:1;transition:opacity 1s ease}
.top-banner .text-content .title{font-size:40px;text-align:center;font-weight:400}
.top-banner .text-content .subtitle{font-size:24px;text-align:center}
.top-banner .text-content .play-text{font-size:14px;text-align:center}
.top-banner .text-content .play{margin-top:80px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}
.top-banner .text-content .play-button{display:flex;justify-content:center;align-items:center;position:relative;width:66px;height:66px;cursor:pointer}
.top-banner .text-content img{display:flex;justify-content:center;position:relative;width:20px;height:20px}
.top-banner .text-content .play-button::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;animation:rota360 2s linear infinite;background:url(./bainyuancion1.png) no-repeat center;background-size:contain}
@keyframes rota360{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.banner-placeholder{height:164vh}
.bottom-banner{display:flex;justify-content:center;align-items:center}
.bottom-banner .container{width:80%;display:flex;justify-content:center}
.bottom-banner .container .font{padding:0 20px;color:#fff;width:100%}
.bottom-banner .container .font .font-content{width:100%;text-align: center;display:flex;justify-content:space-between}
.bottom-banner .container .font .font-content .text-front{}
.bottom-banner .container .font .font-content .text-back{align-self:flex-end}
.bottom-banner .container .font .but{width:138px;height:35px;background-color:#ffffff;display:flex;justify-content:center;color:#004896;margin:15px auto 0;position:relative;-webkit-transition:all 0.3s
    linear;transition:all 0.3s
    linear;align-items:center;font-size:14px}
#page-3{padding:0}
#page-3 *{overflow:visible}
#page-3 .page-content{width:100%}
.abtbox .abtbox-sec1{display:flex;justify-content:center;background:#fff}
.abtbox .abtbox-sec1 .container{width:90%}
.abtbox .abtbox-sec1 .cont{display:flex;gap: 50px;align-self:center;height:650px;color:#000}
.abtbox .abtbox-sec1 .cont .lt{width:50%;display:flex;justify-content:center;align-items:center}
.abtbox .abtbox-sec1 .cont .lt .font{display:flex;flex-direction:column;gap:30px}
.abtbox .abtbox-sec1 .cont .lt .tit{font-size:30px;font-weight:bold}
.abtbox .abtbox-sec1 .cont .lt .text{font-size:14px;line-height:24px}
.abtbox .abtbox-sec1 .cont .lt .jut{display:flex;flex-wrap:wrap}
.abtbox .abtbox-sec1 .cont .lt .li{border-left:1px solid #dddddd;width:25%;padding-left:20px}
.abtbox .abtbox-sec1 .cont .lt .li .shu{font-size:26px;font-weight:bold}
.abtbox .abtbox-sec1 .cont .gt{width:50%;display:flex;justify-content:center;align-self:center}
.abtbox .abtbox-sec1 .cont .gt .img{position:relative;background:url("./projets/414611053dc8a9eafc3eb22cf31441cc.jpg") no-repeat;background-size:cover;height:320px;width:100%}
.abtbox .abtbox-sec1 .cont .gt .qiebian{height:100%}
.abtbox .abtbox-sec2{height:660px;position:relative;overflow:hidden}
.abtbox .abtbox-sec2 .bag{width:100%;height:100%;overflow:hidden !important;position:relative}
.abtbox .abtbox-sec2 .bag img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}
.abtbox .abtbox-sec2 .cont{width:100%;position:absolute;top:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;background-color:rgba(0,0,0,0.5)}
.abtbox .abtbox-sec2 .container{display:flex;flex-direction:column;width:90%;gap:20px}
.abtbox .abtbox-sec2 .container .tit{display:flex;justify-content:center;font-size:36px;font-weight:bold}
.abtbox .abtbox-sec2 .container .text{text-align:center}
.abtbox .abtbox-sec2 .container .but{display:flex;justify-content:center;color:#fff}
.abtbox .abtbox-sec2 .fz_nav{width:100%;display:flex;justify-content:center}
.abtbox .abtbox-sec2 .fz_nav .swiper-wrapper{display:flex;margin-top:80px;justify-content:space-between;width:30%}
.abtbox .abtbox-sec2 .fz_nav .item{font-size:72px;line-height:1;color:transparent;-webkit-text-stroke:1px #fff;text-stroke:1px #fff;opacity:0.2;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.abtbox .abtbox-sec2 .line{width:100%;height:2px;background:#fff;transform-origin:left;animation:drawDisappear 6s linear infinite}
@keyframes drawDisappear{0%{transform:scaleX(0);opacity:1}
60%{transform:scaleX(1);opacity:1}
99%{transform:scaleX(1);opacity:1}
100%{opacity:0}
}
.abtbox .abtbox-sec3{height:800px;background-color:#fff;color:#000}
.abtbox .abtbox-sec3 .cont{display:flex;height:100%;align-items:center;justify-content:center;position:relative}
.abtbox .abtbox-sec3 .jut{display:flex;justify-content:center;align-items:center}
.abtbox .abtbox-sec3 .font{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;height:100%;width:60%}
#abag{transform-origin:center center}
.abtbox .abtbox-sec3 .font .tit{font-size:36px;font-weight:bold}
.abtbox .abtbox-sec3 .font .text{text-align:center}
.abtbox .abtbox-sec3 .bag{top:400px;position:absolute;width:80%;height:800px}
.abtbox .abtbox-sec3 .bag img{width:100%}
.abtbox .abtbox-sec3 .fz_zhong{top:100px;position:absolute;z-index:1000}
.abtbox .abtbox-sec4{height:860px;background-color:#fff;width:100%;display:flex;justify-content:center;padding-top:100px}
.abtbox .abtbox-sec4 .container{color:#000 !important;align-items:center;width:83%}
.abtbox .abtbox-sec4 .container .cont{display:flex;width:100%;border-bottom:1px solid #efefef;gap:40px}
.abtbox .abtbox-sec4 .container .cont .lt{display:flex;width:50%}
.abtbox .abtbox-sec4 .container .cont .lt img{width:100%}
.abtbox .abtbox-sec4 .container .cont .gt{display:flex;width:50%;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}
.abtbox .abtbox-sec4 .container .sustainbox_tit{margin-top:20px;text-align:center}
.abtbox .abtbox-sec4 .container .sustainbox_tit .tit{font-size:36px;font-weight:bold}
.abtbox .abtbox-sec4 .container .fz_text{margin-top:20px;margin-bottom:20px}
.abtbox .abtbox-sec4 .container .jut{margin-top:20px;display:flex;align-items:center;justify-content:space-around}
.abtbox .abtbox-sec4 .container .jut .item{display:flex;flex-direction:column;align-items:center}
.abtbox .abtbox-sec4 .container .jut .item .font{display:flex;flex-direction:column;align-items:center}
.abtbox-sec5{height:800px;background-color:#f8f8f8;color:#000;width:100%;display:flex;justify-content:center}
.abtbox-sec5 .container{width:100%;padding-top:80px}
.abtbox-sec5 .container .sustainbox_tit .tit{text-align:center;font-size:36px;font-weight:bold}
.abtbox-sec5 .container .text{text-align:center}
.abtbox-sec5 .swiper-container{position:relative}
.abtbox-sec5 .swiper-wrapper{overflow:visible;display:flex;align-items:center}
.abtbox-sec5 .swiper-wrapper .swiper-slide{display:flex;align-items:center;justify-content:center;font-size:24px}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide .item{width:380px;height:250px;padding:51px 16px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;display:flex;flex-direction:column;align-items:center}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide.swiper-slide-active .item{width:530px;height:327px}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide.swiper-slide-active{opacity:1;width:100%}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide{width:75%;opacity:0.5}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide-active .img{height:372px;box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1)}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide .img{width:100%;background-color:#fff;padding:41px;height:281px;box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;margin-bottom:31px}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide-active .img{height:372px;box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1)}
.abtbox-sec5 .cont .abtbox6_cont .swiper-slide .img img{max-width:100%;max-height:100%;object-fit:contain}
.abtbox-sec5 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev){opacity:0;visibility:hidden}
.abtbox-sec5 .swiper-button-prev{left:480px}
.abtbox-sec5 .swiper-button-next{right:480px}
.abtbox_new{padding:91px 0 16px;background-color:#fff}
.abtbox_new .container{margin:0 auto;width:83.333333%;max-width:1600px}
.abtbox_new .container .sustainbox_tit{text-align:center;font-size:36px}
.abtbox_new .container .sustainbox_tit .tit{font-weight:normal;font-stretch:normal;letter-spacing:0px;color:#000000}
.abtbox_new .container .sustainbox_tit .text{font-size:16px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#666666;margin-top:10px}
.abtbox_new .box{display:flex;justify-content:space-between;gap:20px;margin:50px 0}
.abtbox_new .box .gl{position:relative;width:49.125%;overflow:hidden !important}
.abtbox_new .box .gl .img{width:100%;height:100%}
.abtbox_new .box .gl .img img{width:100%;height:100%;object-fit:cover}
.abtbox_new .box .gr{width:50.875%}
.abtbox_new .box .gr .grbox{display:flex;flex-wrap:wrap}
.abtbox_new .box .gr .grbox .item{width:calc(50% - 4.8px);margin-bottom:4.8px;margin-left:4.8px}
.abtbox_new .box .gr .grbox .item .itembox{position:relative;display:block;width:100%;height:100%}
.public-img{display:block;position:relative;z-index:1;overflow:hidden}
.abtbox_new .box .viden_on_box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center}
.public-img > img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:all 0.8s}
.abtbox_new .box .viden_on_box .viden_on{cursor:pointer;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center}
.abtbox_new .box .viden_on_box .viden_on svg,.abtbox_new .box .viden_on_box .viden_on img{width:35%;height:auto}
.abtbox_new .box .gr .grbox .item .itembox .public-img:before{padding-top:55.96816976%}
.public-img::before{content:"";display:block;position:relative;z-index:0;padding-top:100%}
.abtbox_new .basepage{margin-top:0.4rem}
.bottom-banner h1{font-size: 42px;}
.bottom-banner h3{font-size: 20px;}
.basepage{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}
.basepage .prev,.basepage .next{position:relative;color:#999999}
.basepage a,.basepage span{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:solid 1px #f1f1f1;color:#999999;flex-shrink:0;float:left;margin:0 5px 10px}
.basepage .active{border:1px solid #004896;background-color:#004896;color:#fff}
.basepage a,.basepage span{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:solid 1px #f1f1f1;color:#999999;flex-shrink:0;float:left;margin:0 5px 10px}
a,a:hover,a:focus{text-decoration:none}
.basepage .prev:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(./projets/pagel1-1.svg) no-repeat center / 20px auto}
.basepage .next:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(./projets/pagel2-1.svg) no-repeat center / 20px auto}
.abtbox-sec6{height:500px;background-color:#fff;padding-top:130px}
.abtbox-sec6 .container{margin:0 auto;width:83.333333%;max-width:1600px}
.abtbox-sec6 .cont{display:flex;flex-wrap:wrap}
.abtbox-sec6 .cont .item{width:50%}
.abtbox-sec6 .cont .item .list{display:block;width:100%;position:relative}
.abtbox-sec6 .cont .item .list .img{width:100%;position:relative;padding-bottom:42.5%;overflow:hidden !important}
.abtbox-sec6 .cont .item .list .font{position:absolute;top:0;left:0;padding:53px 58px 33px;color:#fff;width:100%;height:100%;z-index:4}
.abtbox-sec6 .cont .item .list .img img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;-webkit-transition:all 0.3s
    linear;transition:all 0.3s
    linear}
.abtbox-sec6 .cont .item .list .font .tit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;margin-bottom:12px;font-size:25px}
.abtbox-sec6 .cont .item .list .font .text{opacity:0;font-size:16px;line-height:26px;height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-transition:all 0.3s
    linear;transition:all 0.3s
    linear}
.abtbox-sec6 .cont .item .list .font .but{border-radius:50%;border:2px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;width:49px;height:49px;margin-top:66px;position:relative;-webkit-transition:all 0.3s
    linear;transition:all 0.3s
    linear}
.abtbox-sec6 .cont .item .list .font .but img,.abtbox-sec6 .cont .item .list .font .but svg{width:33.33%;float:left;position:relative;z-index:2}