body {padding-top: 0;}
.pagesbanner .pagesbanner-animate{top:55%}
.banner-inner .banner-text{margin-bottom: 20px;}
.pagesbanner .pagesbanner-animate .module-dev{align-items:center}
.pagesbanner .pagesbanner-animate .moduledev-r{margin-left:0}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-family:Exo2Bold;font-size:42px;font-weight:var(--fontbold7);transition:all .3s ease}
.pagesbanner .p2{color:#fff;opacity:0;animation:pagesbanner 1s .5s forwards;width: 100%;text-align: center;padding: 0 3%;}
@media (max-width:1660px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:38px}}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:34px}
.pagesbanner .pagesbanner-animate .module-dev{margin-top:15px}}
@media (max-width:1280px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize28)}
.pagesbanner .pagesbanner-animate .module-dev{margin-top:15px}
.pagesbanner .p2{font-size: var(--fontsize14) !important;max-width: 1600px;padding: 0 15px;width: 100%;text-align: center;}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{top:45%;padding:0 15px}
.pagesbanner .p2{top:65%}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize22);line-height:1.5}
.pagesbanner .p2,.pagesbanner .pagesbanner-animate .module-dev{display:none}}
.moduletitle{font-family:Exo2Bold;color:#000002;font-size:42px;font-weight:var(--fontbold5);line-height:1.2;text-align:center}
.common-main.food .page-main{padding:0}
.food .moduledev-l,.food .moduledev-r{margin:4px auto 0}
.pagedes{color:#6a6f78;line-height:26px;text-align:center;margin-top:20px}
.food1{padding:5% 0}
.food1-item{display:flex;justify-content:space-between;margin-top:50px;align-items:end}
.food1-box{width:32%;background:#fff;box-shadow:3px 3px 10px 1px #ccc;padding:60px 40px 30px;margin-top:40px;position:relative;border-radius:10px}
.food1-box::after{position:absolute;content:'';width:90%;height:5px;background:var(--color);bottom:0;right:6px}
.food1-icon em{background:linear-gradient(0deg,#f43838,#000);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:72px;width:80px;line-height:1}
.food1-icon{position:absolute;width:80px;height:80px;display:flex;justify-content:center;align-items:center;top:-40px;transition: all .3s ease-in-out;}
.food1-title p{font-size:22px;color:#000002;line-height:32px;font-family:Exo2Bold;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #eaeaea}
.food1-list li{padding-left:15px;position:relative;line-height:32px;color:#6a6f78}
.food1-list li::after{position:absolute;content:'';width:6px;height:6px;background:var(--color);border-radius:50%;left:0;top:13px}
.food1-list li strong{color:#000}
.food2{position:relative;z-index:3;padding:5% 0}
.food2::after{position:absolute;content:'';width:1920px;height:100%;top:0;left:-230px;background:#f0f0f2;z-index:-1}
.food2-container{display:flex;justify-content:space-between;margin-top:40px}
.food2-item{background:#fff;border-radius:20px;width:48%;padding:20px 30px;position:relative;margin-top:35px}
.food2-list{padding:40px 0}
.food2-list li{display:flex;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f5f5f5;}
.food2-list .food2-text{font-size:20px;color:#0f0f0f;line-height:1;font-family:Exo2Bold}
.food2-list .food2-icon{margin-right:35px;transition: all .3s ease-in-out;}
.food2-list .food2-icon em{font-size:24px;color:#111;width:24px;line-height:1}
.food2-span{position:absolute;padding:17px 30px;background:var(--color);top:-28px;height:56px;border-radius:28px;left:50%;transform:translateX(-50%);width:max-content}
.food2-span p{font-weight:600;font-size:20px;color:#fff;line-height:1}
.food2-list li:nth-last-child(1){margin-bottom:0;padding-bottom:0;border:none}
.food3{padding:6% 0}
.food3-container{display:flex;justify-content:space-between;margin-top:50px}
.food3-items{background:#fff;border-radius:3px 3px 0 0;border:1px solid #e7e7e7;width:32%}
.food3-image{padding:80px 30px;border-bottom:1px solid #e7e7e7}
.food3-image img{aspect-ratio:4/1;object-fit:cover;transition: all .3s ease-in-out;}
.food3-text{padding:40px 30px 30px}
.food3-text .title{font-size:22px;color:#000002;font-family:Exo2Bold}
.food3-text .text{color:#6a6f78;line-height:36px}
.food3-btns{display:flex;margin-top:30px}
.food3-btns a{padding:15px 30px;background:var(--color);border-radius:3px;color:#fff;display:flex;justify-content:center;align-items:center;line-height:1;text-transform:uppercase;position:relative;z-index:1;overflow:hidden}
.food3-btns a em{width:26px;height:26px;background:#19282d;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:20px;transition:all .3s ease-in-out}
.food3-btns a:hover{text-decoration:unset}
.food3-btns a:hover:after{transform:translate(-50%,-50%) scale(1)}
.food3-btns a:hover em{transform:rotateZ(45deg)}
.food3-btns a:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:calc(100% + 20px);border-radius:50%;aspect-ratio:1/1;background:rgba(0,0,0,.4);z-index:-1;transition:all .2s linear}
.food4{padding:80px 0 60px;position:relative;z-index:3}
.food4 .moduletitle{color:#fff}
.food4::after{position:absolute;content:'';width:1920px;height:100%;background:linear-gradient(0deg,#6d73a7 0,#142c76 100%);top:0;z-index:-1;left:-230px}
.food5{display:flex;flex-wrap:wrap;justify-content:space-between;padding:4% 0 5%;z-index:3;position:relative}
.food5::after{position:absolute;content:'';width:1920px;height:100%;bottom:0;background:#ced4e0;left:-230px;z-index:-1}
.food5-items{width:32%}
.food5-icon{width:160px;height:160px;background:#fff;border-radius:50%;border:6px solid #e63c38;display:flex;justify-content:center;align-items:center;margin:0 auto}
.food5-icon em{width:74px;font-size:74px;line-height:1;color:#656565;transition: all .3s ease-in-out;}
.food5-con{margin-top:40px}
.food5-con .title{font-size:20px;color:#111;line-height:28px;font-family:Exo2Bold;text-align:center;margin-bottom:20px}
.food5-con .text{font-size:14px;color:#6a6f78}
.food5-con ul{margin-top:10px}
.food5-con ul li{font-size:14px;color:#6a6f78;margin-bottom:10px;padding-left:15px;position:relative}
.food5-con ul li::after{position:absolute;content:'';width:6px;height:6px;background:#000;border-radius:50%;left:0;top:10px}
.food5-con ul li strong{color:#000}
.food6{padding:6% 0}
.food6Swiper{padding:40px 0}
.food6Swiper .swiper-pagination{bottom:0}
.food6Swiper .swiper-pagination .swiper-pagination-bullet{border-radius:unset}
.food6-image{position:relative;overflow: hidden;}
.food6-image img{transition: all .3s ease-in-out;}
.food6-image::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:linear-gradient(0deg,#000000c2,#a9a9a926)}
.food6-image p{font-family:Exo2Bold;font-size:22px;color:#fff;line-height:26px;position:absolute;bottom:0;z-index:3;text-align:center;width:100%;padding:25px 0}
.food7{display:flex;align-items:center;position:relative;z-index:3;padding:5% 0}
.food7::after{position:absolute;content:'';width:1920px;height:100%;top:0;left:-230px;z-index:-1;background:#1d1d1d}
.food7-left{flex:1;padding-right:5.5%}
.food7-right{width:47.5%}
.food7 .moduletitle{text-align:left;color:#fff}
.food .food7 .moduledev-l{margin:4px 0 0}
.food .food7 .moduledev-r{margin-left:14px}
.food .food7 .pagedes{color:#fff;text-align:left;opacity:.6}
.food8{padding:6% 0}
.food8-contant{margin-top:40px}
.food8-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}
.food8-item:nth-last-child(1){margin-bottom:0}
.food8-item:nth-of-type(2n){flex-direction:row-reverse}
.food8-left{width:48%;overflow: hidden;}
.food8-left img{transition: all .3s ease-in-out;}
.food8-right{width:46.5%}
.food8-right .title{font-size:26px;color:#000002;line-height:32px;font-family:Exo2Bold;margin-bottom:20px}
.food8-right .text{font-size:16px;color:#6a6f78;line-height:36px}
.food9::after{position:absolute;content:'';width:1920px;height:100%;background:url(/Content/uploads/20251174389/202511120910216ef7e236e45b415faf32d3152ca3792d.webp) center no-repeat;background-size:cover;top:0;left:-230px;z-index:-1}
.food9{display:flex;justify-content:space-between;align-items:center;padding:5% 0;position:relative;z-index:3}
.food9 .moduletitle{text-align:left;color:#fff}
.food .food9 .moduledev-l{margin:4px 0 0}
.food .food9 .moduledev-r{margin-left:14px}
.food1-box:hover .food1-icon{transform: rotateY(180deg);}
.food2-list li:hover .food2-icon{transform: translateY(-5px);}
.food3-items:hover .food3-image img,.food6-image:hover img,.food8-left:hover img{transform: scale(1.02);}
.food5-items:hover .food5-icon em{transform: rotateY(180deg);}
@media (max-width:1640px) {.food5-icon{width: 120px;height: 120px;}
.food5-icon em{width: 52px;font-size: 52px;}
.food6 {padding: 5% 0;}}
@media (max-width:1440px) {.moduletitle{font-size: 38px;}
.food1-item,.food3-container,.food2-container{margin-top: 30px;}
.food1-icon em{font-size: 62px;width: 62px;}
.food1-title p{padding-bottom: 15px;margin-bottom: 15px;}
.food1-box{padding: 50px 30px 30px;}
.food3-text {padding: 25px 20px;}
.food3-btns{margin-top: 15px;}}
@media (max-width:1366px) {.moduletitle{font-size: 32px;}}
@media (max-width:1024px) {.moduletitle{font-size: 26px;}
.food1-item{align-items: unset;}
.food1-title p{font-size: 20px;}
.food2-list .food2-text{font-size: 18px;}
.food3-image{padding: 50px 15px;}
.food8-right .title{font-size: 22px;margin-bottom: 10px;}
.food8-item{margin-bottom: 35px;}
.food5-icon {width: 100px;height: 100px;border: 3px solid #e63c38;}
.food5-con {margin-top: 25px;}
.food5-con .title{font-size: 18px;margin-bottom: 10px;}
.food5-icon em {width: 38px;font-size: 38px;}
.food6Swiper {padding: 25px 0 45px;}}
@media (max-width:768px) {.moduletitle{font-size: 24px;}
.food1-item{flex-wrap: wrap;}
.food1-box{margin-top: 45px;width: 100%;}
.food1-item{margin-top: 10px;}
.food2-container{flex-direction: column;}
.food2-item{margin-bottom: 25px;padding: 20px 30px;width: 100%;}
.food3-container{flex-wrap: wrap;}
.food3-items{width: 100%;margin-bottom: 20px;}
.food5-items {width: 100%;}
.food5-icon {width: 75px;height: 75px;border: 1px solid #e63c38;}
.food5-con {margin-top: 10px;}
.food7{flex-direction: column-reverse;}
.food7-left{padding-right: 0;}
.food7-right {width: 100%;margin-bottom: 20px;}
.food8-item{flex-direction: column;margin-bottom: 20px;}
.food8-item:nth-of-type(2n){flex-direction: column;}
.food8-left {width: 100%;margin-bottom: 20px;}
.food8-right{width: 100%;}
.food9{flex-direction: column;}}