@media screen and (min-width: 1200px){.banner{width:1920px;height:800px;margin:0 auto}.banner .swiper-container{width:100%;height:100%}.banner .swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.banner .swiper-container .swiper-slide .but{width:180px;height:72px;background:linear-gradient(270deg, #00BAE4 0%, #007EF7 100%);border-radius:36px;font-size:20px;color:#FFFFFF;line-height:72px;text-align:left;font-style:normal;text-align:center;position:absolute;top:548px;left:360px}.banner .swiper-container .swiper-slide img{width:100%;height:100%}.banner .swiper-pagination .swiper-pagination-bullet-active{background-image:#fff !important;opacity:1 !important;border-radius:3px !important}.banner .swiper-pagination .swiper-pagination-bullet{width:120px;height:6px;height:6px;background:#FFFFFF;border-radius:0;opacity:0.19;margin:0 !important;padding:0}.banner .swiper-pagination span:nth-child(4){border-radius:0 3px 3px 0}.banner .swiper-pagination span:nth-child(1){border-radius:3px 0 0 3px}.main{width:100%;height:5535px;background:url("https://mi-you-res.oss-cn-hangzhou.aliyuncs.com/wxsmall/wxsmall/20240329/bWQEfaAmu7Tj46e9c1f81453bd48dfa7afa7291b403b.jpg") no-repeat;background-position:center;background-size:cover;overflow:hidden}.main .box1{margin:0 auto}.main .box1 .img{width:1200px;height:578px;background:url("https://mi-you-res.oss-cn-hangzhou.aliyuncs.com/wxsmall/wxsmall/20240329/wvqVdK05rdIw4458ac9d76932bf784b7a0b35babdcb2.jpg") no-repeat;margin:0 auto;position:relative}.main .box1 .img .p{width:712px;padding:32px 30px;box-sizing:border-box;background:rgba(0,0,0,0.5);box-shadow:0px 4px 10px 8px rgba(0,0,0,0.06);position:absolute;right:60px;bottom:60px;border:1px solid;border-image:linear-gradient(270deg, #00bae4, #007ef7) 1 1}.main .box1 .img .p p{font-size:18px;color:#DBDCDC;line-height:30px;text-align:justify;font-style:normal}.main .box2{width:1200px;margin:0 auto}.main .box2 .box2-main{display:flex;align-items:center;justify-content:space-between}.main .box2 .box2-main .img{width:386px;height:585px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0;box-sizing:border-box;background:url("https://mi-you-res.oss-cn-hangzhou.aliyuncs.com/public/uploads/20240415/6503d77713d54fc15d6a708da45d2c2a.png") no-repeat;background-size:contain}.main .box2 .box2-main .img p{width:350px;height:216px;font-family:MicrosoftYaHei;font-size:18px;color:#8E9196;line-height:24px;text-align:center;font-style:normal}.main .box2 .box2-main .img img{width:240px;height:260px;margin:10px auto}.main .box2 .box2-main .img .h1{font-weight:bold;font-size:32px;color:#FFFFFF;line-height:42px;text-align:center;font-style:normal}.main .box3{width:1720px;margin:0 auto}.main .box3 .swiper-container{width:100%;height:100%}.main .box3 .swiper-wrapper{margin-bottom:40px;align-items:baseline;display:flex}.main .box3 .swiper-slide-active{width:590px !important;height:680px}.main .box3 .swiper-slide .swiper-slide-shadow-right{background:none !important}.main .box3 .swiper-slide img{width:100%;height:100%;transform:translateX(-115px);border-radius:3px;border:2px solid #148dab}.main .box4{width:1200px;height:882px;margin:0 auto}.main .box4 .box4-main{display:flex;align-items:flex-end;justify-content:space-between;position:relative}.main .box4 .box4-main .but{width:386px;height:72px;background:linear-gradient(270deg, #00BAE4 0%, #007EF7 100%);font-size:24px;color:#FFFFFF;line-height:72px;text-align:center;font-style:normal;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.main .box4 .box4-main .box4-main-img{margin-bottom:102px}.main .box4 .box4-main img{width:386px;height:600px}.main .box5{width:1200px;margin:0 auto}.main .box5 .box5-main{display:flex;align-items:center;justify-content:space-between;position:relative}.main .box5 .box5-main .box5-main-box1{width:386px;height:452px;background:url("/public/src/image/矩形备份 2@2x (2).png") no-repeat;background-position:bottom center;background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 20px 30px;box-sizing:border-box}.main .box5 .box5-main .box5-main-box1 .img{width:200px;height:200px;background:url("/public/src/image/椭圆形备份 2@2x.png") no-repeat;background-position:center;background-size:contain;transform-origin:center;animation:rotateImg infinite 5s linear}@keyframes rotateImg{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.main .box5 .box5-main .box5-main-box1 .img .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main .box5 .box5-main .box5-main-box1 .img .img-container img{width:180px;height:180px;object-fit:contain;animation:counterRotate infinite 5s linear}@keyframes counterRotate{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.main .box5 .box5-main .box5-main-box1 .h3{width:100%;font-size:32px;color:#FFFFFF;line-height:42px;text-align:left;font-style:normal}.main .box5 .box5-main .box5-main-box1 p{height:100px;font-size:16px;color:#FFFFFF;line-height:21px;text-align:justify;font-style:normal;opacity:0.5}.main .box5 .box5-main .box5-main-box2{width:386px;height:452px;background:url("/public/src/image/矩形@2x (2).png") no-repeat;background-position:bottom center;background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 20px 30px;box-sizing:border-box}.main .box5 .box5-main .box5-main-box2 .img{width:200px;height:200px;background:url("/public/src/image/椭圆形备份 2@2x.png") no-repeat;background-position:center;background-size:contain;transform-origin:center;animation:rotateImg infinite 5s linear}@keyframes rotateImg{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.main .box5 .box5-main .box5-main-box2 .img .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main .box5 .box5-main .box5-main-box2 .img .img-container img{width:180px;height:180px;object-fit:contain;animation:counterRotate infinite 5s linear}@keyframes counterRotate{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.main .box5 .box5-main .box5-main-box2 .h3{width:100%;font-size:32px;color:#FFFFFF;line-height:42px;text-align:left;font-style:normal;font-weight:bold}.main .box5 .box5-main .box5-main-box2 p{font-size:16px;color:#FFFFFF;line-height:21px;text-align:justify;font-style:normal;opacity:0.7}.main .box6 .box6-main{width:1200px;height:602px;border-top:2px solid #121925;border-bottom:2px solid #121925;margin:0 auto;box-sizing:border-box;display:flex;align-items:center}.main .box6 .box6-main-left{width:600px;height:100%;border-right:2px solid #121925;box-sizing:border-box;display:flex;align-items:center}.main .box6 .box6-main-left #container{width:580px;height:480px}.main .box6 .box6-main-right{width:600px;height:100%}.main .box6 .box6-main-right ul{width:100%;height:100%;display:flex;flex-direction:column}.main .box6 .box6-main-right ul .wx{flex:1;border:none !important}.main .box6 .box6-main-right ul .wx .ewm{width:180px;height:180px;border-radius:3px}.main .box6 .box6-main-right ul li{width:100%;height:144px;border-bottom:2px solid #121925;font-size:18px;color:#FFFFFF;line-height:24px;text-align:left;font-style:normal;display:flex;align-items:center;padding-left:20px;box-sizing:border-box}}@media screen and (max-width: 1200px){.banner{width:750px;height:320px;margin:0 auto}.banner .swiper-container{width:100%;height:100%}.banner .swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.banner .swiper-container .swiper-slide .but{display:none}.banner .swiper-container .swiper-slide img{width:100%;height:100%}.banner .swiper-pagination .swiper-pagination-bullet-active{background-image:#fff !important;opacity:1 !important;border-radius:3px !important}.banner .swiper-pagination .swiper-pagination-bullet{width:48px;height:4px;background:#FFFFFF;border-radius:0;opacity:0.19;margin:0 !important;padding:0}.banner .swiper-pagination span:nth-child(4){border-radius:0 3px 3px 0}.banner .swiper-pagination span:nth-child(1){border-radius:3px 0 0 3px}.main{width:100%;background:url("https://mi-you-res.oss-cn-hangzhou.aliyuncs.com/wxsmall/wxsmall/20240329/bWQEfaAmu7Tj46e9c1f81453bd48dfa7afa7291b403b.jpg") no-repeat;background-position:center;background-size:auto 110%;overflow:hidden}.main .box1{margin:0 auto}.main .box1 .img{width:670px;height:670px;background:url("https://mi-you-res.oss-cn-hangzhou.aliyuncs.com/wxsmall/wxsmall/20240329/wvqVdK05rdIw4458ac9d76932bf784b7a0b35babdcb2.jpg") no-repeat;margin:0 auto;position:relative;background-size:cover}.main .box1 .img .p{width:474px;padding:20px;box-sizing:border-box;background:rgba(0,0,0,0.5);box-shadow:0px 4px 10px 8px rgba(0,0,0,0.06);position:absolute;right:16px;bottom:16px;border:1px solid;border-image:linear-gradient(270deg, #00bae4, #007ef7) 1 1}.main .box1 .img .p p{font-size:14px;color:#DBDCDC;line-height:30px;text-align:justify;font-style:normal}.main .box2{width:670px;margin:0 auto}.main .box2 .box2-main{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.main .box2 .img{width:326px;height:972px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:54px 0;box-sizing:border-box;background:url("https://mi-you-res.oss-cn-hangzhou.aliyuncs.com/public/uploads/20240415/aa01a88b137ba050eafe7d759568babe.png") no-repeat;background-size:contain}.main .box2 .img p{width:272px;height:480px;font-family:MicrosoftYaHei;font-size:24px;color:#FFFFFF;line-height:32px;text-align:center;font-style:normal;opacity:0.5}.main .box2 .img img{width:272px;height:296px}.main .box2 .img .h1{font-weight:bold;font-size:36px;color:#FFFFFF;line-height:48px;text-align:center;font-style:normal}.main .box3{width:750px;margin:0 auto}.main .box3 .swiper-container{width:100%;height:100%}.main .box3 .swiper-wrapper{margin-bottom:40px;align-items:baseline;display:flex}.main .box3 .swiper-slide-active{width:296px !important;height:342px}.main .box3 .swiper-slide .swiper-slide-shadow-right{background:none !important}.main .box3 .swiper-slide img{width:100%;height:100%;transform:translateX(-76px);box-sizing:border-box;border-radius:3px;border:2px solid #148dab}.main .box4{width:670px;margin:0 auto}.main .box4 .box4-main{display:flex;align-items:flex-end;justify-content:space-between;position:relative}.main .box4 .box4-main .but{width:216px;height:64px;background:linear-gradient(270deg, #00BAE4 0%, #007EF7 100%);font-size:24px;color:#FFFFFF;line-height:64px;text-align:center;font-style:normal;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.main .box4 .box4-main .box4-main-img{margin-bottom:102px}.main .box4 .box4-main img{width:216px;height:336px}.main .box5{width:670px;margin:0 auto}.main .box5 .box5-main{position:relative}.main .box5 .box5-main .box5-main-box1{width:100%;height:748px;background:url("/public/src/image/矩形备份 2@2x (2).png") no-repeat;background-position:bottom center;background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0 20px 30px;box-sizing:border-box;margin-bottom:40px}.main .box5 .box5-main .box5-main-box1 .img{width:400px;height:400px;background:url("/public/src/image/椭圆形备份 2@2x.png") no-repeat;background-position:center;background-size:contain;transform-origin:center;animation:rotateImg infinite 5s linear}@keyframes rotateImg{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.main .box5 .box5-main .box5-main-box1 .img .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main .box5 .box5-main .box5-main-box1 .img .img-container img{height:360px;object-fit:contain;animation:counterRotate infinite 5s linear}@keyframes counterRotate{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.main .box5 .box5-main .box5-main-box1 .h3{width:100%;font-size:36px;color:#FFFFFF;line-height:48px;text-align:center;font-style:normal}.main .box5 .box5-main .box5-main-box1 p{height:200px;font-size:32px;color:#FFFFFF;line-height:42px;text-align:justify;font-style:normal;opacity:0.5}.main .box6 .box6-main{width:670px;margin:0 auto;padding-bottom:40px}.main .box6 .box6-main-left{width:100%;height:554px;box-sizing:border-box;margin-bottom:40px}.main .box6 .box6-main-left #container{width:100%;height:100%}.main .box6 .box6-main-right{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.main .box6 .box6-main-right .wx{font-size:18px;color:#FFFFFF;line-height:24px;text-align:left;font-style:normal;display:flex;align-items:center;padding-left:20px;box-sizing:border-box}.main .box6 .box6-main-right .wx .ewm{width:90px;height:90px;border-radius:3px}.main .box6 .box6-main-right ul{width:100%;height:100%;flex:1}.main .box6 .box6-main-right ul li{font-size:18px;color:#FFFFFF;line-height:24px;text-align:left;font-style:normal;display:flex;align-items:center;box-sizing:border-box;margin-top:20px}}
