.fixmove .btn-down {
position: fixed;
z-index: 9;
}
.moveup .banScroll {
opacity: 0;
visibility: hidden;
}
.moveup .banSlogan .mark,
.moveup .banSlogan .title {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.moveup .banSlogan .title {
transition-delay: 0.5s;
}
#banScrollBox {
padding-top: 100vh;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
z-index: 1; position: relative;
}
#banScrollBox .slick-slide .con {
height: 100vh;
}
.banScroll {
position: fixed;
z-index: 1;
left: 60%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: hidden;
width: 120vw;
height: 120vh;
-webkit-border-radius: 80px;
-ms-border-radius: 80px;
border-radius: 80px;
opacity: 1;
visibility: visible;
}
.mo-bg{display: none;}
@media screen and (max-width: 1920px) {
.banScroll {
-webkit-border-radius: calc(80 / 1920 * 100vw);
-ms-border-radius: calc(80 / 1920 * 100vw);
border-radius: calc(80 / 1920 * 100vw);
}
}
.banScroll .slider {
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #add8e6;
width: 100vw;
height: 100vh;
}
.banScroll .masklay {
background-color: rgba(34,87,152,0.2);
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.banSlogan {
width: 100vw;
padding-top: calc(50vh - 105px);
height: 100vh;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1920px) {
.banSlogan {
padding-top: calc(50vh - calc(105 / 1920 * 100vw));
}
}
@media screen and (max-width: 750px) {
.banSlogan {
padding-top: calc(50vh - 50px);
}
}
.banSlogan .mark {
width: 210px;
height: 210px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 45px;margin-bottom: 0;
}
@media screen and (max-width: 1920px) {
.banSlogan .mark {
width: calc(350 / 1920 * 100vw);
height: calc(350 / 1920 * 100vw);
/*margin-bottom: calc(45 / 1920 * 100vw);*/
}
}
@media screen and (max-width: 750px) {
.banSlogan .mark {
width: 105px;
height: 105px;
margin-bottom: 15px;
}
}
.banSlogan .mark img {
max-width: 100%;
max-height: 100%;
display: block;
}
.banSlogan .title {
font-size: 46px;
font-weight: normal;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
@media screen and (max-width: 1920px) {
.banSlogan .title {
font-size: calc(46 / 1920 * 100vw);
}
}
@media screen and (max-width: 750px) {
.banSlogan .title {
  font-size: 20px;
}
#banScrollBox{padding-top: 0;}
.banSlogan{padding-top: 0px;display: none;}
#banScrollBox .slick-slide .con{height: 220px;display: none;}
.banScroll{position: static;width: auto !important;height: auto !important;border-radius: 0;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}
.banScroll .slider{position: static;width: auto;height: auto;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -o-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}
.banSlogan{height: auto;}
.moveup .banScroll{opacity: 1;visibility: visible;}
.mo-bg{display: block;height: 220px;
  background-position: center;background-repeat: no-repeat;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
}

.banSlogan .mark,
.banSlogan .title {
opacity: 0;
visibility: hidden;
transition-duration: 0.35s;
}