.media{width:100%;height:auto;overflow:hidden}
.media .title{font-size:.7rem;line-height:.7rem;text-align:center}
.media .title-sub{font-size:.35rem;line-height:.35rem;text-align:center}
.media .media-list-1{display:flex;justify-content:space-between}
.media .media-list-1 .media-item{position:relative;overflow:hidden;margin-right:.2rem}
.media .media-list-1 .media-item:last-child{margin-right:0}
.media .media-list-1 .media-item img{width:100%}
.media .media-list-2{width:100%;height:auto;overflow:hidden}
.media .media-list-2 .media-item{position:relative;overflow:hidden;margin-right:.1rem;margin-bottom:.2rem;width:calc(50% - .1rem);float:left}
.media .media-list-2 .media-item:nth-child(even){margin-right:0;width:calc(50% - .1rem);margin-left:.1rem}
.media .media-list-2 .media-item img{width:100%;height:100%}
.media-layout{width:100%;height:auto;overflow:hidden}
.media-layout .container{margin:.96rem auto}
.media-layout:nth-child(odd){background:#ecf2f9}
.media-layout .layout-item{width:calc(33.33% - .32rem);float:left;margin-right:.32rem}
.item-img{width:100%;margin-bottom:1.12rem}
.item-img img{width:100%}
.item-text .text-title{font-size:.21rem}
.item-text .text-p{font-size:.16rem;line-height:.24rem}
.item-img-s{height:1.26rem}
.item-img-s img{max-height:100%;max-width:100%}
.pop-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.62);z-index:100;display:none}
.pop-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:12rem;height:auto;background:#fff;padding:1.28rem .64rem;z-index:101;display:none}
.box-close{position:absolute;top:0;right:-.95rem;width:.95rem;height:.95rem;background:url(../png/close.png) no-repeat;background-size:cover;cursor:pointer}
.box-title{font-size:.7rem;line-height:.7rem;margin-bottom:.24rem;text-align:center}
.box-title-sub{font-size:.35rem;line-height:.35rem;margin-bottom:1.6rem;text-align:center}
.box-con p{font-size:.16rem;line-height:.26rem}
.box-con p img{max-width:100%!important;display:block;margin:0 auto;text-align:center;vertical-align:middle}
@media screen and (max-width:1024px) and (min-width:1px){
  .box-close{right:0}
  .media-layout .container{flex-wrap:wrap;display:flex}
  .media-layout .layout-item{width:calc(50% - .32rem);float:left;margin-right:.32rem;margin-bottom:.64rem}
  .item-img{width:100%;margin-bottom:.48rem}
  .item-text .text-title{font-size:.3rem}
  .item-text .text-p{font-size:.26rem;line-height:.36rem}
  .pop-box{width:7rem}
}