.brand-story .story-banner{position:relative;height:500px;width:100%}.brand-story .story-banner.header-banner{background:url(/hqqt-static/img/header-banner.ssr.ea3458.png?v=1762249256536) top no-repeat}.brand-story .story-banner.banner1{background:url(/hqqt-static/img/banner-1.ssr.ddd61e.png?v=1762249256536) top no-repeat}.brand-story .story-banner.banner2{background:url(/hqqt-static/img/banner-2.ssr.291667.png?v=1762249256536) top no-repeat}.brand-story .story-label{text-align:center;font-size:24px;line-height:24px;font-style:italic;color:#fff;padding:167px 0 33px}.brand-story .story-title{position:relative;font-weight:800;font-size:60px;line-height:60px;text-align:center;color:#fff;padding-bottom:38px;text-shadow:0 0 43px rgba(41,194,59,.21)}.brand-story .story-title:before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-3px;width:78px;height:6px;background:#fff}.brand-story .story-introduce{position:relative;margin:105px auto;width:1306px;min-height:742px;background:url(/hqqt-static/img/bg-1.ssr.9405cb.png?v=1762249256536) top no-repeat}.brand-story .story-introduce img{width:198px;margin-bottom:20px}.brand-story .story-introduce .story-introduce-info{position:absolute;top:113px;right:61px;border-radius:5px;padding:58px 68px 20px;font-size:14px;color:#3a3b3c;width:590px;height:639px;background:#fff;box-shadow:0 0 29px 0 hsla(0,0%,61.2%,.14);border-radius:10px}.brand-story .story-introduce .story-introduce-info div{position:relative;margin-bottom:20px;line-height:25px}.brand-story .story-introduce .story-introduce-info div.first{padding-top:24px}.brand-story .story-introduce .story-introduce-info div.first:before{content:"";position:absolute;top:0;width:86px;height:3px;background:#4ae284}.brand-story .story-process{position:relative;margin:-500px auto 56px;padding-top:500px;height:1724px;background:url(/hqqt-static/img/bg-2.ssr.a3bbaf.png?v=1762249256536) 50% no-repeat;background-size:2560px 1724px}.brand-story .story-process .story-process-item{display:flex;justify-content:center;align-items:flex-start;width:1180px;padding:10px;margin:36px auto}.brand-story .story-process .story-process-item .story-process-item-card{position:relative;width:494px;min-height:159px;background:#fff;box-shadow:0 0 29px 0 hsla(0,0%,61.2%,.14);border-radius:10px;padding:40px 42px}.brand-story .story-process .story-process-item .story-process-item-card .story-process-item-card-title{font-size:30px;color:#3a3b3c;line-height:30px;margin-bottom:23px}.brand-story .story-process .story-process-item .story-process-item-card .story-process-item-card-label{z-index:1;position:relative;font-size:18px;line-height:30px;font-weight:400;color:#787878}.brand-story .story-process .story-process-item .story-process-item-card .story-process-item-card-number{z-index:0;position:absolute;right:0;bottom:0;width:173px;height:159px}.brand-story .story-process .story-process-item .story-process-item-line{width:494px}.brand-story .story-process .story-process-item .story-process-item-date{margin:0 55px}.brand-story .story-process .story-process-item .story-process-item-date div{position:relative;font-size:25px;color:#48de83}.brand-story .story-process .story-process-item .story-process-item-date div:last-child{color:#11d6e1;padding-top:92px}.brand-story .story-process .story-process-item .story-process-item-date div:last-child:before{content:"";position:absolute;left:50%;top:17px;transform:translateX(-50%);height:61px;width:2px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAA9CAMAAACwREhuAAAAeFBMVEVB/8Ax3NpC7bVG9LpD77VH86s/6r5L+KM86MM24c9N+Z9Q/ZpP+5s55co34c5O+Z5S/pg75sQ139JM+aI96b8z3NhK9adB7Lkx2ttH86xC77Qv2eBE77JE8a4v295B7bVI9agy3tg549k548Y139Q13tM55ck65MeepxlYAAAAKHRSTlMC8SAL9PPs6uLd3dLOy7u4srCgnZWFg3lqZ2BRT0ZFOTAuGxLp6dXTd52OkAAAAHFJREFUCNctzUUOxDAUBNEK2A4zMwzc/4bRV1yrt2k1RcFbHJMk1nlOFOF54rrGGFxX3HUow3GIxxGlWFfxsuD7TJN43/E1fQ/ISmuaRnzfBAFlydvvT5paZxlhaO+qiu+H6xK3LY7DeYqHQbxt4nl+AMsHBaX9MqHiAAAAAElFTkSuQmCC) 50% no-repeat}.brand-story .story-mission{padding-top:171px;padding-bottom:152px}.brand-story .story-mission .story-mission-desc{width:900px;text-align:center;font-size:20px;color:#3a3b3c;line-height:40px;margin:0 auto 16px}.brand-story .story-mission .story-mission-card{display:flex;justify-content:center;align-items:flex-start;padding-top:120px}.brand-story .story-mission .story-mission-card .story-mission-card-item{margin:0 10px;width:369px;height:326px;background:#fff;box-shadow:0 0 29px 0 hsla(0,0%,61.2%,.14);border-radius:10px;text-align:center;overflow:hidden}.brand-story .story-mission .story-mission-card .story-mission-card-item .story-mission-card-item-banner{display:block;width:100%;margin-bottom:40px}.brand-story .story-mission .story-mission-card .story-mission-card-item .story-mission-card-item-title{position:relative;font-weight:700;font-size:30px;line-height:30px;color:#3a3b3c;padding-bottom:18px;margin-bottom:29px}.brand-story .story-mission .story-mission-card .story-mission-card-item .story-mission-card-item-title:before{content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);width:23px;height:4px;background:linear-gradient(35deg,#52fe96,#2dd7e2)}.brand-story .story-mission .story-mission-card .story-mission-card-item .story-mission-card-item-label{color:#3a3b3c;font-size:17px;line-height:30px}.brand-story .title-line{position:relative}.brand-story .title-line:before{content:"";position:absolute;top:88px;left:50%;width:89px;height:4px;transform:translateX(-50%);background:linear-gradient(35deg,#52fe96,#2dd7e2)}.brand-story .story-profession{position:relative;height:800px;padding-top:163px}.brand-story .story-profession .story-profession-desc{margin:0 auto;text-align:center;width:920px;letter-spacing:1px;font-size:20px;color:#3a3b3c;line-height:39px}.brand-story .story-profession .story-profession-card{display:flex;justify-content:center;align-items:flex-start;text-align:center;z-index:2;position:relative;margin-top:178px}.brand-story .story-profession .story-profession-card .story-profession-card-item{position:relative;width:225px;height:638px;background:#fff;margin:0 7px;box-shadow:0 0 29px 0 hsla(0,0%,61.2%,.14);border-radius:10px}.brand-story .story-profession .story-profession-card .story-profession-card-item .story-profession-card-item-number{display:flex;justify-content:center;align-items:center;width:113px;height:115px;font-size:56px;color:#fff;background:#4ee38a;box-shadow:0 0 29px 0 rgba(78,227,138,.41);border-top-right-radius:50%;border-bottom-right-radius:50%}.brand-story .story-profession .story-profession-card .story-profession-card-item:nth-of-type(2) .story-profession-card-item-number{background:#4ee38a}.brand-story .story-profession .story-profession-card .story-profession-card-item:nth-of-type(3) .story-profession-card-item-number{background:#43ddbb}.brand-story .story-profession .story-profession-card .story-profession-card-item:nth-of-type(4) .story-profession-card-item-number{background:#4ee3d7}.brand-story .story-profession .story-profession-card .story-profession-card-item:nth-of-type(5) .story-profession-card-item-number{background:#4ecce3}.brand-story .story-profession .story-profession-card .story-profession-card-item .story-profession-card-item-title{font-weight:700;font-size:30px;color:#3a3b3c;padding:59px 0 31px}.brand-story .story-profession .story-profession-card .story-profession-card-item .story-profession-card-item-label{font-size:17px;line-height:30px;color:#3a3b3c}.brand-story .story-profession .story-profession-card .story-profession-card-item .story-profession-card-item-icon{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);height:67px;width:67px}.brand-story .story-gradient{width:100%;height:732px;background:linear-gradient(35deg,#d7ffe7,#c4feff 99%);border-radius:10px}.brand-story .story-footer{position:relative;height:480px}.brand-story .story-footer .story-swiper-wrap{position:relative;margin:-168px auto 0;width:1200px;padding:10px;height:370px;overflow:hidden}.brand-story .story-footer .story-swiper-wrap .story-info{position:relative}.brand-story .story-footer .story-swiper-wrap .story-info .story-info-card{z-index:1;position:relative;width:1060px;height:296px;background:#fff;border-radius:10px;padding-left:146px}.brand-story .story-footer .story-swiper-wrap .story-info .story-info-card .story-info-card-icon{position:absolute;top:80px;left:160px;width:32px;height:32px}.brand-story .story-footer .story-swiper-wrap .story-info .story-info-card .story-info-card-title{color:#3a3b3c;font-size:30px;line-height:30px;margin-bottom:42px;font-weight:700;padding:79px 65px 0}.brand-story .story-footer .story-swiper-wrap .story-info .story-info-card .story-info-card-label{color:#838383;font-size:16px;line-height:30px;width:510px}.brand-story .story-footer .story-swiper-wrap .story-info .story-info-banner{z-index:3;position:absolute;top:70px;right:-120px;width:433px;height:295px}.brand-story .story-footer .story-swiper-wrap .story-info-shadow{position:absolute;top:10px;left:10px;z-index:0;height:296px;width:1060px;box-shadow:0 0 16px 0 hsla(0,0%,61.2%,.14)}.brand-story .story-footer .story-swiper-wrap .swiper-pagination{top:100px;left:55px}.brand-story .story-footer .story-swiper-wrap .swiper-pagination .swiper-pagination-bullet{display:block;height:9px;width:9px;margin-bottom:9px;background:#defffc;opacity:1}.brand-story .story-footer .story-swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#57f194}