.branches-production{margin-top:5rem;position:relative}.branches-production .brancheSlider{position:relative;left:5rem}.branches-production .brancheSlider .box{display:grid;align-items:center;justify-items:start;width:100%;height:500px;position:relative}.branches-production .brancheSlider .box:after{content:"";width:1px;height:40px;background-color:#1f1f1f;position:absolute;right:0;bottom:54.5%}.branches-production .brancheSlider .box .content{width:100%;display:grid;justify-items:start;justify-content:center;height:300px}.branches-production .brancheSlider .box .content h3{max-width:120px;height:120px;color:#1f1f1f}.branches-production .brancheSlider .box .content p{max-width:150px;color:#1f1f1f;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3}.branches-production .brancheSlider .box .content .hr{width:180%;height:1px;background-color:#1f1f1f;position:absolute;top:208px}.branches-production .brancheSlider .box .content button{color:#1f1f1f;display:grid;justify-content:start;font-weight:500;height:fit-content;border:none;background-color:transparent}.branches-production .brancheSlider .box .content button:after{content:"";width:100%;height:3px;background-color:#1f1f1f;transition:.3s}.branches-production .brancheSlider .box .content button:hover:after{width:85%;background-color:red;transition:.3s}.branches-production .brancheSlider .box .image{position:absolute;z-index:-1;display:flex;align-items:center;opacity:0}.branches-production .brancheSlider .box .image:after{content:"";position:absolute;width:100%;height:100%;background-color:red;mix-blend-mode:multiply;border-radius:20px}.branches-production .brancheSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:20px}.branches-production .brancheSlider .box:hover .image,.branches-production .brancheSlider .swiper-slide-active .box .image{opacity:1}.branches-production .brancheSlider .box:hover .content button,.branches-production .brancheSlider .box:hover .content h3,.branches-production .brancheSlider .box:hover .content p,.branches-production .brancheSlider .swiper-slide-active .box .content button,.branches-production .brancheSlider .swiper-slide-active .box .content h3,.branches-production .brancheSlider .swiper-slide-active .box .content p{color:#fff}.branches-production .brancheSlider .box:hover .content button:after,.branches-production .brancheSlider .swiper-slide-active .box .content button:after{background-color:#fff}.branches-production .brancheSlider .box:hover .hr,.branches-production .brancheSlider .swiper-slide-active .box .hr{opacity:0}.news-projects-tab{margin-top:3rem}.news-projects-tab .nav-pills .nav-link.active{opacity:1;background-color:transparent}.news-projects-tab .nav-pills .nav-link{color:#1f1f1f;font-weight:500;opacity:.5;font-size:14pt}.news-projects-tab .tabNewProjectSlider{padding-bottom:4rem}.news-projects-tab .tabNewProjectSlider .image{width:100%;height:400px}.news-projects-tab .tabNewProjectSlider .image img{width:100%;height:100%;object-fit:cover;border-radius:15px;filter:grayscale(1)}.news-projects-tab .tabNewProjectSlider .image img:hover{filter:none}.news-projects-tab .tabNewProjectSlider .content{display:grid;align-items:end}.news-projects-tab .tabNewProjectSlider .content p{color:#bcbcbc}.news-projects-tab .tabNewProjectSlider .content .texts h5{color:#1f1f1f;padding-bottom:1rem;font-weight:400}.news-projects-tab .tabNewProjectSlider .content .texts .desc{color:#979797}.news-projects-tab .tabNewProjectSlider .content button{color:#1f1f1f;display:grid;justify-content:start;font-weight:500;height:fit-content;border:none;background-color:transparent}.news-projects-tab .tabNewProjectSlider .content button:after{content:"";width:100%;height:3px;background-color:#1f1f1f;transition:.3s}.news-projects-tab .tabNewProjectSlider .content button:hover:after{width:85%;background-color:red;transition:.3s}.between-texts{text-align:center;margin-top:3rem;display:flex;justify-content:center}.between-texts .textSlide{padding:4rem 0;width:120%}.between-texts .textSlide .box{display:flex;align-items:center;justify-content:center;text-align:left;gap:1rem;cursor:pointer}.between-texts .textSlide .box .elipse{max-width:14px;max-height:14px;background-color:#1f1f1f;border-radius:50%;width:100%;height:14px}.between-texts .textSlide .box h6{font-weight:600;margin:0;padding:0;color:#000}.between-texts .textSlide .box p{font-weight:400;margin:0;padding:0;color:#000;font-size:11pt}.between-texts .textSlide .box:hover .elipse{background-color:red}.between-texts .textSlide .box:hover h6,.between-texts .textSlide .box:hover p{color:red}.production-power-description{position:relative;margin-top:3rem}.production-power-description .head{display:grid;text-align:center;justify-items:center;justify-content:center;margin:auto;position:relative;width:fit-content}.production-power-description .head h2{font-weight:500}.production-power-description .head .textbg{position:absolute;z-index:-1;left:-150px}.production-power-description .productionPowerPageSlider .swiper-wrapper{padding:3rem 0}.production-power-description .productionPowerPageSlider .swiper-slide{opacity:.5}.production-power-description .productionPowerPageSlider .swiper-slide-active{opacity:1}.production-power-description .productionPowerPageSlider .box{display:grid;justify-content:center;justify-items:center;width:100%;height:420px}.production-power-description .productionPowerPageSlider .box h5{color:#1f1f1f}.production-power-description .productionPowerPageSlider .box h1{color:#1f1f1f;font-size:60pt;font-weight:600}.production-power-description .productionPowerPageSlider .box .total{color:#bcbcbc}.production-power-description .productionPowerPageSlider .box .inf-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;list-style:none;padding:0}.production-power-description .productionPowerPageSlider .box .inf-list li{margin-bottom:.65rem;display:flex;align-items:center;gap:1rem;width:30%}.production-power-description .productionPowerPageSlider .box .inf-list li h6{font-weight:400;margin:0;padding:0}.production-power-description .productionPowerPageSlider .box .inf-list li .content{font-weight:600}.production-power-description .productionPowerPageSlider .box .inf-list li:before{content:"•";font-size:30pt}.production-power-description .productionPowerPageSlider .box .inf-list li:hover .content{color:red}.production-power-description .productionPowerPageSlider .box .desc{color:#979797;text-align:center;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3}.industry-production{margin-top:5rem}.industry-production .head{display:grid;justify-content:center;justify-items:center;text-align:center;gap:1rem}.industry-production .head h2{font-weight:500}.industry-production .head p{color:#979797;font-size:11pt;max-width:85%}.industry-production .images{width:100%;height:275px;display:flex;align-items:center;gap:1rem}.industry-production .images img{width:100%;height:100%;object-fit:cover;border-radius:15px}.industry-production .contents{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-top:1rem}.industry-production .contents .content{width:32%;height:230px;border-radius:20px;background-color:#fff;box-shadow:0 10px 10px 0 #00000013;display:grid;align-content:center;padding:2rem;gap:1rem;cursor:pointer}.industry-production .contents .content h5{color:#262f2e;font-weight:400;max-width:200px}.industry-production .contents .content p{color:#979797;font-weight:400}.industry-production .contents .content:hover h5{color:red}.mobile-phone-white{position:relative}.mobile-phone-white .box{background-color:#fff;padding:2rem;box-shadow:-15px 40px 20px 0 #00000008;display:flex;align-items:center;justify-content:space-between;border-radius:20px;text-align:right;gap:2rem}.mobile-phone-white .box div{display:grid;gap:1rem;text-align:right;justify-content:end}.mobile-phone-white .box div h4{font-weight:400;color:#606060}.mobile-phone-white .box div h6{font-weight:300;color:#979797}.mobile-phone-white .box div .stores{display:flex;align-items:center;gap:1rem}.mobile-phone-white .box div .stores img{width:100px}.mobile-phone-white .box .image,.mobile-phone-white .box .image img{width:100%}.growth-rates{position:relative;margin-top:2rem}.growth-rates .nav-pills{justify-content:center}.growth-rates .container{max-width:1100px}.growth-rates .tab-content{margin-top:5rem}.growth-rates .nav-link{background-color:transparent;position:relative;display:flex;align-items:center;gap:.5rem;color:#a8a8a8}.growth-rates .nav-link:before{content:"";width:15px;height:15px;background-color:#a8a8a8;border-radius:50%;transition:.2s}.growth-rates .nav-link.active{background-color:transparent;color:#a8a8a8}.growth-rates .nav-link.active:before,.growth-rates .nav-link:hover:before{background-color:red;transition:.2s}.growth-rates .head{color:#1f1f1f;font-weight:500}.growth-rates .desc{color:#1f1f1f;font-weight:300}.growth-rates .item{display:flex;align-items:center;flex-wrap:wrap;gap:3rem}.growth-rates .item .chart canvas{width:200px!important;height:200px!important}.growth-rates .item h1{font-size:40pt}.growth-rates .item p{color:#bcbcbc}.growth-rates .item .description{color:#979797;max-width:400px}.production-banner{position:relative;display:grid;align-items:center;margin-top:15rem}.production-banner .container{position:relative}.production-banner h1{color:#fff;position:absolute;max-width:200px;left:50px;top:70px;z-index:2}.production-banner .image{width:100%;height:350px}.production-banner .image img{width:100%;height:100%;object-fit:cover;border-radius:20px;filter:brightness(.5)}.production-banner .features{display:flex;align-content:space-between;justify-content:center;width:fit-content;padding:2rem;border-radius:15px;gap:2rem;background-color:#a9a9a9cc;margin:auto;margin-top:-95px;z-index:2;text-align:center}.production-banner .features span{max-width:100%;display:grid;justify-items:center;gap:1rem;color:#fff}.production-banner .features span h2{max-width:550px}.what-we{background-color:#1f1f1f;padding:2rem 0;position:relative;display:grid}.what-we:before{content:"";background-color:#1f1f1f;width:100%;height:120px;position:absolute;top:-120px;z-index:-1}.what-we .head-desc{color:#fff;font-weight:500;text-align:center}.what-we .swiper-slide{display:grid;gap:2rem}.what-we .head{color:#606060;font-weight:700;max-width:230px}.what-we .desc{color:#606060}.what-we .swiper-slide-active .head{color:red}.what-we .swiper-slide-active .desc{color:#fff}.what-we .branchesProductionDetailSlider{padding-bottom:3rem;width:100vw!important}.what-we .swiper-button-next{left:49%;right:auto;top:auto;bottom:55px}.what-we .swiper-button-prev{left:48%;right:auto;top:auto;bottom:55px}.what-we .swiper-button-next:after,.what-we .swiper-button-prev:after{font-size:12pt;color:#fff;transition:.3s}.what-we .swiper-button-next:hover:after,.what-we .swiper-button-prev:hover:after{color:red;transition:.3s}.what-wep{background-color:#1f1f1f;padding:2rem 0;position:relative;display:grid;margin-top:10px}.what-wep .head-desc{color:#fff;font-weight:500;text-align:center}.what-wep .swiper-slide{display:grid;gap:2rem}.what-wep .head{color:#606060;font-weight:700;max-width:230px}.what-wep .desc{color:#606060}.what-wep .swiper-slide-active .head{color:red}.what-wep .swiper-slide-active .desc{color:#fff}.what-wep .branchesProductionDetailSlider{padding-bottom:3rem;width:100vw!important}.what-wep .swiper-button-next{left:49%;right:auto;top:auto;bottom:55px}.what-wep .swiper-button-prev{left:48%;right:auto;top:auto;bottom:55px}.what-wep .swiper-button-next:after,.what-wep .swiper-button-prev:after{font-size:12pt;color:#fff;transition:.3s}.what-wep .swiper-button-next:hover:after,.what-wep .swiper-button-prev:hover:after{color:red;transition:.3s}.production-facilities-projects{margin-top:5rem}.production-facilities-projects .head{display:flex;align-items:center;justify-content:start;gap:7.5rem;max-width:75%}.production-facilities-projects .head h2{font-weight:500}.production-facilities-projects .head p{font-weight:400}.production-facilities-projects .head-navs{display:flex;gap:2rem;align-items:center}.production-facilities-projects .head-navs h5{color:#bcbcbc;font-weight:500}.production-facilities-projects .content{display:grid;align-items:end}.production-facilities-projects .content .texts{align-content:center}.production-facilities-projects .content .texts h2{max-width:300px}.production-facilities-projects .nav-pills .nav-link{background-color:#f4f4f4;padding:1rem;border-radius:10px;color:#1f1f1f;font-weight:500;width:300px}.production-facilities-projects .nav-pills .nav-link.active{background-color:red;color:#fff}.production-facilities-projects .nav-pills{display:flex;gap:1rem}.production-facilities-projects .productionProjectSlider{padding:3rem 0 4rem}.production-facilities-projects .head{color:#000;font-weight:500;max-width:230px;opacity:.2}.production-facilities-projects .desc{color:#000;opacity:.2}.production-facilities-projects .swiper-slide-active .desc,.production-facilities-projects .swiper-slide-active .head{opacity:1}.production-facilities-projects .branchesProductionDetailSlider{padding-bottom:3rem}.production-facilities-projects .swiper-button-next{left:49%;right:auto;top:auto;bottom:0}.production-facilities-projects .swiper-button-prev{left:48%;right:auto;top:auto;bottom:0}.production-facilities-projects .swiper-button-next:after,.production-facilities-projects .swiper-button-prev:after{font-size:12pt;color:#000;transition:.3s}.production-facilities-projects .swiper-button-next:hover:after,.production-facilities-projects .swiper-button-prev:hover:after{color:red;transition:.3s}.branches-production{margin-top:10rem}.branches-production .head{color:#bcbcbc;max-width:300px}.branches-production .head-col{display:flex;gap:2rem;align-items:start;max-width:700px}.branches-production .head-col h3{font-weight:500}.branches-production .brancheDetailSlider{position:relative}.branches-production .brancheDetailSlider .box{display:grid;align-items:center;justify-items:start;width:100%;height:500px;position:relative}.branches-production .brancheDetailSlider .box:after{content:"";width:1px;height:40px;background-color:#bcbcbc;position:absolute;left:0;bottom:54.5%}.branches-production .brancheDetailSlider .box .content{width:100%;display:grid;justify-items:start;justify-content:start;height:300px}.branches-production .brancheDetailSlider .box .content h3{max-width:120px;color:#bcbcbc;height:120px}.branches-production .brancheDetailSlider .box .content p{max-width:150px;color:#bcbcbc;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3}.branches-production .brancheDetailSlider .box .content .hr{width:180%;height:1px;background-color:#bcbcbc;position:absolute;top:208px}.branches-production .brancheDetailSlider .box .content button{color:#bcbcbc;display:grid;justify-content:start;font-weight:500;height:fit-content;border:none;background-color:transparent}.branches-production .brancheDetailSlider .box .content button:after{content:"";width:100%;height:3px;background-color:#bcbcbc;transition:.3s}.branches-production .brancheDetailSlider .box .content button:hover:after{width:85%;background-color:red;transition:.3s}.branches-production .brancheDetailSlider .box .image{position:absolute;z-index:-1;display:flex;align-items:center;opacity:0}.branches-production .brancheDetailSlider .box .image:after{content:"";position:absolute;width:100%;height:100%;background-color:red;mix-blend-mode:multiply;border-radius:20px}.branches-production .brancheDetailSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:20px}.branches-production .brancheDetailSlider .box:hover .image,.branches-production .brancheDetailSlider .swiper-slide-active .box .image{opacity:1}.branches-production .brancheDetailSlider .box:hover .content button,.branches-production .brancheDetailSlider .box:hover .content h3,.branches-production .brancheDetailSlider .box:hover .content p,.branches-production .brancheDetailSlider .swiper-slide-active .box .content button,.branches-production .brancheDetailSlider .swiper-slide-active .box .content h3,.branches-production .brancheDetailSlider .swiper-slide-active .box .content p{color:red}.branches-production .brancheDetailSlider .box:hover .content button:after,.branches-production .brancheDetailSlider .box:hover:after,.branches-production .brancheDetailSlider .swiper-slide-active .box .content button:after,.branches-production .brancheDetailSlider .swiper-slide-active .box:after{background-color:red}.production-facilities-banner{position:relative;margin-top:12rem}.production-facilities-banner .images{width:85%;display:flex;margin:auto;height:550px;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px 0 #00000023}.production-facilities-banner .items{display:flex;justify-content:center;width:90%;gap:1rem}.production-facilities-banner .items .head{font-weight:500;max-width:250px;text-align:right;margin-top:2rem;margin-right:2rem}.production-facilities-banner .productionFacilitiesDetailSlider{width:100%;top:-60px;padding-bottom:3rem}.production-facilities-banner .productionFacilitiesDetailSlider .item{display:grid;align-items:center;justify-items:start;width:100%;background-color:#fff;border-radius:15px;box-shadow:0 10px 10px 0 #00000010;position:relative}.production-facilities-banner .productionFacilitiesDetailSlider .item .image{width:100%;height:135px;display:flex;position:relative}.production-facilities-banner .productionFacilitiesDetailSlider .item .image img{width:100%;height:100%;object-fit:cover;box-shadow:0 10px 10px 0 #00000010;border-radius:15px}.production-facilities-banner .productionFacilitiesDetailSlider .item .image:after{content:"";position:absolute;background-color:red;width:100%;height:100%;border-radius:15px;mix-blend-mode:multiply;display:flex;opacity:0}.production-facilities-banner .productionFacilitiesDetailSlider .item .texts{display:grid;gap:1rem;padding:1.5rem}.production-facilities-banner .productionFacilitiesDetailSlider .item .texts h6{color:#777;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;margin-bottom:0}.production-facilities-banner .productionFacilitiesDetailSlider .item .texts p{color:#bcbcbc;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;margin-bottom:0}.production-facilities-banner .productionFacilitiesDetailSlider .item button{color:#1f1f1f;display:grid;justify-content:start;font-weight:500;height:fit-content;border:none;background-color:transparent;font-size:10pt}.production-facilities-banner .productionFacilitiesDetailSlider .item button:after{content:"";width:100%;height:2px;background-color:#1f1f1f;transition:.3s}.production-facilities-banner .productionFacilitiesDetailSlider .item button:hover:after{width:85%;background-color:red;transition:.3s}.production-facilities-banner .productionFacilitiesDetailSlider .item button:hover{color:red}.production-facilities-banner .productionFacilitiesDetailSlider .item.active .image:after,.production-facilities-banner .productionFacilitiesDetailSlider .item:hover .image:after{opacity:1}.production-facilities-banner .productionFacilitiesDetailSlider .item.active .texts h6,.production-facilities-banner .productionFacilitiesDetailSlider .item:hover .texts h6{color:red}.production-facilities-banner .productionFacilitiesDetailSlider .item.active .texts p,.production-facilities-banner .productionFacilitiesDetailSlider .item:hover .texts p{color:#1f1f1f}.production-between-texts{text-align:center;margin-top:-3rem}.production-between-texts .head{display:flex;align-items:end;gap:2rem;text-align:left;justify-content:center}.production-between-texts .head h5{margin-bottom:1rem;font-weight:300;color:#777}.production-between-texts .head h5 b{color:#000;font-weight:600}.production-between-texts .head h3{font-weight:600}