/* Banner image assignment and focal points. Images are web-optimized derivatives. */
.hero-bg,.page-hero{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:var(--banner-position,center)!important;
}

body[data-page="home"] .hero-bg-slide:nth-child(1){
  background-image:url('https://qiniu.open-joist.com/web/open/img/1011ed893f59456baa2e29310b104fb3.jpg')!important;
  --banner-position:center 70%;
  --banner-position-mobile:55% center;
}
body[data-page="home"] .hero-bg-slide:nth-child(2){
  background-image:url('https://qiniu.open-joist.com/web/open/img/66a0a5ddee5846e88c9074b973047f11.jpg')!important;
  --banner-position:center 48%;
  --banner-position-mobile:70% center;
}
body[data-page="home"] .hero-bg-slide:nth-child(3){
  background-image:url('https://qiniu.open-joist.com/web/open/img/6ed45a25095f41f0b8c474d3bbc8f6ed.jpg')!important;
  --banner-position:center 46%;
  --banner-position-mobile:56% center;
}

body[data-page="services"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/66a0a5ddee5846e88c9074b973047f11.jpg')!important;
  --banner-position:center 48%;
  --banner-position-mobile:70% center;
}
body[data-page="products"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/6ed45a25095f41f0b8c474d3bbc8f6ed.jpg')!important;
  --banner-position:center 46%;
  --banner-position-mobile:56% center;
}
body[data-page="case"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/6138827316604d7aa6f3527e67335fa0.jpg')!important;
  --banner-position:center 52%;
  --banner-position-mobile:58% center;
}
body[data-page="case"] .page-hero.case-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/0aa1c447fb7e4d689394a34e5cd6a832.jpg')!important;
  --banner-position:center 60%;
  --banner-position-mobile:54% center;
}
body[data-page="news"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/3c1d47df3dbc4191a40ad10a41201f90.jpg')!important;
  --banner-position:center 58%;
  --banner-position-mobile:52% center;
}
body[data-page="news"] .page-hero.news-detail-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/07c548368b6e4fb783d8d02d3db4dc7f.jpg')!important;
  --banner-position:center 56%;
  --banner-position-mobile:center;
}
body[data-page="about"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/fca1bd265ac9488a9dbe97941fd7295a.jpg')!important;
  --banner-position:center 58%;
  --banner-position-mobile:47% center;
}
body[data-page="careers"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/d7c1434ade7e4811ae40bfad4f90881d.jpg')!important;
  --banner-position:center 55%;
  --banner-position-mobile:54% center;
}
body[data-page="contact"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/50da335f2d0343ecb2836fa0c0397d68.jpg')!important;
  --banner-position:center 70%;
  --banner-position-mobile:68% center;
}
body[data-page="careers"] .page-hero.career-apply-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/e320895c25be4527a3fa75a05c0a44aa.jpg')!important;
  --banner-position:center 52%;
  --banner-position-mobile:center;
}
body[data-page="vr"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/1498a6cbab084dd2834e42a8d9e9feb5.jpg')!important;
  --banner-position:center 62%;
  --banner-position-mobile:50% center;
}
body[data-page="legal"] .page-hero,
body[data-page="sitemap"] .page-hero{
  background-image:url('https://qiniu.open-joist.com/web/open/img/14c62744a257453187b1538dbec8f921.jpg')!important;
  --banner-position:center 62%;
  --banner-position-mobile:55% center;
}

@media(max-width:700px){
  .hero-bg,.page-hero{
    background-position:var(--banner-position-mobile,var(--banner-position,center))!important;
  }
}