
.o-main.md12183{width: 100%;background-color: #f3f3f3;padding: .97rem .3rem 1.02rem;}
.md12183 .o-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.md12183 .o-title{color: #000;line-height: 1;font-family: Poppins-SemiBold;margin-bottom: .54rem;position: relative;display: inline-block;}
.md12183 .o-title:after{content: "";display: inline-block;vertical-align: top;width: 0.875em;height: 0.8333em;left: -0.1em;top: -0.37em;background-image: url(/static/home/images/fly.png);background-size: 100% 100%;position: relative;}
.md12183 .o-bn{width: 100%;}
.md12183 .o-s{position: relative;display: flex;justify-content: space-between;}
.md12183 .o-box{width: 10.5rem;padding-top: 5.2rem;border-radius: .1rem;overflow: hidden;position: relative;display: block;}
.md12183 .o-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;}
.md12183 .o-box:hover .o-img{transform: scale(1.07);}
.md12183 .o-text{width: 4.5rem;padding-top: .38rem;}
.md12183 .o-date{color: #666;line-height: 1.125;margin-bottom: .23rem;}
.md12183 .o-date:before{content: "";display: inline-block;vertical-align: top;width: 1.125em;height: 1.125em;background-image: url(/static/home/images/icon-date.png);background-size: 100% 100%;margin-right: .12rem;}
.md12183 .o-tit{color: #333;line-height: 1.458;font-family: Poppins-Medium;margin-bottom: .5rem;display: block;transition: color .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.md12183 .o-tit:hover{color: #0032a0;}
.md12183 .o-tit *{line-height: inherit;}
.md12183 .o-btn{display: inline-block;vertical-align: top;padding: 0 0.2rem;border: 1px solid #0032a0;border-radius: .1rem;color: #0032a0;line-height: .52rem;transition: background-color .3s;}
.md12183 .o-btn:after{content: "";display: inline-block;vertical-align: middle;width: .75em;height: .75em;background-image: url(/static/home/images/arrow-btn.png);background-size: 100% 100%;margin-left: .56rem;}
.md12183 .o-btn:hover{background-color: #0032a0;color: #fff;}
.md12183 .o-btn:hover:after{background-image: url(/static/home/images/arrow-btn-white.png);}
.md12183 .o-bn.swiper-container-horizontal>.swiper-pagination-bullets{font-size:0;width: auto;left: auto;right: 4.5rem;bottom:0.4rem;transform: translate(100%,0);}
.md12183 .o-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.1rem 0 0;}
.md12183 .o-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin-right: 0;}
.md12183 .o-bn .swiper-pagination-bullet{width:0.1rem;height:0.1rem;background-color:#ccc;opacity:1;}
.md12183 .o-bn .swiper-pagination-bullet-active{background-color:#0032a0}
@media(max-width: 1248px){
    .md12183 .o-tit br{display: none;}
}
@media(max-width: 750px){
    .o-main.md12183{padding: .6rem .3rem;}
    .md12183 .o-title{margin-bottom: .4rem;}
    .md12183 .o-s{display: block;}
    .md12183 .o-box{width: 100%;padding-top: 49.5238%;position: relative;}
    .md12183 .o-text{width: 100%;}
    .md12183 .o-bn.swiper-container-horizontal>.swiper-pagination-bullets{position: relative;right: 0;bottom: 0;transform: translate(0,0);width: 100%;padding-top: .4rem;}
    .md12183 .o-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin-right: 0.16rem;}
    .md12183 .o-bn .swiper-pagination-bullet{width: .16rem;height: .16rem;}
    .md12183 .o-tit{margin-bottom: .3rem;}
    .md12183 .o-btn{line-height: .66rem;}
}



.p-main.md12183{width: 100%;background-color: #fff;padding: 1.1rem .3rem;}
.md12183 .p-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.md12183 .p-list{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: .6rem;}
.md12183 .p-item{display: inline-block;vertical-align: top;width: 31.25%;margin-right: 3.125%;border: 1px solid #f1f1f1;border-radius: .1rem;padding: .48rem .3rem .55rem;transition: background-color .3s,border-color .3s;}
.md12183 .p-item:nth-child(3n){margin-right: 0;}
.md12183 .p-date{color: #666;line-height: 1.125;margin-bottom: .23rem;}
.md12183 .p-date:before{content: "";display: inline-block;vertical-align: top;width: 1.125em;height: 1.125em;background-image: url(/static/home/images/icon-date.png);background-size: 100% 100%;margin-right: .12rem;}
.md12183 .p-tit{color: #333;line-height: 1.4583;height: 5.8332em;margin-bottom: .4rem;font-family: Poppins-Medium;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.md12183 .p-btn{width: 0.54rem;height: 0.54rem;border: 1px solid #0032a0;border-radius: 50%;background-image: url(/static/home/images/arrow-btn.png);background-size: .5em auto;background-repeat: no-repeat;background-position: center center;transition: all .3s;}
.md12183 .p-item:hover{background-color: #0032a0;border-color: #0032a0;}
.md12183 .p-item:hover .p-date{color: #fff;}
.md12183 .p-item:hover .p-date:before{background-image: url(/static/home/images/icon-date-white.png);}
.md12183 .p-item:hover .p-tit{color: #fff;}
.md12183 .p-item:hover .p-btn{border-color: #fff;background-color: #fff;transform: rotate(45deg);}
@media(max-width: 750px){
    .p-main.md12183{padding: .6rem .3rem;}
    .md12183 .p-list{margin-bottom: .4rem;}
    .md12183 .p-item{width: 100%;margin-right: 0;padding: .4rem .3rem;margin-bottom: .3rem;}
    .md12183 .p-item:last-child{margin-bottom: 0;}
    .md12183 .p-tit{height: auto;margin-bottom: .2rem;}
}

.pg-main{width: 100%;text-align: center;font-size: 0;}
.pg-one{display: inline-block;vertical-align: top;color: #333;min-width: .54rem;height: .54rem;line-height: .52rem;text-align: center;padding: 0 0.1rem;border-radius: 50%;border: 1px solid #f1f1f1;margin: 0 0.05rem;cursor: pointer;transition: background-color .3s,border-color .3s;}
.pg-one.active{background-color: #0032a0;color: #fff;border-color: #0032a0;}
.pg-one:hover{background-color: #0032a0;color: #fff;border-color: #0032a0;}
.pg-prev,
.pg-next{background-image: url(/static/home/images/arrow-next-black.png);background-size: 0.94117em auto;background-repeat: no-repeat;background-position: center center;}
.pg-prev{transform: rotate(180deg);}
.pg-prev:hover,
.pg-next:hover{background-image: url(/static/home/images/arrow-next-white.png);}
