body{max-width:100%;padding-top:0}
header{background:#ffffffbf}
:root{--fontfamily:"Roboto","Poppins","Oswald","Noto Sans","Montserrat",sans-serif;}
.home-banner{height:100vh}
.home-banner #indexbanner{height:100%}
.home-banner .swiper-slide>a{height:100vh}
.home-banner .swiper-pagination{bottom:3%;width:auto;background:#0054a387;border-radius:50px;padding:6px 10px;left:50%;transform:translateX(-50%);position:absolute;text-align:center;transition:.3s opacity;max-width:none;top:unset;right:unset}
.home-banner .swiper-slide-active img{animation:unset}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;border-radius:10px;background:#fff}
#homeSwiper{width:100%;height:100vh;overflow:hidden}
#homeSwiper .swiper-slide{min-height:100%;display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%}
.homeproduct{width:100%;padding:0;background:url(/Content/uploads/20251136093/2025110509412528dd12d892bf422590d5bce24592c713.webp) center top no-repeat;overflow:hidden;background-size:cover;position:relative;height:100%;z-index:3}
.homeproduct::after{position:absolute;content:'';width:100%;background:url(/Content/uploads/20251136093/2025110509412422576e510cc1478380375c1b2520c89f.png) center no-repeat;background-size:110% 100%;height:60%;bottom:0;z-index:-1}
.homeproduct .productbox{width:100%;padding:0 5%;margin:10% auto;position:relative;display:flex;flex-wrap:wrap;transform:translateX(150px);transition:all 1.5s ease-in-out}
.homeproduct .productbox .procitem:nth-child(1),.homeproduct .productbox .procitem:nth-child(2),.homeproduct .productbox .procitem:nth-child(3),.homeproduct .productbox .procitem:nth-child(4){border-bottom:2px solid #333436}
.homeproduct .productbox .procitem{width:25%;text-align:left;line-height:30px;color:#000;padding:20px 10px}
.homeproduct .productbox .procitem .img{width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin-bottom:15px;transition:.3s ease-in-out}
.bigtext{position:absolute;left:50%;transform:translateX(-50%);top:65%}
.bigtext p{font-weight:700;font-size:90px;color:#454545;text-align:center;line-height:109px;text-shadow:3px 0 0 #fff,5px 0 1px #333;transform:translateY(50px);transition:all 1.5s ease-in-out}
.promore{position:absolute;bottom:3%;right:5%}
.promore .bluemore{background:var(--color);border-radius:50px;display:block;padding:12px 30px;color:#fff;line-height:1}
.promore .bluemore:hover{background:#122e28}
.promore .blackmore{background:#000;border-radius:50px;display:block;height:28px;line-height:28px;padding:5px 30px;color:#fff}
.promore .blackmore:hover{background:#199689}
.procitem .text p:nth-of-type(1){line-height:1;margin-bottom:15px;display:block;font-weight:700;font-size:18px;color:#000;transition:.3s ease-in-out}
.procitem .text p:nth-of-type(2){color:#000;line-height:1.52;transition:.3s ease-in-out}
.aside-top{position:absolute;bottom:3%;left:5%;z-index:199}
.aside-top a{width:60px;height:38px;display:block;overflow:hidden;background:rgba(255,255,255,.5) url(/Content/uploads/20251136093/202511050942228cc6b50269a448a3bfba3136d9e37c7b.png) center no-repeat;border-radius:50px;background-size:20%}
.blue a{background:var(--color) url(/Content/uploads/20251136093/202511050942228cc6b50269a448a3bfba3136d9e37c7b.png) center no-repeat;background-size:20%}
.process{position:relative;height:100%;padding-bottom:6%;display:flex}
.process-top{position:relative;width:100%;margin:10rem auto;padding:0 5%;transform:translateX(150px);transition:all 1.5s ease-in-out}
.proSwiper{position:relative}
.proSwiper .swiper-slide{text-align:center}
.proSwiper .swiper-slide img{transition:all .5s ease-in-out}
.process-text{position:absolute;width:100%;left:0;bottom:0}
.process-text p{font-weight:700;font-size:15vh;color:#dedede;line-height:151px;text-transform:uppercase;white-space:nowrap}
.process-bottom{width:100%;position:absolute;bottom:12vh;padding:0 5%;transform:translateX(150px);transition:all 2s ease-in-out}
.process-title{margin-bottom:45px}
.process-title p{font-size:48px;color:#000;line-height:36px;text-align:center}
.process-item{display:flex;justify-content:space-between}
.process-box{width:11%;padding-left:15px;box-sizing:border-box;border-right:1px solid #7a7a7a;cursor:pointer}
.process-box:nth-last-child(1){border-right:none}
.process-box p{font-weight:700;font-size:18px;color:#7a7a7a;line-height:1.25;transition:all .3s ease-in-out}
.process-box img{display:block;filter:grayscale(1);padding-bottom:5px;transition:all .3s ease-in-out}
.homechoose{position:relative;width:100%;height:100%;background:#eee;overflow:hidden}
.choose-contant{display:flex;justify-content:space-between;padding-top:120px;height:85%;transform:translate(150px,150px);transition:all 1s ease-in-out}
.choose-item{width:25%;position:relative;overflow:hidden;border-radius:0 0 40px 40px}
.choose-item>img{aspect-ratio:1/1.65;object-fit:cover;width:100%;height:100%}
.choose-text{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:40px;background:rgba(255,255,255,.3);padding:5%;transform:translateY(-30px);transition:all .8s ease-in-out}
.choose-btn img{transition:all .3s ease-in-out}
.choose-text p{font-weight:700;font-size:26px;color:#000;line-height:36px;transition:all .3s ease-in-out}
.homeabout{width:100%;height:100%;background:url(/uploads/43900/page/p202511191349089a2ee.jpg) center no-repeat;background-size:cover}
.about-lawy{padding:0 5%;transform:translate(150px);transition:all 1s ease-in-out}
.about-top{padding-top: 150px;margin:0 auto;display:flex;justify-content:space-between;align-items:baseline}
.about-l{color:#fff;overflow:hidden;flex:1}
.about-r{color:#000;width:52%;overflow:hidden;float:right;text-align:left;margin-top:5.5vw;margin-left:4%;background:rgba(255,255,255,.5);padding:1vw;backdrop-filter:blur(10px);line-height:1.8;border-radius:30px}
.about-title{font-weight:700;font-size:60px;color:#fff;line-height:1;margin-bottom:30px;display:flex}
.about-title span{color:var(--color);line-height:1;margin-left:10px;text-shadow:2px 1px 0 #fff}
.about-l ul li{font-size:32px;color:#fff}
.about-r p{font-weight:400;font-size:18px;color:#333;line-height:36px}
.about-btn{margin-top:15px}
.about-btn a{background:#fff;border-radius:50px;float:right;padding:10px 28px;line-height:1;font-size:16px;color:#333}
.about-bottom{display:flex;justify-content:space-between;margin:6.5rem auto 0}
.about-box{width:23.5%;overflow:hidden;margin-bottom:1.2%;float:left;border-radius:20px;background:var(--color);padding:25px}
.about-box .tit{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;font-size:20px;color:#fff;line-height:36px}
.about-box .text{font-size:16px;color:#fff;line-height:24px}
.homefoot{height:100vh;display:flex;flex-direction:column;justify-content:end}
.about-box span{font-weight:700;font-size:16px;color:#fff;line-height:24px;margin-top:10px;display:block}
#homeSwiper .swiper-slide-active .about-lawy,#homeSwiper .swiper-slide-active .bigtext p,#homeSwiper .swiper-slide-active .choose-contant,#homeSwiper .swiper-slide-active .process-bottom,#homeSwiper .swiper-slide-active .process-top,#homeSwiper .swiper-slide-active .productbox{transform:translateX(0)}
#homeSwiper .swiper-slide-active .choose-text{transform:translateY(0)}
.homeproduct .productbox .procitem:hover .text p{color:var(--color)}
.homeproduct .productbox .procitem:hover .img{transform:rotateY(180deg);filter:drop-shadow(2px 4px 6px #000)}
.proSwiper .swiper-slide:hover img{transform:scale(1.1)}
.choose-item:hover .choose-text p{color:var(--color)}
.choose-item:hover .choose-text img{transform:rotateZ(45deg)}
.process-box:hover p{color:var(--color)}
.process-box:hover img{filter:grayscale(0)}
.homefooter{background:#eee;height:100vh;padding:0 5%;display:flex;flex-direction:column;justify-content:space-between}
.footer-main{background:#eee;padding:12rem 0 8rem;clear:both;overflow:hidden;position:relative;z-index:11;background-size:cover;color:#000;display:flex;justify-content:space-between}
.footer-item{margin-right: 0;width: 15%;}
.footer-item.Module{width: 18%;padding-right: 15px;}
.footer-item.Contact{width: 20%;padding-right: 0;}
.footer-title{font-weight:700;font-size:20px;color:#000;line-height:1;margin-bottom:25px}
.foot-list li a{font-size:16px;color:#111}
.foot-list li:hover a{color:var(--color)}
.foot-list li,.footer-box .tit,.footer-com .footer-box,.footer-item .title-1{margin-bottom:15px}
.foot-share ul{display:flex}
.foot-share ul li{color:var(--color);font-weight:700;margin-right:20px}
.footer-bottom .copyright{text-align:center;padding:30px 0;line-height:1;border-top:1px solid #333}
.homefooter .aside-top{bottom:10%}
.process-text{display:none}
.process-top{z-index:0}
.process-top::before{content: 'Process Vessel';display: block;position: absolute;bottom: 45%;left: 50%;font-weight: 700;font-size: 10vw;color: #dedede;line-height: 151px;text-transform: uppercase;white-space: nowrap;transform: translateX(-50%);z-index: -1;}
@media (max-width:1600px) {.choose-text p{font-size: 22px;line-height: 1.5;}}
@media (max-width:1366px) {.process{flex-direction: column;align-items: center;padding-bottom: 0;justify-content: center;}
.process-bottom{position: unset;}
.process-top{margin: 5rem auto 2rem;}
.process-title {margin-bottom: 30px;}
.footer-main{padding: 9rem 0 3rem;}
.foot-list li, .footer-box .tit, .footer-com .footer-box, .footer-item .title-1{margin-bottom: 8px}
.footer-item{width: 13%;}
.footer-title{font-size: 18px;margin-bottom: 10px;}
.foot-list li a br{display: none;}
.process-box p{font-size: 16px;margin-bottom: 20px;}
.choose-text{border-radius: 0;}
.about-bottom{margin: 3rem auto 0;}
.process-top::before{bottom: 0;}
.process-item{flex-wrap: wrap;}
.process-title p{font-size: 38px;}
.homeproduct .productbox{margin: 13% auto;}
.homeproduct::after{height: 55%;}
.bigtext p{font-size: 82px;}
.bigtext{top: 70%;}
.process-text p{font-size: 130px;text-align: center;}
.process-box {text-align: center;width: 33%;display: flex;flex-direction: column;align-items: center;}
.process-box a{text-align: center;display: flex;flex-direction: column;align-items: center;width: 100%;}
.process-box:nth-of-type(3n) {border-right: none;}
.about-title{font-size: 42px;}
.about-l ul li{font-size: 24px;}
.footer-item.Module{width: 22%;}}
@media (max-width:1280px) and (min-width:1000px){.homeproduct .productbox {margin: 9rem auto;}
.about-top{padding-top: 120px;align-items: center;}
.about-r{margin-top: 3vw;}
.footer-main{padding: 150px 0;}
.foot-list li, .footer-box .tit, .footer-com .footer-box, .footer-item .title-1{margin-bottom: 5px;}}
@media (max-width: 1024px) {.blue a{display: none;}
#homeSwiper {height: auto !important; overflow: visible !important; }
#homeSwiper>.swiper-wrapper {display: flex;flex-direction: column;height: auto !important; }
.home-banner .swiper-slide>a,.home-banner{height: auto;}
.homeproduct .productbox {margin: 5% auto;transform: translateX(0px);padding: 0 3%;}
.homeproduct .productbox .procitem .img{width: 35px;height: 35px;margin-bottom: 10px;}
.procitem .text p:nth-of-type(1){font-size: 16px;margin-bottom: 10px;}
.bigtext{position: unset;transform: translateX(0);}
.bigtext p{font-size: 49px;transform: translateY(0px);line-height: 1.25;margin-bottom: 5%;}
.procitem .text p:nth-of-type(2){font-size: 14px;}
.process-top{margin: 0;margin-bottom: 50px;padding: 0 3%;transform: translateX(0px);}
.process-bottom{padding: 0 3%;transform: translateX(0px);}
.process{padding: 5% 0;}
.process-box{width: 33.33%;}
.process-title{margin-bottom: 25px;}
.process-text p{font-size: 92px;}
.process-title p{font-size: 32px;}
.promore {position: unset;margin-top: 25px;display: flex;justify-content: center;}
.process-box{width: 33.33%;padding-left: 0;}
.process-box p{font-size: 16px;padding-bottom: 20px;}
.choose-contant{transform: translate(0px, 0px);padding-top: 0;}
.choose-text p{font-size: 16px;}
.choose-btn{width: 24px;}
.choose-text{transform: translateY(0px);}
.choose-item{border-radius: 0 0 20px 20px;}
.about-top{padding-top: 5%;align-items: center;}
.about-lawy {padding: 0 3%;transform: translate(0px);}
.about-r{margin-top: 0;padding: 20px;}
.about-r p{font-size: 16px;}
.about-l ul li{font-size: 20px;}
.about-title {font-size: 32px;margin-bottom: 15px;}
.about-bottom{margin: 3vw auto 0;}
.homeabout{padding-bottom: 5%;}
.footer-main{padding: 50px 0;flex-wrap: wrap;}
.homefooter{height: auto;padding: 0px 3%;}
.footer-item.Module{width: 33%;}
.footer-item{width: 20%;}
.footer-item.Contact{width: 75%;}
.footer-bottom .copyright{padding: 25px 0;}}
@media (max-width:768px) {.process-text p{font-size: 75px;}
.process-title p{font-size: 28px;}
.process-box p{font-size: 14px;padding: 10px 0;}
.choose-contant{flex-wrap: wrap;}
.choose-item{width: 50%;}
.about-bottom,.about-top{flex-wrap: wrap;}
.about-box{width: 49.5%;}
.footer-item.Module{width: 55%;}
.footer-item {width: 32%;margin-top: 15px;}
.footer-item.Contact {width: 100%;}
.footer-main{padding: 25px 0;}
.foot-list li, .footer-box .tit, .footer-com .footer-box, .footer-item .title-1{margin-bottom: 6px;}
.footer-title{margin-bottom: 10px;}}
@media (max-width:550px) {.homeproduct .productbox .procitem{zoom: .8;padding: 10px 10px;}
.bigtext p{font-size: 42px;}
.process-text{zoom: .7;position: relative;margin-top: 20px;}
.process-text p{font-size: 62px;line-height: 1;}
.process-title{display: none;}
.process-top{margin-bottom: 25px;}
.about-top{flex-direction: column;}
.about-l{width: 100%;}
.about-r{width: 100%;margin-left: 0%;margin-top: 20px;}
.about-l ul li{font-size: 18px;}}
.choose-item a.choose-link {display:block;width:100%;height:100%;position:absolute;top:0;left:0}
  @media (max-width:500px){.home-banner .swiper-slide img{min-height:unset}
}