@media screen and (min-width: 1440px){.banner,.swiper-container{width:100%;height:976px}.banner .content{height:976px}}@media screen and (max-width: 1440px){html,body{width:1440px;overflow-x:hidden}.banner,.swiper-container{width:100%;height:732px}.banner .content{height:732px}}.banner .banner-1{background:url(../imgs/banner-1.jpg) center no-repeat;background-size:cover}.banner .banner-2{background:url(../imgs/banner-2.jpg) center no-repeat;background-size:cover}.banner .swiper-slide{position:relative}.banner .swiper-slide .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;padding-top:80px;box-sizing:border-box;color:#fff;z-index:2}.banner h2{font-size:60px;font-weight:bold;line-height:98px;font-family:'Source Han Sans'}.banner h4{margin-top:20px;font-size:28px;font-family:'Source Han Sans'}.banner .btn{display:flex;align-items:center;justify-content:center;margin-top:80px;margin-left:18px;width:150px;height:60px;font-size:18px;color:#fff;transform:skewX(-15deg) !important;border:2px solid #fff;border-radius:15px 5px 15px 0}.banner .btn .arrow{width:30px;height:30px;transition:all 0.5s}.banner .btn:hover .arrow{margin-left:20px}.banner .swiper-container{--swiper-pagination-color:#fff}.about{padding:210px 0;background:#fff url(../imgs/bg-1.png) center no-repeat;background-size:cover}.about .container{display:flex;align-items:center;justify-content:space-between}.about .left{width:600px;color:#3D3D3D}.about h1{font-size:40px;font-weight:500;line-height:normal;letter-spacing:0.08em;color:#3D3D3D}.about .items{display:flex;margin:32px 0}.about .items .item{display:flex;flex-direction:column;margin-right:66px;font-size:16px}.about .items .item .val{margin-bottom:12px;font-size:40px;color:#0072EF;font-family:'YouSheBiaoTiHei'}.about h2{margin-bottom:30px;font-size:24px;font-weight:500;color:#3D3D3D}.about p{margin-top:20px;font-size:18px;line-height:36px}.about .img{width:616px;height:446px}.line{padding:80px 0;background:#fff url(../imgs/bg-2.png) center no-repeat;background-size:cover}.line .items{display:block;position:relative;display:flex;margin:0 auto;width:1440px;background:url(../imgs/dev-line.jpg) center no-repeat;background-size:cover}.line .items .block{position:absolute;right:-40px;bottom:-40px;width:128px;height:112px;border-radius:0px 0px 40px 0px;opacity:0.8;background:#0072EF;z-index:-1}.line .items .item{position:relative;box-sizing:border-box;width:360px;height:720px;color:#fff;border-right:1px solid rgba(255,255,255,0.3)}.line .items .item:last-child{border-right:none}.line .items .item .mask,.line .items .item .content{position:absolute;left:0;top:0;right:0;bottom:0}.line .items .item .mask{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%);transition:all .5s}.line .items .item .content{padding:80px 64px;z-index:2}.line .items .item .num{font-size:32px}.line .items .item .title{margin-top:20px;font-size:28px}.line .items .item .icon{margin-top:350px;margin-bottom:25px;width:64px;height:64px;border-radius:50%;transition:all .5s}.line .items .item .arrow{width:30px;height:30px}.line .items .item .short{display:flex;align-items:center;transition:all .5s}.line .items .item span{margin-right:20px;font-size:24px;line-height:36px}.line .items .item .types{display:none;transition:all .5s}.line .items .item .types .desc{margin-bottom:20px}.line .items .item:hover .mask{background:rgba(0,114,239,0.7)}.line .items .item:hover .icon{margin-top:250px}.line .items .item:hover .short{display:none}.line .items .item:hover .types{display:block}.news{padding:120px 0;background:#fff url(../imgs/bg-3.png) center no-repeat;background-size:cover}.news .arrow{margin-left:10px;width:32px;height:32px}.news .heading{display:flex;align-items:center}.news .heading .text{font-size:40px;font-weight:500;color:#111111}.news .heading .dot{margin:0 20px;width:10px;height:10px;border-radius:50%;background:#111}.news .heading .en{font-size:44px;font-weight:500;text-transform:uppercase;letter-spacing:-0.04em;color:#0072EF}.news .heading .more{display:flex;align-items:center;margin-left:auto;font-size:18px;font-weight:500;color:#2D2D2D}.news .heading .more .arrow-2{display:none}.news .heading .more:hover{color:#0072EF}.news .heading .more:hover .arrow-1{display:none}.news .heading .more:hover .arrow-2{display:block}.news .subheading{margin-top:10px;font-size:24px;color:#3D3D3D}.news .items{display:flex;justify-content:space-between;margin-top:80px}.news .items .item{display:block;width:400px;height:435px;background:#fff;transition:all .5s}.news .items .item:hover{box-shadow:0 12px 30px rgba(0,0,0,0.15);transform:translateY(-10px)}.news .items .item .img{width:400px;height:235px;background:#ccc}.news .items .item .content{padding:30px 20px;box-sizing:border-box;font-size:16px;color:#666}.news .items .item .content .title{margin-bottom:16px;font-size:18px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.news .items .item .content .p{height:44px;line-height:22px;overflow:hidden}.news .items .item .content .date{display:flex;align-items:center;justify-content:space-between;margin-top:36px}