img{max-width:100%;object-fit:cover}.common_bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;object-fit:cover}.item_hover{overflow:hidden}.item_hover:hover img{transform:scale(1.05)}.item_hover img{width:100%;height:100%;transition:.6s ease}.materials1{position:relative;z-index:1;height:100vh;display:flex;align-items:center;padding:0 10.41667vw}.materials1 .text{color:#FFF;font-style:normal;font-weight:700;line-height:125%}.materials2{padding:15.625vw 0 13.22917vw 0;position:relative;z-index:2;margin-top:-7.70833vw;background:#fff}.materials2 .bg{position:absolute;z-index:-1;left:0;width:100%;top:-10.15625vw}.materials2 .clip{position:absolute;top:-13.02083vw;left:0;width:100%;z-index:2;pointer-events:none;clip-path:inset(0 100% 0 0);transition:all 2s;display:block}.materials2 .clip.animated{clip-path:inset(0 0 0 0)}.materials2 .en{color:#00378B;font-family:Montserrat;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.materials2 .en span{font-family:"Montserrat";text-shadow:1.5px 0 0 #00378B,0 1.5px 0 #00378B,-1.5px 0 0 #00378B,0 -1.5px 0 #00378B,1.5px 1.5px 0 #00378B,-1.5px -1.5px 0 #00378B,1.5px -1.5px 0 #00378B,-1.5px 1.5px 0 #00378B;font-style:normal;font-weight:700;text-transform:uppercase;color:#fff}.materials2 .content{margin:2.08333vw 0 0 0;padding:0 9.27083vw 0 10.36458vw;display:flex;align-items:center;justify-content:space-between}.materials2 .content .l{width:39.21875vw}.materials2 .content .l img{width:6.61458vw;display:block}.materials2 .content .l .text{margin:2.1875vw 0 0 0;color:#000;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.96px}.materials2 .content .images{width:35.88542vw;height:25.46875vw}.materials3{padding:8.75vw 7.08333vw 8.75vw 9.58333vw;display:flex;justify-content:space-between;align-items:center}.materials3 .lpic{width:37.03125vw;height:24.94792vw;background:#000;display:flex;align-items:center;justify-content:center}.materials3 .lpic .info{width:20.15625vw}.materials3 .lpic .info .img{width:20.15625vw;height:12.91667vw}.materials3 .lpic .info .pick{margin:1.875vw 0 0 0;text-align:center;color:#FFF;font-style:normal;font-weight:400;line-height:normal}.materials3 .rbox{width:40.15625vw}.materials3 .rbox .title{color:#000}.materials3 .rbox .text{color:#000;line-height:150%;letter-spacing:0.96px;margin:2.34375vw 0 3.54167vw 0}.materials3 .rbox .icons{display:flex;flex-wrap:wrap;gap:1.25vw}.materials3 .rbox .icons .i{width:8.22917vw;height:8.22917vw;border-radius:50%;border:.20833vw solid #CBD6E7;background:radial-gradient(50% 50% at 50% 50%, #fff 0%, #CCD7E8 100%);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;color:#00378B;font-weight:500}.materials4{padding:5.15625vw 0 8.17708vw;background:linear-gradient(244deg, #002359 33.56%, rgba(14,18,41,0.59) 74.97%, #002359 118.06%);backdrop-filter:blur(9.35px);overflow:hidden;position:relative;z-index:1}.materials4 .bg{position:absolute;right:0;top:0;z-index:-1;width:67.91667vw;height:fit-content}.materials4 .en{color:#fff;font-family:Montserrat;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;position:relative}.materials4 .en span{font-family:"Montserrat";text-shadow:1.5px 0 0 #00378B,0 1.5px 0 #00378B,-1.5px 0 0 #00378B,0 -1.5px 0 #00378B,1.5px 1.5px 0 #00378B,-1.5px -1.5px 0 #00378B,1.5px -1.5px 0 #00378B,-1.5px 1.5px 0 #00378B;font-style:normal;font-weight:700;text-transform:uppercase;color:#fff}.materials4 .en img{width:65.9375vw;display:block}.materials4 .content{display:flex;justify-content:flex-end;gap:3.4375vw;margin:1.71875vw 0 0 0}.materials4 .content .l{width:18.22917vw;margin:4.16667vw 0 0 0}.materials4 .content .l .p1{color:#FFF;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase;margin:0 0 4.89583vw}.materials4 .content .l .p2{color:#FFF;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.96px}.materials4 .content .l .button{display:flex;gap:1.66667vw;margin:10.36458vw 0 0 0}.materials4 .content .l .button .circle{position:relative}.materials4 .content .l .button .circle:hover img:first-child{opacity:0}.materials4 .content .l .button .circle:hover img:last-child{opacity:1}.materials4 .content .l .button .circle:first-child{transform:rotate(180deg)}.materials4 .content .l .button img{width:3.48958vw;height:3.48958vw;transition:.6s ease;cursor:pointer}.materials4 .content .l .button img:nth-child(2){position:absolute;top:0;left:0;opacity:0}.materials4 .content .r{width:67.91667vw}.materials4 .content .r .rSwiper{width:100%}.materials4 .content .r .rSwiper .swiper-slide{padding:0 0 1.77083vw}.materials4 .content .r .rSwiper .swiper-slide.swiper-slide-active .item{transform:translateY(0)}.materials4 .content .r .rSwiper .swiper-slide.swiper-slide-active .item:after{opacity:.2}.materials4 .content .r .rSwiper .swiper-slide .item{width:100%;height:27.91667vw;transform:translateY(1.77083vw);position:relative;z-index:1;padding:1.875vw;display:flex;flex-direction:column;justify-content:space-between;transition:1s}.materials4 .content .r .rSwiper .swiper-slide .item:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(0deg, rgba(0,0,0,0.54) 0%, rgba(0,0,0,0.54) 100%),linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.9) 100%);box-shadow:0 4px 44px 0 rgba(0,0,0,0.25);z-index:-1;transition:1s}.materials4 .content .r .rSwiper .swiper-slide .item .headline{color:#FFF;font-style:normal;font-weight:200;line-height:normal;text-transform:capitalize}.materials4 .content .r .rSwiper .swiper-slide .item .other .p1{color:#FFF;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.materials4 .content .r .rSwiper .swiper-slide .item .other .more{display:flex;align-items:center;gap:10px}.materials4 .content .r .rSwiper .swiper-slide .item .other .more p{color:#FFF;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.materials4 .content .r .rSwiper .swiper-slide .item .other .more .line{display:flex;align-items:center}.materials4 .content .r .rSwiper .swiper-slide .item .other .more .line svg:first-child{width:1.14583vw}.materials4 .content .r .rSwiper .swiper-slide .item .other .more .line svg:nth-child(2){width:.20833vw;height:.36458vw;position:relative;left:-.26042vw}.materials5{padding:8.75vw 8.33333vw 6.35417vw 8.33333vw}.materials5 .top .p1{color:#333;font-style:normal;font-weight:400;line-height:normal}.materials5 .top .p2{width:39.21875vw;color:#000;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.96px}.materials5 .content{margin:2.5vw 0 0 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:1.04167vw}.materials5 .content .item{width:100%;height:15.10417vw;border-radius:.10417vw;background:#F6F6F6;padding:2.34375vw 2.70833vw}.materials5 .content .item .p1{color:#333;font-style:normal;font-weight:500;line-height:normal;margin:0 0 .9375vw}.materials5 .content .item .p2{color:#000;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.96px}.common_more{width:12.70833vw;height:3.02083vw;position:relative;z-index:1;padding:0 0 0 4.16667vw;display:flex;align-items:center;margin:0 auto 0}.common_more svg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.common_more p{color:#FFF;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}.materials6{padding:11.45833vw 0 12.70833vw;background:url("/images/wood/a22.png") no-repeat;background-size:cover;position:relative}.materials6 .line{position:absolute;height:100%;width:.05208vw;background:#FFF;left:12.70833vw;top:0}.materials6 .line:after{content:"";width:.46875vw;height:3.54167vw;background:#1B6146;position:absolute;left:-.20833vw;top:11.66667vw}.materials6 .sec9_top{margin-left:18.75vw;margin-bottom:6.875vw}.materials6 .sec9_top .h5{color:#FFF;font-weight:400;margin-bottom:.3125vw}.materials6 .sec9_top .p{color:#FFF;font-weight:400;text-transform:capitalize}.materials6 .logos{width:68.75vw;overflow:hidden;margin:0 auto}.materials6 .logos .imgs{display:flex;width:max-content;animation:img_go 100s infinite linear}.materials6 .logos .imgs .flex{display:flex}.materials6 .logos .imgs .flex .img{height:3.90625vw;width:fit-content;margin-right:2.34375vw}.materials6 .logos .imgs .flex .img img{height:100%}.materials6 .logos.logos1{margin:2.60417vw auto 0}.materials6 .logos.logos1 .imgs{animation:img_go2 100s infinite linear}.materials7{height:32.65625vw;position:relative;z-index:1;display:flex;justify-content:space-between;padding:0 0 0 10.3125vw;background:#00378B;align-items:center}.materials7 .l .cut{display:flex;gap:1.04167vw}.materials7 .l .cut .list{color:#FFF;font-style:normal;font-weight:700;line-height:normal;opacity:.5;cursor:pointer;transition:.6s ease}.materials7 .l .cut .list.on{opacity:1}.materials7 .l .common_more{width:15.3125vw;height:3.59375vw;margin:0}.materials7 .l .content{margin:1.77083vw 0 2.55208vw}.materials7 .l .content .matter{display:none}.materials7 .l .content .matter.on{display:block}.materials7 .l .content .matter a:hover{text-decoration:underline;color:white}.materials7 .l .content .matter .list{display:flex;align-items:center;gap:.83333vw}.materials7 .l .content .matter .list:not(:last-child){margin:0 0 .83333vw}.materials7 .l .content .matter .list .icon{width:1.25vw;height:1.25vw;display:flex;align-items:center;justify-content:center}.materials7 .l .content .matter .list .icon img{width:100%;height:100%;object-fit:contain}.materials7 .l .content .matter .list p{color:#FFF;font-style:normal;font-weight:400;line-height:normal}.materials7 .r{width:49.47917vw;height:100%;clip-path:polygon(65% 0, 100% 0, 100% 100%, 0 100%, 65% 0)}.materials7 .r img{width:100%;height:100%}@keyframes img_go{100%{transform:translateX(-50%)}}@keyframes img_go2{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}@media screen and (max-width: 768px){.materials1{padding:0 5%;height:60vh}.materials2{padding:100px 5% 30px 5%}.materials2 .en{font-size:26px}.materials2 .en span{letter-spacing:2px}.materials2 .content{margin:40px 0 0 0;flex-direction:column;padding:0}.materials2 .content .l{width:100%}.materials2 .content .l img{width:100px}.materials2 .content .l .text{margin:15px 0 0}.materials2 .content .images{width:100%;height:auto;border-radius:10px;margin:20px 0 0 0}.materials3{padding:30px 5%;flex-direction:column}.materials3 .lpic{width:100%;height:auto;padding:30px 0}.materials3 .lpic .info{width:60%}.materials3 .lpic .info .img{width:100%;height:auto}.materials3 .lpic .info .pick{margin:20px 0 0 0}.materials3 .rbox{margin-top:20px;width:100%}.materials3 .rbox .text{margin:10px 0 20px 0}.materials3 .rbox .icons{gap:12px;justify-content:center}.materials3 .rbox .icons .i{width:100px;height:100px;font-size:16px}.materials4{padding:30px 5%}.materials4 .en{font-size:23px}.materials4 .en img{width:100%}.materials4 .content{margin:0;flex-direction:column}.materials4 .content .l{width:100%}.materials4 .content .l .p1{margin:0 0 15px}.materials4 .content .l .p2{margin:0 0 15px}.materials4 .content .l .button{gap:15px}.materials4 .content .l .button img{width:40px;height:40px}.materials4 .content .l .button img foreignObject{opacity:0}.materials4 .content .r{width:100%;margin:30px 0 0 0}.materials4 .content .r .rSwiper{width:95vw}.materials4 .content .r .rSwiper .swiper-slide .item{height:300px;padding:20px 5%}.materials4 .content .r .rSwiper .swiper-slide .item .other .more{gap:10px;margin:10px 0 0 0}.materials4 .content .r .rSwiper .swiper-slide .item .other .more .line svg:first-child{width:20px}.materials4 .content .r .rSwiper .swiper-slide .item .other .more .line svg:nth-child(2){height:fit-content;width:7px;left:-4px;top:1px}.materials5{padding:30px 5%}.materials5 .top{flex-direction:column;align-items:unset}.materials5 .top .p2{margin:15px 0 0;width:100%}.materials5 .content{gap:20px;margin:25px 0 0 0;grid-template-columns:repeat(1, 1fr)}.materials5 .content .item{width:100%;height:auto;padding:25px 5%;min-height:150px}.materials5 .content .item .p1{margin:0 0 10px}.materials6{padding:50px 5vw}.materials6 .sec9_top{width:100%;margin:0 0 25px}.materials6 .sec9_top .h5{font-size:24px;margin-bottom:4px}.materials6 .line{display:none}.materials6 .logos{width:100%}.materials6 .logos .imgs .flex .img{height:60px;margin-right:15px}.materials6 .logos.logos1{margin:20px 0 0}.common_more{width:fit-content !important;height:40px !important;padding:0 40px 0 20px !important;margin:0;background:#FF0000;clip-path:polygon(0 0, 100% 0, 85% 100%, 0 100%, 0 0)}.common_more svg{display:none}.materials7{height:auto;padding:0;flex-direction:column-reverse}.materials7 .l{width:100%;padding:30px 5vw}.materials7 .l .content{margin:20px 0 0 0}.materials7 .l .content .matter .list{gap:10px}.materials7 .l .content .matter .list:not(:last-child){margin:0 0 15px}.materials7 .l .content .matter .list .icon{width:20px;height:20px}.materials7 .l .content .matter .list p{font-size:15px}.materials7 .l .common_more{margin:30px 0 0 0}.materials7 .r{width:100%;height:auto;clip-path:unset}}