.mn-wrap {
    width: 100%;
    height: 490px;
  overflow: hidden;    
    margin: 10px;
    position: relative;
}
.mn-swiper{
    width: 98%;
    height: 100%;
    position: initial !important;
}
.swiper-wrapper {
    -webkit-transition-timing-function: linear;    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
  }
.mn-swiper .swiper-slide a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.mn-swiper .swiper-slide{
    width: 300px !important;
    height: auto !important;overflow: hidden;
	padding: 10px;
    
   
    
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 150px;
    margin-top: 10px;
    margin-left: 26px;text-align: center;transition:all .7s ease 0s;
}
.mn-swiper .swiper-slide img{  width: 300px !important;position: absolute;bottom:0px;
    height: auto !important;box-shadow: 0px 0px 5px 1px #00000042;}
.mn-swiper .swiper-slide img:hover {

    opacity: 1;  box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.8);
-webkit-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.8);
-moz-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.8);


}
.shadow-sm img{transform: scale3D(1, 1, 1);transition: all .4s ease-in-out;width: 300px !important;box-shadow: 0px 0px 4px 1px #00000036;
    }
.shadow-sm:hover img{transform: scale3D(1.1, 1.1, 1);transition: all .4s ease-in-out; box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.8);}
.card-body{position: absolute;bottom: 0;}



.swiper-slide img{transform: scale3D(1, 1, 1);transition: all .6s ease-in-out;}
.swiper-slide:hover img{transform: scale3D(1.1, 1.1, 1);transition: all .4s ease-in-out;}
/* 左侧点击按钮 */
.mn-swiper .swiper-button-prev{
    left: 0;
    background-image: url(../img/swiper-l.png);
}
/* 右侧点击按钮 */
.mn-swiper .swiper-button-next{
    right: 0;
    background-image: url(../img/swiper-r.png);
}
.mn-swiper .swiper-button-next, .mn-swiper .swiper-button-prev{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
}
.mn-swiper .swiper-wrapper{
    width: 100%;
    margin: 0 auto;
}
.bg-o1{ background: #fdb8ca;}
.bg-o2{ background: #86d1f0;}
.bg-o3{ background: #ffc986;}
.border-1{border:2px dashed #fff ; border-radius: 10px; text-align:center;}
.btn-morebg{background: url(../img/morel.png) no-repeat right; background-size: 25px; font-size: 18px;    padding-right: 2rem;}

.dropdown-content::before {
content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    /* background: #ffffffab; */
    border: 0px solid #FF4E76;
    border-style: none none none solid;
    left: 30%;
    transform: translate(-50%, -50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #ffffff96;
    transform: rotate(0deg);
    top: -20px;
}



.nav01{position: absolute;    top: 113px;margin-left: -2%;    width: 6%;}
.nav01 .a1{display: block;width: 100%; height: 150px; background: url(../img/a1.png) no-repeat;  background-size: 95%; }
.nav01 .a1:hover{display: block;width: 100%; height: 150px; background: url(../img/a11.png) no-repeat; background-size: 95%;  }
.nav02{position: absolute;  top: 113px;margin-left:6%;    width: 10%;}
.nav02 .a2{display: block;width: 100%;height: 150px; background: url(../img/a2.png) no-repeat;    background-size: 95%;}
.nav02 .a2:hover{display: block;width: 100%; height: 150px; background: url(../img/a22.png) no-repeat;    background-size: 95%;}
.nav03{position: absolute;top: 100px;margin-left: 15%;    width: 13%;}
.nav03 .a3{display: block;width: 100%;height: 180px; background: url(../img/a3.png) no-repeat;    background-size: 90%;}
.nav03 .a3:hover{display: block;width: 100%; height: 180px; background: url(../img/a33.png) no-repeat;    background-size: 90%;}
.nav04{position: absolute;top: 120px; margin-left: 27%;    width: 8%;}
.nav04 .a4{display: block;width: 100%;height: 180px; background: url(../img/a4.png) no-repeat; background-size: 95%;  }
.nav04 .a4:hover{display: block;width: 100%; height: 180px; background: url(../img/a44.png) no-repeat;  background-size: 95%; }
.nav05{position: absolute;top: 130px; margin-left: 37%;    width: 6%;}
.nav05 .a5{display: block;width: 100%;height: 180px; background: url(../img/a5.png) no-repeat;    background-size: 95%;}
.nav05 .a5:hover{display: block;width: 100%; height: 180px; background: url(../img/a55.png) no-repeat;    background-size: 95%;}

.nav06{position: absolute;top: 110px; margin-left: 46%;    width: 6%;}
.nav06 .a6{display: block;width: 100%;height: 180px; background: url(../img/a6.png) no-repeat;    background-size: 95%;}
.nav06 .a6:hover{display: block;width: 100%; height: 180px; background: url(../img/a66.png) no-repeat;    background-size: 95%;}

 .imgbl{position: absolute;bottom: 0px;width: 300px; height: auto;}  
.imgbl img:hover {

    opacity: 1;  box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.8);
-webkit-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.8);
-moz-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.8);


}