.agent{padding:60px 0;}
.agent-list{background:#eef2f8; margin-top:30px; padding:30px; border-radius:10px;}
.agent-list>h2{font-size:26px; line-height: 1;}
.agent-list>ul{margin:0 -15px;}
.agent-list>ul:after{display: block; content: ''; clear: both;}
.agent-list>ul>li{float:left; width:50%; padding:0 15px; margin-top:30px;}
.agent-list>ul>li>span{display: block; background:#fff; border-radius:10px; padding: 20px;}
.agent-list>ul>li>span>h3{font-size:20px; margin-bottom:15px;}
.agent-list>ul>li>span>aside{display: block; font-size:16px; color:#686868;}
.agent-list>ul>ol{display: none;}
.agent-list>ul>ol:nth-child(2n+1){display: block; content:''; clear: both;}
@media(max-width:1200px){
.agent{padding:40px 0;}
.agent-list{margin-top:20px; padding:20px;}
.agent-list>h2{font-size:22px; line-height: 1;}
.agent-list>ul{margin:0 -10px;}
.agent-list>ul>li{padding:0 10px; margin-top:20px;}
.agent-list>ul>li>span{padding:15px;}
.agent-list>ul>li>span>h3{font-size:18px; margin-bottom:10px;}
.agent-list>ul>li>span>aside{font-size:15px;}
}
@media(max-width:991px){
.agent-list>ul>li{float:none; width:100%;}
}
@media(max-width:767px){
.agent{padding:20px 0;}
.agent-list{margin-top:10px; padding:8px; border-radius:5px;}
.agent-list>h2{font-size:18px; padding:8px 0;}
.agent-list>ul{margin:0;}
.agent-list>ul>li{padding:0; margin-top:8px;}
.agent-list>ul>li>span{padding:8px; border-radius:5px;}
.agent-list>ul>li>span>h3{font-size:16px; margin-bottom:5px;}
.agent-list>ul>li>span>aside{font-size:14px;}
}