﻿#exhibition{background:#FAFAFA;padding:80px 0}
#exhibition .l-wrap{max-width:1130px;}
.exhibition-list{margin-top:20px}
.exhibition-list li{border-radius:15px;margin-top:15px;background:#fff;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:20px 30px 20px 50px;}
.exhibition-list li .exhibition-pic img{object-fit:contain;width:220px;display:block;aspect-ratio:2/1;}
.exhibition-list li .exhibition-info{flex:1;max-width:450px;margin:0 auto 0 40px;color:#111;}
.exhibition-list li .exhibition-btn{margin-left:30px}
.exhibition-list li .exhibition-btn a{display:block;text-transform:uppercase;font-weight:bold;background:var(--color);border-radius:50px;color:#fff;padding:10px 30px;font-size:14px;transition:.3s}
.exhibition-list li .exhibition-btn a:hover{background:#f47920}
.exhibition-list li .exhibition-info div{font-weight:bold;font-size:18px;line-height:1.2;}
.exhibition-list li .exhibition-info p:nth-child(2){font-size:14px;margin-top:5px}
.exhibition-list li .exhibition-info p:nth-child(3){margin-top:10px;font-size:14px}
/*@media (max-width:1280px){.exhibition-list li{padding:20px 30px}
.exhibition-list li .exhibition-pic img{width:200px;}
.exhibition-list li .exhibition-info{max-width:400px;margin:0 auto 0 40px;}
.exhibition-list li .exhibition-btn a{padding:12px 40px;font-size:16px;}
.exhibition-list li .exhibition-info div{font-size:26px;}
.exhibition-list li .exhibition-info p:nth-child(2){font-size:20px}
.exhibition-list li .exhibition-info p:nth-child(3){margin-top:6px;font-size:16px}}
@media (max-width:1024px){.exhibition-list li{padding:20px 20px}
.exhibition-list li .exhibition-pic img{width:170px;}
.exhibition-list li .exhibition-info{max-width:400px;margin:0 auto 0 30px;}
.exhibition-list li .exhibition-btn{margin-left:20px}
.exhibition-list li .exhibition-btn a{padding:10px 30px;font-size:14px;}
.exhibition-list li .exhibition-info div{font-size:24px;}
.exhibition-list li .exhibition-info p:nth-child(2){font-size:18px}
.exhibition-list li .exhibition-info p:nth-child(3){margin-top:6px;font-size:14px}}*/
@media (max-width:768px){#exhibition{padding:40px 0}
.exhibition-list li{padding:15px 20px;flex-wrap:wrap}
.exhibition-list li .exhibition-pic img{width:130px;}
.exhibition-list li .exhibition-info{max-width:inherit;}
.exhibition-list li .exhibition-btn{width:100%;display:flex;justify-content:center;margin:15px 0 0}}
@media (max-width:550px){.exhibition-list li{padding:15px;}
.exhibition-list li .exhibition-pic img{width:100px;}
.exhibition-list li .exhibition-info{margin-left:12px}
.exhibition-list li .exhibition-info div{font-size:20px;}
.exhibition-list li .exhibition-info p:nth-child(2){font-size:16px}
.exhibition-list li .exhibition-info p:nth-child(3){margin-top:4px;font-size:13px}}
.exhibition-list{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}
.exhibition-pic{min-width:20%}
.exhibition-list li{flex-wrap: wrap;width:100%;margin-right:0;padding:2%}
.exhibition-list li .exhibition-btn{margin-left:260px;margin-top:10px}
.exhibition-list li .exhibition-info{width:100%;max-width:unset}
@media (max-width:1024px){.exhibition-list{grid-template-columns:repeat(1,1fr)}
.exhibition-list li .exhibition-btn{margin-left:20px}}
@media (max-width:768px){.exhibition-list li .exhibition-btn{margin-left:0}}