.tem224-irregular .con{position:relative;width:50%;}
.tem224-irregular .con .text{display:block;width:80%;margin:auto;padding:60px 0}
.tem224-irregular .con .text .title{margin-bottom:20px;}
.tem224-irregular .con .img_box{width:100%;}
.tem224-irregular .con .img_box .img>div{width:100%;background-color:rgba(255,255,255,.4);padding:10%;margin-bottom:10%;border:5px solid;color:#333}
.tem224-irregular .con .img_box .img:last-child>div{margin-bottom:0;}
.tem224-irregular .con .img_box .img img{width:100%;}
.tem224-irregular .con .img_box .img .txt{margin-top:10%;text-align:center;}
.tem224-irregular .con .img_box .img .txt .txt_a{display:inline-block;color:inherit;margin-top:4%;}
.tem224-irregular .banner{overflow:hidden;position:relative;}
.tem224-irregular .banner .swiper-slide{position:relative;}
.tem224-irregular .banner .swiper-slide .title{position:absolute;bottom:10px;left:10px}
.tem224-irregular .banner .swiper-pagination{top:10px;left:auto;right:10px;bottom:auto;width:auto;}
@media(orientation:landscape){
    .tem224-irregular.content-left .left{float:left;padding-right:5%;}
    .tem224-irregular.content-left .right{float:right;padding-left:5%;}
    .tem224-irregular.content-right .left{float:right;padding-left:5%;}
    .tem224-irregular.content-right .right{float:left;padding-right:5%;}
    .tem224-irregular .banner .swiper-slide .title,
    .tem224-irregular .banner .swiper-pagination{opacity:0;transition:.3s}
    .tem224-irregular .banner:hover .swiper-pagination,
    .tem224-irregular .banner .swiper-slide:hover .title{opacity:1;}
    .tem224-irregular .right .img_box .img:nth-child(1)>div,
    .tem224-irregular .left .img_box .img:nth-child(2)>div{border-color:rgba(255,255,255,.6);background-color:rgba(0,0,0,.4);color:#fff;}
}
@media(orientation:portrait){
    .tem224-irregular .con{width:100%;padding:0;}
    .tem224-irregular .left{margin-bottom:15px}
    .tem224-irregular .con .text{width:100%;padding:0 0 15px;}
    .tem224-irregular .con .text .title{margin-bottom:10px;}
    .tem224-irregular .con .img_box .img>div{margin-bottom:15px;padding:15px;}
    .tem224-irregular .con .img_box .img .txt{margin-top:10px;}
    .tem224-irregular .con .img_box .img .txt .txt_a{margin-top:5px}
}
@media (max-width: 768px){
    .tem224-irregular .container{padding-left: 3%!important;padding-right: 3%!important}
}