.our-exhibition>.l-wrap{max-width:100%;padding:0}
.exhibition .page-dev{display:flex;line-height:1;margin:15px 0 25px;justify-content:center}
.exhibition .page1 .exhibition-title{font-weight:500;font-size:28px;line-height:1.4;text-align:center}
.exhibition .page1 .page1-contant{display:flex;justify-content:space-between;flex-wrap:wrap}
.exhibition .page1-box{width:32%;background:#fff;box-shadow:0 0 35px 0 rgba(255,162,241,.23);border-radius:10px;overflow:hidden;margin-bottom:2%;transition:all .1s ease-in-out}
.exhibition .page1-images{position:relative;overflow:hidden}
.exhibition .page1-images::after{position:absolute;content:'';width:100%;height:100%;left:0;bottom:-95%;background:#875ed4;border-radius:100%;transform:scale(1.5);opacity:.8;z-index:0;transition:all .3s ease-in-out}
.exhibition .page1-tit{position:absolute;bottom:0;width:100%;z-index:2;text-align:center;font-size:18px;color:#fff;height:20%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;padding: 0 25px;}
.exhibition .page1-text p{font-size:17px;color:#555;line-height:27px}
.exhibition .page1-con{padding:40px 30px;position:relative}
.exhibition .page1-time{display:flex;background:#ff679a;box-shadow:0 6px 9px 0 rgba(135,94,212,.43);border-radius:26px;position:absolute;color:#fff;top:0;left:50%;transform:translate(-50%,-50%) scale(0);padding:16px 35px;white-space:nowrap;line-height:1;align-items:center;opacity:0;transition:all .3s ease-in-out}
.exhibition .page1-time em{font-size:22px;width:22px;margin-right:10px}
.exhibition .page1-time p{font-size:18px}
.exhibition .page1-box:hover{transform:scale(1.05)}
.exhibition .page1-box:hover .page1-time{transform:translate(-50%,-50%) scale(1);opacity:1}
.exhibition .page1-box:hover .page1-tit{height:35%;}
.exhibition .page1-box:hover .page1-images::after{bottom:-85%}
.exhibition .page2 .foot-message .l-wrap{display:flex;align-items:center}
.exhibition .page2 .foot-message{margin-bottom:-160px}
.exhibition .page2 .foot-message-contant{color:#555;line-height:30px}
.exhibition .page2 .foot-message-contant ul li{position:relative;padding-left:25px}
.exhibition .page2 .foot-message-contant ul li::after{position:absolute;content:'';width:17px;height:17px;background:#fff;border-radius:100%;left:0;top:6px;border:1px solid #ffa2f1}
.exhibition .page2 .foot-message-contant ul li::before{position:absolute;content:'';width:10px;height:10px;background:#ffa2f1;border-radius:100%;left:4.5px;top:10px;z-index:3}
@media (max-width:1366px) {.exhibition .page1-con{padding: 30px 20px 20px;}
.exhibition .page1-images::after{bottom: -80%;}
.exhibition .page1-tit{font-size: 16px;height: 35%;line-height: 1.25;}
.exhibition .page1-time{padding: 12px 30px;}
.exhibition .page1-time p{font-size: 14px;}
.exhibition .page1-time em{font-size: 18px;width: 18px;}
.exhibition .page1-text p {font-size: 16px;line-height: 1.6;}
.exhibition .foot-message .foot-message-title{font-size: 28px;}}
@media (max-width:1024px){.exhibition .page2 .foot-message .l-wrap{flex-direction:column;padding-top:20px}
.exhibition .page2 .foot-message .left{width:100%;padding:0;margin-bottom:20px}
.exhibition .page1-box{width: 49%;}
.exhibition .page1-box:hover{transform: scale(1);}
.exhibition .page1-images::after{bottom: -90%;}
.exhibition .page1-tit{height: 25%;}
.exhibition .foot-message .right{width: 100%;}
.exhibition .foot-message .foot-message-title{font-size: 24px;}}
@media (max-width:768px){.exhibition .page1 .exhibition-title{font-size: 24px;}
.exhibition .page2 .foot-message .l-wrap{padding-top:0}
.exhibition .page2 .foot-message .foot-message-title{font-size:24px}
.exhibition .page2 .foot-message .message-box-title img{height:30px}
.exhibition .page2 .foot-message .message-box{padding:40px 20px}
.exhibition .page1-tit{font-size: 14px;}}
@media (max-width:550px) {.exhibition .page1 .exhibition-title {font-size: 22px;}
.exhibition .page1-box {width: 100%;}
.exhibition .page2 .foot-message .foot-message-title{font-size: 20px;}}