.header .nav li{position:relative}.header .nav li .box{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);opacity:0;pointer-events:none}.header .nav li .box ul li{display:block;width:100%;text-align:center;font-size:14px;height:3em;line-height:3;color:rgba(0,0,0,0.8);border-bottom:1px solid rgba(0,0,0,0.1)}.header .nav li .box ul li:last-of-type{border-bottom:none}.header .nav li .box ul li a{font-size:14px;font-weight:400}.header .nav li .box ul li a:hover{color:#fff}.header .nav li:hover .box{opacity:1;pointer-events:auto}.banner .swiper-slide a{width:100%;height:100%;position:relative;display:block}.banner .swiper-slide video{width:100%;height:100%;object-fit:cover;object-position:center center}.img-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}.img-list li{overflow:hidden}.img-list li a{display:block;border:1px solid rgba(0,0,0,0.1)}.img-list li a .pic{height:314px;overflow:hidden}.img-list li a img{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 768px){.img-list li a img{transition:all 1s ease-in-out}}.img-list li a .title{background:#fff;box-sizing:border-box;padding:10px;border-top:1px solid rgba(0,0,0,0.1)}@media screen and (min-width: 768px){.img-list li a .title{transition:all .5s ease-in-out}}.img-list li a .title span{display:block;font-size:16px;color:rgba(0,0,0,0.8);line-height:1.5;text-align:center}@media screen and (min-width: 768px){.img-list li a .title span{transition:all .5s ease-in-out}}.img-list li a:hover .pic img{transform:scale(1.05)}.img-list li a:hover .title{background:rgba(0,0,0,0.063)}.img-list li a:hover .title span{color:#000}.main-flex{display:flex;justify-content:space-between;margin-bottom:30px}.main-flex .wrap-left{width:400px;min-width:300px;flex-shrink:0;margin-right:50px}.main-flex .wrap-left .img{width:100%;border:1px solid rgba(0,0,0,0.1)}.main-flex .wrap-left .img img{width:100%}.main-flex .wrap-right{width:100%;flex-shrink:1}.main-flex .wrap-right .title{font-size:24px;color:rgba(0,0,0,0.8);font-weight:600;margin-bottom:10px}.main-flex .wrap-right p{font-size:14px;margin:0}.main-flex .wrap-right .tags{font-size:12px;display:flex;justify-content:space-between;justify-content:flex-start;gap:10px;margin:30px 0 40px}.main-flex .wrap-right .tags span{background:rgba(0,0,0,0.063);padding:5px 10px;color:rgba(0,0,0,0.8)}.main-flex .wrap-right .btn{display:flex;justify-content:space-between;justify-content:flex-start;gap:10px}.main-flex .wrap-right .btn a{width:160px;display:inline-block;font-size:16px;height:50px;line-height:50px;text-align:center;background:#009def;color:#fff;border-radius:5px}.main-flex .wrap-right .btn a:hover{background:#2752b0}@media screen and (max-width: 1600px){.header .nav li .box ul li{font-size:.875vw}.header .nav li .box ul li a{font-size:.875vw}.img-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.img-list li a .pic{height:19.625vw}.img-list li a .title span{font-size:1vw}.main-flex .wrap-left{margin-right:3.125vw}}@media screen and (max-width: 1200px){.header .nav li .box ul li{font-size:12px}.header .nav li .box ul li a{font-size:12px}.img-list li a .title span{font-size:12px}}@media screen and (max-width: 1024px){.header .nav li .box{display:none}.img-list li a .pic{height:221px}}@media screen and (max-width: 768px){.img-list li a .pic{height:28vw}.img-list li a .title span{font-size:14px}.main-flex{flex-wrap:wrap}.main-flex .wrap-left{width:100%;min-width:100%;flex-shrink:0;margin:0 0 20px}.main-flex .wrap-left .img{height:auto;min-height:auto}.main-flex .wrap-right .title{font-size:24px;color:rgba(0,0,0,0.8);font-weight:600;margin-bottom:10px}.main-flex .wrap-right p{font-size:14px;margin:0}.main-flex .wrap-right .tags{font-size:12px;display:flex;justify-content:space-between;justify-content:flex-start;gap:10px;margin:30px 0 40px}.main-flex .wrap-right .tags span{background:rgba(0,0,0,0.063);padding:5px 10px;color:rgba(0,0,0,0.8)}.main-flex .wrap-right .btn{display:flex;justify-content:space-between;justify-content:flex-start;gap:10px}.main-flex .wrap-right .btn a{width:160px;display:inline-block;font-size:16px;height:50px;line-height:50px;text-align:center;background:#009def;color:#fff;border-radius:5px}.main-flex .wrap-right .btn a:hover{background:#2752b0}}