.md12217.y-main{width: 100%;background-color: #fff;padding: 1rem .3rem;}
.md12217 .y-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.md12217 .y-top{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.md12217 .y-text{width: 6.5rem;}
.md12217 .y-title{display: inline-block;vertical-align: top;line-height: 1.3958;color: #000;font-family: Poppins-SemiBold;margin-bottom: .3rem;}
.md12217 .y-title:after{content: "";display: inline-block;vertical-align: top;width: 0.875em;height: 0.8333em;left: -0.1em;top: -0.12em;background-image: url(/static/home/images/fly.png);background-size: 100% 100%;position: relative;}
.md12217 .y-intro{color: #333;line-height: 2;font-family: Poppins-Medium;}
.md12217 .y-box{width: 8rem;border-radius: .1rem;overflow: hidden;}
.md12217 .y-img{width: 100%;vertical-align: top;}
.md12217 .y-bn-wrap{width: calc(100% + 0.6rem);margin-left: -0.3rem;padding: 0 0.1rem;overflow: hidden;}
.md12217 .y-bn{width: 100%;padding-top: .8rem;padding-bottom: .6rem;overflow: visible;}
.md12217 .y-s{position: relative;padding: 0 .2rem;transition: visibility .3s,opacity .3s;}
.md12217 .y-s.swiper-slide-prev{visibility: hidden;opacity: 0;}
.md12217 .y-s.swiper-slide-next +.y-s +.y-s +.y-s{visibility: hidden;opacity: 0;}
.md12217 .y-link{display: block;width: 100%;height: 100%;box-shadow: 0 0 0.3rem rgba(9,21,46,0.1);border-radius: .1rem;padding: .4rem .3rem .66rem;}
.md12217 .y-bn .swiper-wrapper{align-items: stretch;}
.md12217 .y-icon-box{width: 100%;height: .35rem;margin-bottom: .25rem;}
.md12217 .y-icon{height: 100%;vertical-align: top;}
.md12217 .y-tit{color: #333;line-height: 1.55;min-height: 3.1em;font-family: Poppins-SemiBold;}
.md12217 .y-cont{color: #666;line-height: 1.357;padding-top: .31rem;border-top: 1px solid #f1f1f1;margin-top: 0.26rem;}
.md12217 .y-cont p{padding-left: 1.07em;position: relative;margin-bottom: .1rem;}
.md12217 .y-cont p:last-child{margin-bottom: 0;}
.md12217 .y-cont p:before{content: "";display: inline-block;width: 0.42857em;height: 0.42857em;background-color: #0032a0;border-radius: 50%;position: absolute;left: 0;top: 0.464em;}
.md12217 .y-bot{width: 100%;max-width: 16rem;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.md12217 .y-bar{flex: 1;height: .04rem;background-color: #ccc;display: block !important;}
.md12217 .y-bar .swiper-scrollbar-drag{background-color: #0032a0;border-radius: 0;}
.md12217 .y-btns{font-size: 0;width: 1.5rem;text-align: right;}
.md12217 .y-btn{display: inline-block;vertical-align: top;width: .54rem;height: .54rem;border: 1px solid #0032a0;border-radius: 50%;margin-left: .2rem;transition: background-color .3s;cursor: pointer;background-image: url(/static/home/images/arrow-next.png);background-size: .17rem auto;background-repeat: no-repeat;background-position: center center;}
.md12217 .y-btn:first-child{margin-left: 0;}
.md12217 .y-prev{transform: rotate(180deg);}
.md12217 .y-btn:hover{background-color: #0032a0;background-image: url(/static/home/images/arrow-next-white.png);}
@media(max-width: 778px){
    .md12217 .y-bot{padding: 0 0.2rem;max-width: 100%;}
}
@media(max-width: 750px){
    .md12217.y-main{padding: .6rem .3rem;}
    .md12217 .y-top{display: block;}
    .md12217 .y-text{width: 100%;margin-bottom: .3rem;}
    .md12217 .y-box{width: 100%;}
    .md12217 .y-title{font-size: .36rem;margin-bottom: .4rem;width: 100%;text-align: center;}
    .md12217 .y-bn{padding-top: .6rem;padding-bottom: .4rem;}
    .md12217 .y-bn-wrap{padding: 0 0.15rem;}
    .md12217 .y-s{padding: 0 0.15rem;}
    .md12217 .y-intro{line-height: 1.722;}
}
.md12217.z-main{width: 100%;position: relative;cursor: pointer;}
.md12217 .z-video{width: 100%;vertical-align: top;opacity: 0;}
.md12217 .z-poster{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.md12217 .z-mid{width: 100%;text-align: center;position: absolute;left: 0;top: 50%;cursor: pointer;z-index: 12;transform: translate(0,-50%);}
.md12217 .z-tit{color: #fff;line-height: 1;font-family: Poppins-SemiBold;margin-bottom: .54rem;}
.md12217 .z-play{width: 1.2rem;height: 1.2rem;background-image: url(../images/solution-civil-1-play.png);background-size: 100% 100%;border-radius: 50%;transition: all .3s;display: inline-block;vertical-align: top;}
.md12217.z-main.show .z-poster{display: none;}
.md12217.z-main.show .z-mid{display: none;}
.md12217.z-main.show .z-video{opacity: 1;}
@media(max-width: 750px){
    .md12217 .z-tit{margin-bottom: .3rem;}
}

.md12218.aa-main{width: 100%;background-color: #f7f7f7;padding: .97rem .3rem .8rem;position: relative;}
.md12218 .aa-target{width:100%;position: absolute;left: 0;top: -0.91rem;}
.md12218 .aa-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.md12218 .aa-hd{text-align: center;}
.md12218 .aa-title{color: #000;line-height: 1;font-family: Poppins-SemiBold;margin-bottom: .64rem;position: relative;display: inline-block;}
.md12218 .aa-title:after{content: "";display: inline-block;width: 0.875em;height: 0.8333em;right: -0.77em;top: -0.37em;background-image: url(/static/home/images/fly.png);background-size: 100% 100%;position: absolute;}
.md12218 .aa-big{width: 100%;padding-left: 1rem;margin-bottom: 0.2rem;background-color: #fff;display: flex;justify-content: space-between;align-items: center;border-radius: 0.1rem;}
.md12218 .aa-text{width: 37.5%;}
.md12218 .aa-box{display: block;width: calc(50% - 0.1rem);height: 5.2rem;position: relative;overflow: hidden;}
.md12218 .aa-tit{display: block;color: #000;line-height: 1.2777;padding-bottom: .32rem;border-bottom: 1px solid #f1f1f1;font-family: Poppins-SemiBold;transition: color .3s;}
.md12218 .aa-tit:hover{color: #0032a0;}
.md12218 .aa-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 80%;max-height: 80%;object-fit: contain;transition: transform 0.5s ease 0s;}
.md12218 .aa-box:hover .aa-img{transform: translate(-50%,-50%) scale(1.07);}
.md12218 .aa-intro{color: #666;line-height: 2;margin-top: .27rem;margin-bottom: .52rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.md12218 .aa-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;}
.md12218 .aa-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;}
.md12218 .aa-btn:hover{background-color: #0032a0;color: #fff;}
.md12218 .aa-btn:hover:after{background-image: url(/static/home/images/arrow-btn-white.png);}
.md12218 .aa-list{width: 100%;display: flex;flex-wrap: wrap;}
.md12218 .aa-item{width: calc(50% - 0.1rem);margin-right: 0.2rem;margin-bottom: 0.2rem;background-color: #fff;border-radius: 0.1rem;font-size: 0;overflow: hidden;}
.md12218 .aa-item:nth-child(2n){margin-right: 0;}
.md12218 .aa-txt{width: 49.37%;display: inline-block;vertical-align: middle;padding: 0 0.4rem;}
.md12218 .aa-wrap{width: 50.63%;height: 3.2rem;display: inline-block;vertical-align: middle;position: relative;overflow: hidden;}
.md12218 .aa-pic{width: 100%;height: 100%;object-fit: cover;vertical-align: top;transition: all 0.5s ease 0s;}
.md12218 .aa-t{display: block;width: 100%;color: #333;line-height: 1.29;min-height: 2.58em;margin-bottom: .39rem;transition: color .3s;font-family: Poppins-Medium;}
.md12218 .aa-t:hover{color: #0032a0;}
.md12218 .aa-wrap:hover .aa-pic{transform: scale(1.07);}
@media(max-width: 750px){
    .md12218.aa-main{padding: .6rem .3rem;}
    .md12218 .aa-title{margin-bottom: .4rem;}
    .md12218 .aa-big{padding: .4rem 0;}
    .md12218 .aa-text{width: 50%;padding-left: .2rem;}
    .md12218 .aa-box{width: 50%;height: auto;text-align: center;padding: 0 0.2rem;}
    .md12218 .aa-img{position: relative;left: 0;top: 0;transform: translate(0,0);width: 100%;max-width: none;max-height: none;height: auto;}
    .md12218 .aa-box:hover .aa-img{transform: translate(0,0) scale(1.07);}
    .md12218 .aa-item{width: 100%;margin-right: 0;}
    .md12218 .aa-item:last-child{margin-bottom: 0;}
    .md12218 .aa-txt{padding: 0 0.2rem;width: 50%;}
    .md12218 .aa-wrap{width: 50%;height: 2.76rem;}
    .md12218 .aa-t{margin-bottom: 0.2rem;}
    .md12218 .aa-tit{line-height: 1.3;padding-bottom: .2rem;}
    .md12218 .aa-intro{line-height: 1.5;margin-bottom: .2rem;margin-top: .2rem;}

}