.section-title{padding:80px 0;text-align:center}
.section-title .tit{color:#333;font-size:36px;margin-bottom:15px}
.section-title .subtit{color:#ccc;font-size:16px;margin-bottom:0}
.page-banner{background-image:url(../images/about/banner.png)}
.about-section{margin-bottom:100px;padding-top:100px}
.about-section h2{color:#024a96;font-size:24px;margin-bottom:20px}
.about-section .desc{padding-bottom:100px;color:#555;font-size:16px;line-height:30px;text-indent:2em}
.about-section .desc p{margin:0}
.container .wh{background-color:#f2f2f2;text-align:center;align-items:center;justify-content:center;display:flex}
.container .wh .wh-d span{font-size:30px;color:#024a96}
.container .wh .wh-d span i{margin-left:10px;font-size:14px;color:#999;font-style:normal}
.container .wh .wh-d p{margin:10px 0 0 0;font-size:18px;color:#555}
.chairman-message-section{background:url(../images/about/img5.png) no-repeat 50%;background-size:cover;color:#fff;padding-top:40px}
.chairman-message-section .content{padding-bottom:40px;padding-top:40px}
.chairman-message-section .content .dsz{}
.chairman-message-section .content .dsz .en{color:rgba(255,255,255,0.5);margin:10px 0}
.chairman-message-section .content .dsz .dsz_01{font-size:24px;padding-left:20px;line-height:50px;background-image:linear-gradient(to right,rgba(255,255,255,0.15),rgba(255,255,255,0))}
.chairman-message-section .content .dsz .dsz_01 span{font-size:16px;margin-left:20px}
.chairman-message-section .content p{margin:0}
.chairman-message-section .content .tit{color:#f1da72;font-size:20px;line-height:36px;margin-bottom:20px;margin-top:20px}
.chairman-message-section .content .desc{font-size:14px;line-height:36px;text-indent:2em}
.chairman-message-section .portrait{margin-left:100px}
.history-section .history-list{height:500px;padding-right:10px}
.history-section .history-list::-webkit-scrollbar{width:6px}
.history-section .history-list::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:6px}
.history-section .history-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:6px}
.history-section .history-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3);border-radius:6px}
.history-section .history-list::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.3);border-radius:6px}
.history-section .history-item{display:flex}
.history-section .history-item .year{font-size:18px;white-space:nowrap;width:70px}
.history-section .history-item .line{padding-top:5px;position:relative;width:20px}
.history-section .history-item .line img{background-color:#fff;display:block}
.history-section .history-item .line:after{background-color:#999;bottom:0;content:"";height:100%;left:50%;position:absolute;top:5px;transform:translateX(-50%);width:1px;z-index:-1}
.history-section .history-item .desc{color:#555;font-size:14px;line-height:24px;padding-bottom:20px;padding-left:15px}
.history-section .gallery-accordion-item .slt{width:120px;height:500px;background-repeat:no-repeat;background-position-x:center;background-position-y:center}
.history-section .gallery-accordion-item .collapse-toggle{display:block}
.history-section .gallery-accordion-item .card{display:none;border-top:none;border-bottom:none}
.history-section .gallery-accordion-item .card .card-text{font-size:14px;line-height:20px}
.history-section .gallery-accordion-item.active{flex:1}
.history-section .gallery-accordion-item.active .collapse-toggle{display:none}
.history-section .gallery-accordion-item.active .card{display:block}
.history-section .gallery-accordion .card{height:100%}
.history-section .gallery-accordion .card .card-img{height:100%;object-fit:cover;width:100%}
.history-section .gallery-accordion-content{background-color:rgba(0,0,0,.3);padding:20px}
.honor-section{background:url(../images/about/bg2.png) no-repeat 50%/cover;margin-top:80px;padding-bottom:80px}
@media (max-width:768px){
    .about-section{margin-bottom:2rem;padding-top:2rem}
    .about-section h2{text-align:center;font-size:1.4rem;margin-bottom:1rem}
    .about-section .desc{padding-bottom:2rem;font-size:1rem;line-height:1.8;text-indent:2em}
    .container .wh{padding:2rem;text-align:left;align-items:normal;justify-content:normal}
    .container .wh .wh-d span{font-size:1.6rem}
    .container .wh .wh-d span i{font-size:0.8rem}
    .container .wh .wh-d p{margin:10px 0 0 0;font-size:1rem}
    .chairman-message-section .content .dsz .dsz_01{font-size:1.2rem;padding-left:1rem;line-height:1.8}
    .chairman-message-section .content .dsz .dsz_01 span{font-size:0.8rem;margin-left:1rem}
    .chairman-message-section .content .tit{font-size:1rem;line-height:1.8;margin-bottom:1rem;margin-top:1rem}
    .chairman-message-section .content .desc{font-size:1rem;line-height:1.8;text-indent:2em}
    .history-section .gallery-accordion-content{padding:1rem}
    .history-section .gallery-accordion-item .card .card-text{font-size:0.8rem;line-height:1.6}
    .history-section .gallery-accordion-wrap{overflow-x:auto}
    .history-section .gallery-accordion .gallery-accordion-item{flex:0 0 350px}
    .history-section .gallery-accordion .gallery-accordion-item .collapse-toggle{display:none}
    .history-section .gallery-accordion .gallery-accordion-item .card{display:block}
    .history-section .history-list{overflow:visible!important;height:auto;padding-right:0}
    .honor-section{padding-bottom:2rem;margin-top:2rem}
}