.slbOverlay, .slbWrapOuter, .slbWrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .slbOverlay { overflow: hidden; z-index: 2000; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); -webkit-animation: slbOverlay 0.5s; -moz-animation: slbOverlay 0.5s; animation: slbOverlay 0.5s; } .slbWrapOuter { overflow-x: hidden; overflow-y: auto; z-index: 2010; } .slbWrap { position: absolute; text-align: center; } .slbWrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .slbContentOuter { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; padding: 0 1em; box-sizing: border-box; z-index: 2020; text-align: left; max-width: 100%; } .slbContentEl .slbContentOuter { padding: 5em 1em; } .slbContent { position: relative; } .slbContentEl .slbContent { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; background-color: #fff; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4); } .slbImageWrap { -webkit-animation: slbEnter 0.3s; -moz-animation: slbEnter 0.3s; animation: slbEnter 0.3s; position: relative; } .slbImageWrap:after { content: ""; position: absolute; left: 0; right: 0; top: 3em; bottom: 3em; display: block; z-index: -1; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6); } .slbImage { width: auto; max-width: 100%; max-height: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 4em 0; margin: 0 auto; } .slbCaption { font-size: 1.4em; position: absolute; left: 0; right: 0; top: 100%; margin-top: -2.07143em; line-height: 1.4; color: #fff; text-align: center; } .slbCloseBtn, .slbArrow { margin: 0; padding: 0; border: 0; cursor: pointer; background: none; } .slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner { padding: 0; border: 0; } .slbCloseBtn:hover, .slbArrow:hover { opacity: 0.5; } .slbCloseBtn:active, .slbArrow:active { opacity: 0.8; } .slbCloseBtn { font-size: 3em; width: 1.66667em; height: 1.66667em; line-height: 1.66667em; position: fixed; right: 0; top: 50px; color: #fff; color: rgba(255, 255, 255, 0.7); text-align: center; } .slbContentEl .slbCloseBtn { position: absolute; right: -0.33333em; top: 0em; } .slbLoading { font-size: 1.4em; color: #fff; color: rgba(255, 255, 255, 0.9); } .slbArrows { position: fixed; top: 50%; left: 0; right: 0; } .slbArrow { position: absolute; top: 50%; margin-top: -5em; width: 5em; height: 10em; opacity: 0.7; text-indent: -999em; overflow: hidden; } .slbArrow:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -0.8em 0 0 -0.8em; border: 0.8em solid transparent; } .slbArrow.next { right: 0; } .slbArrow.next:before { border-left-color: #fff; } .slbArrow.prev { left: 0; } .slbArrow.prev:before { border-right-color: #fff; } .slbIframeCont { width: 80em; height: 0; overflow: hidden; padding-top: 56.25%; } .slbIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6); background: #000; } @-webkit-keyframes slbOverlay { from { opacity: 0; } to { opacity: 0.7; } } @-moz-keyframes slbOverlay { from { opacity: 0; } to { opacity: 0.7; } } @keyframes slbOverlay { from { opacity: 0; } to { opacity: 0.7; } } @-webkit-keyframes slbEnter { from { opacity: 0.5; -webkit-transform: translate3d(0, -1em, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes slbEnter { from { opacity: 0.5; -moz-transform: translate3d(0, -1em, 0); } to { opacity: 1; -moz-transform: translate3d(0, 0, 0); } } @keyframes slbEnter { from { opacity: 0.5; -webkit-transform: translate3d(0, -1em, 0); -moz-transform: translate3d(0, -1em, 0); -ms-transform: translate3d(0, -1em, 0); -o-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (max-width: 640px){ .slbCaption { font-size: 1.2em; } } @media(max-width:767px) { .wdcjhsh { display: none !important; } } .col-centered { float: none; margin: 0 auto; } .carousel-control { width: 8%; width: 0px; } .carousel-control.left, .carousel-control.right { margin-right: 16px; background-image: none; opacity: 1; } .carousel-control>a>span { color: white; font-size: 29px !important; } .carousel-col { position: relative; min-height: 1px; padding: 5px; float: left; } .active>div { display: none; } .active>div:first-child { display: block; } /*xs*/ @media (max-width: 767px) { .carousel-inner .active.left { left: -100%; } .carousel-inner .active.right { left: 100%; } .carousel-inner .next { left: 100%; } .carousel-inner .prev { left: -100%; } .carousel-col { width: 100%; } .active>div:first-child+div { display: block; } } /*sm*/ @media (min-width: 768px) and (max-width: 991px) { .carousel-inner .active.left { left: -100%; } .carousel-inner .active.right { left: 100%; } .carousel-inner .next { left: 100%; } .carousel-inner .prev { left: -100%; } .carousel-col { width: 100%; } .active>div:first-child+div { display: block; } } /*md*/ @media (min-width: 992px) and (max-width: 1199px) { .carousel-inner .active.left { left: -33%; } .carousel-inner .active.right { left: 33%; } .carousel-inner .next { left: 33%; } .carousel-inner .prev { left: -33%; } .carousel-col { width: 33%; } .active>div:first-child+div { display: block; } .active>div:first-child+div+div { display: block; } } /*lg*/ @media (min-width: 1200px) { .carousel-inner .active.left { left: -25%; } .carousel-inner .active.right { left: 25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-col { width: 25%; } .active>div:first-child+div { display: block; } .active>div:first-child+div+div { display: block; } .active>div:first-child+div+div+div { display: block; } } .wrap { display: flex; justify-content: center; } .banner-content { padding: 120px 20px 100px 20px; } .banner-content h1 { color: #fff; } .breadcrumb-list { display: flex; gap: 10px; justify-content: center; }