@media screen and (min-width: 1440px){.banner{width:100%;height:640px}.banner .content{height:640px}}@media screen and (max-width: 1440px){.banner{width:100%;height:480px}.banner .content{height:480px}}.banner{position:relative;background:url(../imgs/banner-product.png) center no-repeat;background-size:cover}.banner .mask{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 51%, rgba(0,0,0,0.8) 100%);opacity:0.48}.banner .content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;z-index:2}.banner h2{font-size:60px;font-weight:bold;line-height:98px}.banner h4{margin-top:20px;font-size:28px}.title{display:flex;align-items:center;font-size:40px;font-weight:500;color:#0072EF}.title .icon{margin-right:20px;width:40px;height:40px}.introduction{padding-top:90px;background:url(../imgs/bg-4.png) center repeat}.introduction .title{padding-bottom:40px;border-bottom:1px solid #D8D8D8}.introduction .content{display:flex;justify-content:space-between}.introduction .left{width:560px;color:#3D3D3D}.introduction h1{margin-top:100px;margin-bottom:40px;font-size:36px;font-weight:500;letter-spacing:0.08em;color:#3D3D3D}.introduction p{font-size:20px;line-height:54px}.introduction .img{margin-top:30px;width:733px;height:488px}.progress{padding:90px 0 120px}.progress .table{margin:50px 0 0;width:100%;font-size:20px;line-height:2;text-align:center;background:#fff url(../imgs/bg-5.png) center no-repeat;background-size:cover}.progress thead{color:#fff;background:#0072EF}.progress th{border:1px solid #fff}.progress td,.progress th{border:1px solid #E6E6E6}.progress .center-text{text-align:center;vertical-align:middle}.progress .w1{width:150px}.progress .line{margin:0 10px;height:16px;border-radius:0px 10px 10px 0px;background:#0072EF}.progress .tips{width:100%;height:64px;font-size:26px;color:#fff;text-align:center;line-height:64px;background:linear-gradient(90deg, #0072EF 0%, #3BBAED 100%)}