/* <!-- 幻灯图片自适应 --> */
.pc-show,
.wap-show {
    display: none;
}
.pc-show,
.wap-show {
    display: none;
}
@media (min-width: 786px) {
    .pc-show {
        display: block;
    }
}
@media (max-width: 786px) {
    .wap-show {
        display: block;
    }
}


.four-columns-item{ position:relative; margin: 0px 0px 20px 0px;border-width:1px; border-style: solid ;text-align: center;box-shadow:0 5px 15px 0 #eee;}
.four-columns-item:after{content:"";position: absolute;left: 2%;bottom: -2px;width: 0; transition: all 300ms ease-in-out 0s;display: block;height: 5px;background: #060D33;background-image: linear-gradient(150deg, #0f88cd 0%, #060D33 100%);}
.four-columns-item .four-columns-item-img{padding:0;overflow: hidden;height:124px;text-align:center;}
.four-columns-item .four-columns-item-img a {display:block;}
.four-columns-item .four-columns-item-img img{max-width:100%;margin:0px auto;}
.four-columns-item .four-columns-item-text{padding: 20px;}
.four-columns-item .four-columns-item-text h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.four-columns-item .four-columns-item-text h4:after{margin: 20px 0 10px;content:"";display: block;height: 1px;width: 100%;background: #ccc;}
.four-columns-item .four-columns-item-text p{line-height: 24px;height: 48px;overflow: hidden;}
.four-columns-item:hover{border-color:#555;box-shadow:0 5px 15px 0 #ccc;}
.four-columns-item:hover .four-columns-item-img img{-webkit-filter: brightness(0.30);filter: brightness(0.30);}
.four-columns-item:hover:after{width: 96%;}


.so {
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 300px;
}
.so-left {
    float: left;
}
.so-right {
    float: right;
}
.so-so {
    margin-top: 20px;
}
.so-so input {
    padding: 15px;
    width: 346px;
    border: none;
}
.so-so button {
    padding: 15px 25px;
    background: #0f88cd;
    color: #fff;
    border: none;
    margin-left: -5px;
    font-size: 1.1em;
}
.so-v {
    width: 420px;
    min-height: auto;
}
@media screen and (max-width: 600px) {
    .so-so button {
        margin-left: 0px;
    }
    .visible-xs-block .so-so {
        text-align: right;
    }
}

/* 幻灯*/
.swiper-container-1 {
    width: 100%;
    height: 100%;
    background: #ccc;
}
.swiper-container-1 .slide-item {
    position: relative;
}
.swiper-container-1 .slide-item img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
}
.swiper-container-1 .swiper-button-prev-1,
.swiper-container-1 .swiper-button-next-1 {
    opacity: 0;
    position: absolute;
    top: 50%;
}
.swiper-container-1:hover .swiper-button-prev-1,
.swiper-container-1:hover .swiper-button-next-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50px + 30px);
    height: calc(50px + 30px);
    line-height: calc(50px + 30px);
    opacity: 1;
    transition: all .3s linear;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
    font-size: 50px;
    text-align: center;
    border-radius: 50px;
    color: #ffffff;
}
.swiper-container-1:hover .swiper-button-prev-1::after,
.swiper-container-1:hover .swiper-button-next-1::after {
    display: none;
}
.swiper-container-1 .slide-item-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container-1 .slide-item-text h2 {
    padding: 0;
    color: #ffffff;
    font-size: 36px;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: 1px;
    display: inline-block;
}
.swiper-container-1 .slide-item-text p {
    margin: 0px auto;
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
}
.swiper-container-1 .slide-item-text a.slide-btn {
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00b7ee;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.swiper-container-1 .slide-item-text a.slide-btn:hover,
.swiper-container-1 .slide-item-text a.slide-btn:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.swiper-container-1 .slide-item-text h2 {
    transition: all 500ms ease-in-out 1000ms;
    position: relative;
    left: 50%;
    opacity: 0;
}
.swiper-container-1 .slide-item-text p {
    transition: all 800ms ease-in-out 1500ms;
    position: relative;
    left: 50%;
    opacity: 0;
}
.swiper-container-1 .slide-item-text a {
    transition: all 1200ms ease-in-out 2000ms;
    position: relative;
    left: 25%;
    opacity: 0;
}
.swiper-container-1 .swiper-slide-active .slide-item-text h2 {
    left: 0;
    opacity: 1;
}
.swiper-container-1 .swiper-slide-active .slide-item-text p {
    left: 0;
    opacity: 1;
}
.swiper-container-1 .swiper-slide-active .slide-item-text a {
    left: 0;
    opacity: 1;
}

.swiper-container-1 .slide-item-text h2 {
    font-size: 36px;
}
.swiper-container-1 .slide-item-text p {
    font-size: 20px;
}
.swiper-container-1 .slide-item-text h2,
.swiper-container-1 .slide-item-text p {
    color: #ffffff;
}
.swiper-container-1 .slide-item-text a.slide-btn {
    background: #00b7ee;
    color: #ffffff;
}
.swiper-pagination-1 .swiper-pagination-bullet {
    width: 50px;
    height: 10px;
    background: #ffffff;
    opacity: 1;
    transition: all .3s linear;
    border-radius: 0;
}
.swiper-pagination-1 .swiper-pagination-bullet-active {
    background: #00b7ee;
}
.swiper-container-1 .swiper-button-prev-1,
.swiper-container-1 .swiper-button-next-1 {
    color: #ffffff;
    font-size: 50px;
    width: 50px;
    height: 50px;
}


.four-columns-item-13 .four-columns-item-text h4 a {
    font-size: 20px;
    color: #333333;
}
.four-columns-item-13 .four-columns-item-text h4 a:hover {
    color: #000000;
}
.four-columns-item-13 .four-columns-item-text p {
    font-size: 14px;
    color: #999999;
}
.four-columns-item-13 .four-columns-item-text p:hover {
    color: #999999;
}
.four-columns-item-13 {
    border-color: #cccccc;
}
.four-columns-item-13:hover {
    border-color: #333333;
}


.four-columns-item-14 .four-columns-item-text h4 a {
    font-size: 20px;
    color: #333333;
}
.four-columns-item-14 .four-columns-item-text h4 a:hover {
    color: #000000;
}
.four-columns-item-14 .four-columns-item-text p {
    font-size: 14px;
    color: #999999;
}
.four-columns-item-14 .four-columns-item-text p:hover {
    color: #999999;
}
.four-columns-item-14 {
    border-color: #cccccc;
}
.four-columns-item-14:hover {
    border-color: #333333;
}

.four-columns-item-15 .four-columns-item-text h4 a {
    font-size: 20px;
    color: #333333;
}
.four-columns-item-15 .four-columns-item-text h4 a:hover {
    color: #000000;
}
.four-columns-item-15 .four-columns-item-text p {
    font-size: 14px;
    color: #999999;
}
.four-columns-item-15 .four-columns-item-text p:hover {
    color: #999999;
}
.four-columns-item-15 {
    border-color: #cccccc;
}
.four-columns-item-15:hover {
    border-color: #333333;
}

.four-columns-item-16 .four-columns-item-text h4 a {
    font-size: 20px;
    color: #333333;
}
.four-columns-item-16 .four-columns-item-text h4 a:hover {
    color: #000000;
}
.four-columns-item-16 .four-columns-item-text p {
    font-size: 14px;
    color: #999999;
}
.four-columns-item-16 .four-columns-item-text p:hover {
    color: #999999;
}
.four-columns-item-16 {
    border-color: #cccccc;
}
.four-columns-item-16:hover {
    border-color: #333333;
}

.about-two-left-img-4 {
    height: 350px;
    background: $_background-color;
}
.about-two-left-img-4:hover {
    background: $_background-hover-color;
}

.about-two-right-text-5 {
    height: 350px;
    background: #06276a;
}
.about-two-right-text-5:hover {
    background: #06276a;
}
.about-two-right-text-5 h4.about-two-title a {
    font-size: 22px;
    color: #ffffff;
}
.about-two-right-text-5 h4.about-two-title a:hover {
    color: #ffffff;
}
.about-two-right-text-5 p,
.list-title-5 p {
    font-size: 14px;
    color: #ffffff;
}
.about-two-right-text-5 p:hover,
.list-title-5 p:hover {
    color: #ffffff;
}
.about-two-right-text-5 p.about-two-subtitle {
    font-size: 14px;
    color: #ffffff;
}
.about-two-right-text-5 p.about-two-subtitle:hover {
    color: #ffffff;
}
.about-two-right-text-5 .more {
    font-size: 14px;
    color: #ffffff;
    border-color: #c8a063;
    border-radius: 50px;
    background-color: #c8a063;
}
.about-two-right-text-5 .more:hover {
    color: #333333;
    border-color: #ffffff;
    background-color: #ffffff;
}

.left-pic-and-right-content-title-1 h4,
.left-pic-and-right-content-title-1 h4 a {
    color: #333333;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
    font-size: 22px;
    border-radius: 0px;
}
.left-pic-and-right-content-title-1 h4 a:hover {
    color: #000000;
    border-color: rgba(255, 255, 255, 0);
}
.left-pic-and-right-content-title-1 p {
    color: #999999;
    font-size: 14px;
}
.left-pic-and-right-content-title-1 p:hover {
    color: #999999;
}

.left-pic-and-right-content-title-ul-2 ul li a {
    color: #333333;
    border-color: #efefef;
    background-color: #f6f6f6;
    font-size: 14px;
    border-radius: 0px;
}
.left-pic-and-right-content-title-ul-2 ul li a:hover,
.left-pic-and-right-content-title-ul-2 ul li a.active {
    color: #ffffff;
    border-color: #efefef;
    background-color: #06276a;
}
.left-pic-and-right-content-title-ul-2 ul li a:before {
    background-color: #ffffff;
}
.left-pic-and-right-content-title-ul-2 ul li a:after {
    border-left-color: #ffffff;
}

.left-pic-and-right-content-left-3 .left-pic-and-right-content-item .left-pic-and-right-content-text h4,
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item .left-pic-and-right-content-text h4 a {
    color: #000000;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
    font-size: 20px;
    border-radius: 0px;
}
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item .left-pic-and-right-content-text h4 a:hover,
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item:hover .left-pic-and-right-content-text h4 a {
    color: #000000;
    border-color: rgba(255, 255, 255, 0);
}
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item .left-pic-and-right-content-text p {
    color: #000000;
    font-size: 14px;
}
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item .left-pic-and-right-content-text p:hover,
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item:hover .left-pic-and-right-content-text p {
    color: #000000;
}
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item {
    background: $_background-color;
}
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item:hover {
    background: $_background-hover-color;
}
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item .left-pic-and-right-content-text2 .more {
    border-radius: $_btn-border-radius;
    color: $_btn-text-color;
    font-size: $_btn-size;
    background: $_btn-background-color;
    border-color: $_btn-border-color;
}
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item .left-pic-and-right-content-text2 .more:hover,
.left-pic-and-right-content-left-3 .left-pic-and-right-content-item:hover .left-pic-and-right-content-text2 .more {
    border-radius: $_btn-border-hover-radius;
    color: #333;
    background: $_btn-background-hover-color;
    border-color: $_btn-border-hover-color;
}

.left-pic-and-right-content-right4 .left-pic-and-right-content-item .left-pic-and-right-content-text h4,
.left-pic-and-right-content-right4 .left-pic-and-right-content-item .left-pic-and-right-content-text h4 a {
    color: #333333;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
    font-size: 20px;
    border-radius: 0px;
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item .left-pic-and-right-content-text h4 a:hover,
.left-pic-and-right-content-right4 .left-pic-and-right-content-item:hover .left-pic-and-right-content-text h4 a {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0);
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item .left-pic-and-right-content-text p {
    color: #999999;
    font-size: 14px;
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item .left-pic-and-right-content-text p:hover,
.left-pic-and-right-content-right4 .left-pic-and-right-content-item:hover .left-pic-and-right-content-text p {
    color: #ffffff;
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item {
    background: rgba(255, 255, 255, 0);
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item:hover {
    background: #06276a;
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item .left-pic-and-right-content-text2 .more {
    border-radius: $_btn-border-radius;
    color: $_btn-text-color;
    font-size: $_btn-size;
    background: $_btn-background-color;
    border-color: $_btn-border-color;
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item .left-pic-and-right-content-text2 .more:hover,
.left-pic-and-right-content-right4 .left-pic-and-right-content-item:hover .left-pic-and-right-content-text2 .more {
    border-radius: $_btn-border-hover-radius;
    color: #333;
    background: $_btn-background-hover-color;
    border-color: $_btn-border-hover-color;
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-date h4,
.left-pic-and-right-content-right4 .left-pic-and-right-content-date p {
    color: #999999;
    font-size: 14px;
}
.left-pic-and-right-content-right4 .left-pic-and-right-content-item:hover .left-pic-and-right-content-date h4,
.left-pic-and-right-content-right4 .left-pic-and-right-content-item:hover .left-pic-and-right-content-date p {
    color: #ffffff;
}

.left-pic-and-right-content-more-5 a {
    border-radius: 0px;
    color: #333333;
    font-size: 14px;
    background: rgba(255, 255, 255, 0);
    border-color: #999999;
}
.left-pic-and-right-content-more-5 a:hover {
    color: #ffffff;
    background: #06276a;
    border-color: #06276a;
}

.contact-columns-left-1 {
    height: 344px;
    background: #ffffff;
}
.contact-columns-left-1 h4 span {
    font-size: 22px;
    color: #333333;
}
.contact-columns-left-1 h4 span:hover {
    color: #000000;
}
.contact-columns-left-1 span.subtitle {
    font-size: 14px;
    color: #dbdbdb;
}
.contact-columns-left-1 span.subtitle:hover {
    color: #dbdbdb;
}
.contact-columns-left-1 p {
    font-size: 14px;
    color: #000000;
}
.contact-columns-left-1 p:hover {
    color: #000000;
}
.contact-columns-left-1 a.more {
    font-size: 14px;
    color: #a2a2a2;
    border-color: #eeeeee;
    border-radius: 50px;
    background-color: #ffffff;
}
.contact-columns-left-1 a.more:hover,
.contact-columns-left-1:hover a.more {
    color: #ffffff;
    border-color: #06276a;
    background-color: #06276a;
}

.contact-columns-right-2 {
    height: 344px;
    background: #f1984c;
    background-image: url("//cdn.xuansiwei.com/dajia10672/template/default2020/visual/modules/common/contact-columns/images/contact-columns-right.png");
    background-size: cover;
}
.contact-columns-right a.more em {
    background-image: url("//cdn.xuansiwei.com/dajia10672/template/default2020/visual/modules/common/contact-columns/images/contact-columns-right-ico.png");
}
.contact-columns-right-2 h4 span {
    font-size: 22px;
    color: #ffffff;
}
.contact-columns-right-2 h4:span,
.contact-columns-right-2 h4 span:hover {
    color: #ffffff;
}
.contact-columns-right-2 p span {
    font-size: 30px;
    color: #ffffff;
}
.contact-columns-right-2 p span:hover,
.contact-columns-right-2 p:hover span {
    color: #ffffff;
}
.contact-columns-right-2 p:after {
    background-color: #ffffff;
}
.contact-columns-right-2 h5 {
    color: #ffffff;
}
.contact-columns-right-2 h5 span,
.contact-columns-right-2 h5 i {
    font-size: 14px;
    color: #ffffff;
}
.contact-columns-right-2 h5:hover span,
.contact-columns-right-2 h4 span:hover,
.contact-columns-right-2 h5:hover i,
.contact-columns-right-2 h4 i:hover {
    color: #ffffff;
}
.contact-columns-right-2 a.more {
    font-size: 14px;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 0px;
    background: rgba(255, 255, 255, 0);
}
.contact-columns-right-2 a.more:hover {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 0px;
    background: rgba(255, 255, 255, 0);
}

.izl-rmenu {
    position: fixed;
    right: 0;
    margin-right: 20px;
    top: 25%;
    padding-bottom: 0px;
    z-index: 999;
}
.izl-rmenu .sbtn {
    width: 50px;
    height: 50px;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}
@media (max-width: 486px) {
    .izl-rmenu {
        display: none;
    }
}
.izl-rmenu .btn-qq {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_qq.png) 0px 0px no-repeat;
    background-color: #06276a;
    color: #FFF;
}
.izl-rmenu .btn-qq:hover {
    background-color: #26c79d;
    color: #FFF;
}
.izl-rmenu .btn-qq .qq {
    background-color: #26c79d;
    position: absolute;
    width: 110px;
    left: -115px;
    top: 0px;
    line-height: 38px;
    padding: 15px 0px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: none;
    border-radius: 10px 0px 10px 0px;
    box-shadow: 0 5px 20px 0 #999;
}
.izl-rmenu .btn-qq a {
    color: #FFF;
    font-size: 14px;
}
.izl-rmenu .btn-wx {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_wx.png) 0px 0px no-repeat;
    background-color: #06276a;
}
.izl-rmenu .btn-wx:hover {
    background-color: #26c79d;
}
.izl-rmenu .btn-wx .pic {
    position: absolute;
    left: -160px;
    top: 0px;
    display: none;
    width: 140px;
    height: 140px;
    box-shadow: 0 5px 20px 0 #999;
}
.izl-rmenu .btn-phone {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_phone.png) 0px 0px no-repeat;
    background-color: #06276a;
}
.izl-rmenu .btn-phone:hover {
    background-color: #26c79d;
}
.izl-rmenu .btn-phone .phone {
    background-color: #ff811b;
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 50px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: none;
}
.izl-rmenu .btn-ali {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_ali.png) 0px 0px no-repeat;
    background-color: #06276a;
}
.izl-rmenu .btn-ali:hover {
    background-color: #26c79d;
}
.izl-rmenu a.btn-ali,
.izl-rmenu a.btn-ali:visited {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_ali.png) 0px 0px no-repeat;
    background-color: #06276a;
    text-decoration: none;
    display: block;
}

.izl-rmenu .btn-wangwang {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_wangwang.png) 0px 0px no-repeat;
    background-color: #06276a;
    background-size: 100% 100%;
}
.izl-rmenu .btn-wangwang:hover {
    background-color: #26c79d;
}
.izl-rmenu a.btn-wangwang,
.izl-rmenu a.btn-wangwang:visited {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_wangwang.png) 0px 0px no-repeat;
    background-color: #06276a;
    text-decoration: none;
    display: block;
}

.izl-rmenu .btn-skype {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_skype.png) 0px 0px no-repeat;
    background-color: #06276a;
}
.izl-rmenu .btn-skype:hover {
    background-color: #26c79d;
}
.izl-rmenu a.btn-skype,
.izl-rmenu a.btn-skype:visited {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_skype.png) 0px 0px no-repeat;
    background-color: #06276a;
    text-decoration: none;
    display: block;
}
.izl-rmenu .btn-web {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_web.png) 0px 0px no-repeat;
    background-color: #06276a;
}
.izl-rmenu a.btn-web,
.izl-rmenu a.btn-web:visited {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_web.png) 0px 0px no-repeat;
    background-color: #06276a;
    text-decoration: none;
    display: block;
}
.izl-rmenu a.btn-web:hover {
    background-color: #26c79d;
}
.izl-rmenu .btn-top {
    background: url(//cdn.xuansiwei.com/dajia10672/template/default2020/skin/images/servers/metro_blue/r_top.png) 0px 0px no-repeat;
    background-color: #06276a;
    display: none;
}
.izl-rmenu .btn-top:hover {
    background-color: #26c79d;
}


.navbar {
    padding-right: 0;
    padding-left: 0;
    position: fixed;
    top: 0px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 999999999;
    border-radius: 0;
}
body::before {
    position: relative;
    content: " ";
    display: block;
    width: 100%;
    height: 70px;
    z-index: 1;
}
@media (max-width: 769px) {
    body::before {
        height: 80px;
    }
}
@media (max-width: 468px) {
    body::before {
        height: 60px;
    }
}