.plate{ width: 1220px; max-width: 94%; margin: 0 auto; } @font-face{ font-family:"din"; src:url(https://omo-oss-file.thefastfile.com/portal-saas/new2023031418425769082/cms/file/4052523b-3582-49e5-b39a-d5374513ef43.OTF?cmsTs=1683853083647) } @font-face{ font-family:"pfx"; src:url(https://omo-oss-file.thefastfile.com/portal-saas/new2023031418425769082/cms/file/c1b99b1b-9fe5-41fb-8bd1-ad76541b3c54.ttf?cmsTs=1683853145983) } @font-face{ font-family:"pfc"; src:url(https://omo-oss-file.thefastfile.com/portal-saas/new2023031418425769082/cms/file/cee811f4-9005-4137-b2bb-1cac64c6408e.ttf?cmsTs=1683853152038) } .nrwz { position: absolute; top: 0%; width: 100%; height: 100%; z-index: 9; background: url(https://omo-oss-image1.thefastimg.com//portal-saas/new2021113019445544959/cms/image/08155dbb-9417-46c6-ace5-8ba018189684.png); background-repeat: no-repeat; width: 50%; background-size: cover; padding-left: 12%; padding-top: 7%; padding-right: 10%; } .nrwz .swiper-slide{ opacity: 0!important; transition: all ease .5s; } .nrwz .swiper-slide.swiper-slide-active { opacity: 1!important; } .nrwz_nr{} .nrwz_nr h2{ line-height: normal; font-size: 36px; font-weight: bold; position: relative; display: flex; align-items: center; color: #fff; } .nrwz_nr h2:after { content: ''; display: block; width: 50px; height: 3px; background: #fff; margin-left: 20px; } .nrwz_nr h3{ font-size: 30px; color: #fff; margin-top: 10%; } .nrwz_nr p{ color: #fff; line-height: 30px; font-weight: 300; font-size: 14px; margin-top: 3%; } .nrwz_nr a{ background: #fff; width: 160px; display: inline-block; text-align: center; border-radius: 50px; margin-top: 16%; padding: 2% 0%; } .nrwz .swiper-button-next{ position: absolute; left: 31%; top: 80%!important; background: #fff; width: 50px; height: 50px; border-radius: 50%; display: none; } .nrwz .swiper-button-next:after { content: "next"; color: #000; font-weight: bold; font-size: 24px; } .nrwz .swiper-button-next:hover:after { content: "next"; color: #e4b502; font-weight: bold; font-size: 24px; } .nrwz .swiper-button-prev{ position: absolute; left: 24%; top: 80%!important; background: #fff; width: 50px; height: 50px; border-radius: 50%; opacity: 1; display: none; } .nrwz .swiper-button-prev:after{ content: "prev"; color: #000; font-weight: bold; font-size: 24px; } .nrwz .swiper-button-prev:hover:after{ content: "prev"; color: #e4b502; font-weight: bold; font-size: 24px; } .nrimg .swiper-button-next{ position: absolute; left: 16%; top: 80%!important; background: #fff; width: 50px; height: 50px; border-radius: 50%; } .nrimg .swiper-button-next:after { content: "next"; color: #000; font-weight: bold; font-size: 24px; } .nrimg .swiper-button-next:hover:after { content: "next"; color: #e4b502; font-weight: bold; font-size: 24px; } .nrimg .swiper-button-prev{ position: absolute; left: 12%; top: 80%!important; background: #fff; width: 50px; height: 50px; border-radius: 50%; opacity: 1; } .nrimg .swiper-button-prev:after{ content: "prev"; color: #000; font-weight: bold; font-size: 24px; } .nrimg .swiper-button-prev:hover:after{ content: "prev"; color: #e4b502; font-weight: bold; font-size: 24px; } @media (max-width: 1200px){ .nrwz { position: relative; top: 0%; width: 100%; height: 100%; z-index: 9; background: url(https://omo-oss-image1.thefastimg.com//portal-saas/new2021113019445544959/cms/image/08155dbb-9417-46c6-ace5-8ba018189684.png); background-repeat: no-repeat; width: 100%; background-size: cover; padding-left: 3%; padding-top: 10%; padding-right: 3%; background-size: cover; padding-bottom: 10%; } .nrimg { display: none; } }