*{box-sizing:border-box}body{margin:0;background:#fff;color:#333;font-family:"Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;padding:0 max(4vw,30px);display:flex;align-items:center;gap:28px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0000000a}header .brand img{height:56px;display:block}nav{display:flex;gap:22px;margin-left:auto;font-size:15px}nav a:hover{color:#ed1111}.tel{padding:11px 16px;border:1px solid #ed1111;color:#ed1111}.hero{min-height:330px;padding:95px 9vw 70px;color:#fff;background:linear-gradient(90deg,#000b,#0004),url('/uploads/2021xtp/xcp1.jpg') center/cover}.hero h1{font-size:46px;font-weight:400;margin:12px 0}.hero p{max-width:760px;color:#eee;line-height:1.9}.article{max-width:1100px;margin:auto;padding:60px 6vw 100px}.article h1{font-size:42px;font-weight:400}.article h2{font-size:28px;font-weight:400;margin-top:45px;padding-left:14px;border-left:4px solid #ed1111}.article p,.article li,.cards p{line-height:1.9;color:#666}.lead{font-size:19px!important;background:#f7f7f7;border-left:4px solid #ed1111;padding:20px}.note{background:#f7f7f7;border-top:2px solid #ed1111;padding:20px;margin:35px 0}.cards{max-width:1200px;margin:auto;padding:65px 30px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #e5e5e5;padding:30px;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0001}.card h2{font-size:24px;font-weight:400}.link{color:#ed1111}.faq{max-width:1100px;margin:auto;padding:50px 6vw 100px}.faq article{padding:26px 0;border-top:1px solid #e5e5e5}.faq h2{font-size:22px;font-weight:400}.contact{text-align:center;padding:65px 20px;background:#f5f5f5}.contact h2{font-weight:400}.contact a{display:inline-block;margin-top:15px;padding:13px 25px;background:#ed1111;color:#fff}footer{padding:42px 7vw;background:#313131;color:#bbb;display:flex;gap:50px;justify-content:space-between;line-height:1.9;font-size:13px}footer img{width:160px;height:max-content}footer p:last-child{text-align:right}@media(max-width:950px){header nav{display:none}.tel{margin-left:auto}.cards{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{height:68px;padding:0 18px}header .brand img{height:43px}.tel{font-size:12px;padding:9px}.hero{min-height:260px;padding:70px 7vw 50px}.hero h1,.article h1{font-size:33px}.cards{grid-template-columns:1fr;padding:40px 18px 70px}.article{padding:40px 7vw 70px}footer{display:block}footer p:last-child{text-align:left}}