.about .company-info{padding:var(--padding) 0}.about .company-info .container{display:flex}.about .company-info .container>div{flex:1}.about .company-info .container .title{font-weight:700}.about .company-info .container .title .cn{font-size:28px}.about .company-info .container .title .en{font-size:22px}.about .company-info .container .desc{color:#4a555e;letter-spacing:2px;line-height:1.8;text-indent:2em}.about .company-location{align-items:center;display:flex}.about .company-location .company-item{flex:1}.about .company-location .company-item .title{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center}.about .company-location .company-item:first-child .title{background-color:var(--primary-color)}.about .company-location .company-item:last-child .title{background-color:var(--secondary-color)}.about .company-location .company-item img{display:block;height:520px;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;width:100%}.about .history .history-timeline{position:relative}.about .history .history-timeline:before{background-color:#fff;bottom:0;content:"";display:block;-webkit-mask:linear-gradient(90deg,transparent,#fff);mask:linear-gradient(90deg,transparent,#fff);position:absolute;right:0;top:0;width:100px;z-index:1}.about .history .scroll{height:305px;overflow-x:auto;position:relative}.about .history .scroll ::-webkit-scrollbar{height:8px;width:5px}.about .history .scroll .timelines{display:flex;padding:8px;position:relative}.about .history .scroll .timeline-item{border-left:1px solid #003365;display:flex;flex-direction:column;height:140px;padding:0 10px;position:relative;width:185px}.about .history .scroll .timeline-item:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI0NCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDRoMTIzNiIgc3Ryb2tlPSIjQzRDNEM0IiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMC4xIDE2Ii8+PC9zdmc+);background-repeat:no-repeat;bottom:-4px;content:"";display:block;height:8px;left:15px;position:absolute;width:calc(100% - 10px);z-index:0}.about .history .scroll .timeline-item:nth-child(2n){justify-content:flex-end;transform:translateY(100%)}.about .history .scroll .timeline-item:nth-child(2n):before{bottom:inherit;top:-8px}.about .history .scroll .timeline-item:nth-child(2n):after{bottom:inherit;top:-4px}.about .history .scroll .timeline-item:before{background-color:#fff;border:4px solid var(--secondary-color);border-radius:50%;bottom:-8px;content:"";display:block;height:8px;left:-8px;position:absolute;width:8px}.about .history .scroll .timeline-item .year{font-size:22px;font-weight:700}.about .history .scroll .timeline-item .desc{color:#4a555e;font-size:14px;margin-top:5px}.about .culture .bg-wrap{margin:0 calc(var(--padding)*-1);position:relative}.about .culture .bg-wrap img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.about .culture .bg-wrap .list{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.about .culture .bg-wrap .list .item{align-items:center;color:#fff;display:flex;flex:1;flex-direction:column;height:100%;justify-content:center}.about .culture .bg-wrap .list .item+.item{border-left:1px solid hsla(0,0%,93%,.9)}.about .culture .bg-wrap .list .item .title{font-size:34px}.about .culture .bg-wrap .list .item .desc{margin-top:22px;text-align:center}@media screen and (max-width:768px){.about{margin-bottom:calc(var(--padding)*-1)}.about .company-info .container{flex-direction:column}.about .company-info .container .title .cn{font-size:16px}.about .company-info .container .title .en{font-size:14px}.about .company-info .container .desc{font-size:12px;margin-top:20px}.about .company-location{flex-direction:column}.about .company-location .company-item .title{font-size:16px;height:40px}.about .company-location .company-item img{height:260px}.about .history .container .history-timeline .scroll,.about .history .container .history-timeline .scroll .timelines{height:254px}.about .history .container .history-timeline .scroll .timelines .timeline-item{height:120px;padding:0 5px;width:120px}.about .history .container .history-timeline .scroll .timelines .timeline-item .year{font-size:16px}.about .history .container .history-timeline .scroll .timelines .timeline-item .desc{font-size:12px}.about .culture .container .bg-wrap{height:150px}.about .culture .container .bg-wrap .list{align-items:baseline}.about .culture .container .bg-wrap .list .item .title{font-size:22px}.about .culture .container .bg-wrap .list .item .desc{font-size:12px;margin-top:10px;padding:0 10px}}.top-banner{overflow:hidden;position:relative}.top-banner img{display:block;height:450px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.top-banner .container{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.top-banner .title{color:var(--primary-color);font-size:32px}.top-banner .title .en{margin-left:10px}@media screen and (max-width:768px){.top-banner img{height:240px}.top-banner .container{bottom:20px}.top-banner .title{font-size:22px}}.block-title{margin-bottom:var(--padding);margin-top:var(--padding)}.block-title .cn{font-size:26px}.block-title .en{font-size:18px}@media screen and (max-width:768px){.block-title .cn{font-size:20px}.block-title .en{font-size:14px}}