.demo{padding-bottom:80px;}
.demo>article{width:1300px;}
.demo>article>ul{margin:30px -20px 0 -20px;}
.demo>article>ul>li{float:left; width:50%; padding:0 20px; margin-top:20px;}

.demobox{border-radius:18px; overflow:hidden;}
.demobox>h2{background:#f6f8f9; line-height:58px; padding:0 30px;}
.demobox>h2>b{font-size:21px;}
.demobox>aside{height:260px; color:#fff;background:#383883; font-size:18px;  padding:30px 60px; text-shadow:0 0 4px #000;}
.demobox>aside a{color:#fff; text-shadow:0 0 4px #000;}
.demobox>aside a:hover{text-decoration:underline;}
.demobox>aside{background:url('../../upload/photo/202406/151410501.jpg'); background-size:cover;}
.demobox>aside{background:url('../../upload/photo/202406/151410501.jpg'); background-size:cover;}
.demobox>aside{background:url('../../upload/photo/202406/151410501.jpg'); background-size:cover;}
.demobox>aside{background:url('../../upload/photo/202406/151410501.jpg'); background-size:cover;}

@media(max-width:1200px){
.demo{padding-bottom:50px;}
.demo>article>ul{margin:20px -10px 0 -10px;}
.demo>article>ul>li{padding:0 10px; margin-top:10px;}
}
@media(max-width:992px){
.demo>article>ul{margin:20px 0 0;}
.demo>article>ul>li{float:none; width:auto; padding:0;}
}