.banner img { display: block; width: 100%; }

.who { width: 100%; min-height: 4.57143rem; background-size: 10.71429rem 3.67857rem; background: url("../images/about/we-bg.png") no-repeat center 0.625rem; padding-top: 0.89286rem; }

.who-text { font-size: 0.125rem; line-height: 0.17857rem; color: #333333; text-align: center; margin-top: 0.35714rem; }

.who-text p { margin-top: 0.14286rem; }

.can { padding-bottom: 0.89286rem; }

.can-list { display: flex; margin-top: 0.35714rem; align-items: center; justify-content: center; }

.can-list .can-item { width: 3.41071rem; height: 3.57143rem; background: #f8fafb; opacity: 1; transition: all 0.3s; margin: 0 0.11607rem; cursor: pointer; padding: 0.44643rem 0.44643rem; position: relative; overflow: hidden; }

.can-list .can-item:hover { transform: translateY(-0.03571rem); box-shadow: 0 0 0.08929rem rgba(0, 0, 0, 0.08); }

.can-list .can-item .can-title { font-size: 0.17857rem; font-weight: bold; line-height: 0.25rem; color: #222222; padding-bottom: 0.08929rem; position: relative; }

.can-list .can-item .can-title:after { content: ""; display: block; width: 0.44643rem; height: 0.00893rem; background: rgba(128, 128, 128, 0.39); position: absolute; left: 0; bottom: 0; }

.can-list .can-item .can-text { font-size: 0.125rem; line-height: 0.25rem; color: #555555; margin-top: 0.1875rem; }

.can-list .can-item .can-icon { position: absolute; right: 0; bottom: 0; }

.can-list .can-item .can-icon img { display: block; width: 1.33929rem; }

.title { text-align: center; font-size: 0.28571rem; line-height: 0.40179rem; color: #333333; font-weight: 500; }

.qual { background: url("../images/about/qual.png") center center; background-size: cover; width: 100%; height: 9.67857rem; padding-top: 0.89286rem; }

.qual .title { color: #ffffff; }

.qual .nums { display: flex; margin-top: 0.26786rem; justify-content: center; }

.qual .nums .num-item { text-align: center; width: 2.71429rem; }

.qual .nums .num-item .num { font-size: 0.625rem; font-weight: 800; line-height: 0.875rem; color: #FFFFFF; text-shadow: 0 0.02679rem 0.08929rem rgba(0, 0, 0, 0.16); position: relative; display: flex; justify-content: center; }

.qual .nums .num-item .num .add { font-size: 0.35714rem; right: 0; bottom: 0; }

.qual .nums .num-item .num .scrollNum { display: flex; justify-content: center; overflow: hidden; height: 0.875rem; }

.qual .nums .num-item .num .scrollNum .scrollNum-col { font-size: 0.625rem; transition: transform 1.5s ease-in-out; }

.qual .nums .num-item .num .scrollNum span { display: block; line-height: 0.875rem; }

.qual .nums .num-item .name { height: 0.19643rem; font-size: 0.14286rem; line-height: 0.19643rem; color: #FFFFFF; text-shadow: 0 0.02679rem 0.05357rem rgba(0, 0, 0, 0.16); opacity: 0.9; }

.qual .card { width: 10.71429rem; height: 5.44643rem; background: rgba(255, 255, 255, 0.06); border-radius: 0.08929rem; margin: 0.71429rem auto 0; padding: 0.30357rem 0.26786rem 0; }

.qual .card .awards { display: flex; align-items: center; }

.qual .card .awards .award-item { width: 25%; flex: 1; font-size: 0.14286rem; font-weight: bold; line-height: 0.21429rem; color: #FFFFFF; text-align: center; }

.qual .card .awards .award-icon { display: block; width: 0.57143rem; height: 0.57143rem; margin: 0 auto 0.26786rem; }

.qual .card .certificate { background: rgba(255, 255, 255, 0.81); border-radius: 0.08929rem; padding: 0.17857rem; margin-top: 0.42857rem; }

.qual .card .certificate img { width: 100%; display: block; }

.qual .card .certificate img:first-child { margin-bottom: 0.08929rem; }