<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width: 1680px) {}

@media (max-width: 1440px) {
    .index-right-ico-box {
        display: none;
    }
}

@media (max-width: 1366px) {}

@media (max-width: 1280px) {}

@media (max-width: 768px) {
    .part {
        padding-top: 50px;
    }
    .part .wrap {
        width: 100% !important;
        padding:0 15px;
    }
    .title {
         margin-bottom: 40px;
    } 
    .title h1{
         font-size: 20px;
    }
    .title::after {
        width: 22px;
        height: 2px;
    }
    .news-area{
        display: block;
    }
    .exhibition-area{
        display: flex;
    }
    
    .review-area{
        display: flex;
    }
    
    /*åœºé¦†ä»‹ç»*/
    .introduction-panel .main-content{
        flex-direction: column;
    }
    .introduction-panel .left-area{
        width: 100%;
        background: transparent;
    }
    .introduction-panel .left-area .block-img {
        display: block;
    }
    
    .introduction-panel .right-area{
        width: 100%;
        padding:35px 20px;
        min-height: auto;
    }
    .introduction-panel .right-area h3 {
        border-left: 2px solid #fff;
        padding-left: 10px;
        font-size: 22px;
        line-height: 1;
        margin-bottom: 26px;
    }
    .introduction-panel .right-area p {
        margin-bottom: 24px;
    }
    
    .introduction-panel .big-number {
        font-size:38px;
        justify-content: center;
    }
    .introduction-panel .info-item {
        margin-bottom: 10px;
        font-size: 14px;
        width: 25%;
        text-align: center;
    }
    .introduction-panel .info-item-big {
        width: 50%;
    }
    .introduction-panel .big-number em {
        font-size: 12px;
    }
    
    
    
    
    
    
}



















</pre></body></html>