.banner{background-color:#fff;padding-bottom:100px}.banner .swiper-slide a img{object-fit:cover;width:100%;height:100%;transition:all .5s}.bgColorWhite .technology{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0 60px 0;background-color:#fff}.bgColorWhite .technology:nth-child(2n){flex-direction:row-reverse}.bgColorWhite .technology .t-left img{max-width:680px;max-height:410px}.bgColorWhite .technology .t-right{margin-top:60px}.bgColorWhite .technology .t-right h1{position:relative;width:250px;height:74px;font-family:Source Han Sans CN;font-weight:bold;font-size:30px;color:#000000;line-height:45px}.bgColorWhite .technology .t-right .t-text{width:505px;height:94px;font-family:Source Han Sans CN;font-weight:400;font-size:20px;color:#000000;line-height:37px;margin-top:60px}.bgColorWhite .technology .t-right h1 span{position:absolute;top:-114px;left:-4%;font-family:Source Han Sans CN;font-weight:bold;font-size:100px;color:#284b9e;line-height:207px;opacity:.2}.bgColorWhite .technology .t-right h1{font-size:24px;margin-top:10px}.application{display:flex;flex-direction:column;padding-bottom:60px}.application .applicationBd{padding:30px;display:flex;justify-content:space-evenly;flex-wrap:wrap;cursor:pointer}.application .applicationBd .applicationBdBox{overflow:hidden;position:relative;width:383px;height:300px;background-color:#ffffff;box-shadow:0 0 6px 0 rgba(0,0,0,0.2);border-radius:6px;transition:all .5s;margin-bottom:30px}.application .applicationBd .applicationBdBox .box-item{display:flex;align-items:center;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:121px;height:168px}.application .applicationBd .applicationBdBoxMask{position:absolute;top:0;left:0;transform:translateY(-304px);transition:all .5s;width:383px;height:300px;background-color:#284b9e;box-shadow:0 0 6px 0 rgba(0,0,0,0.2)}.application .applicationBd .applicationBdBoxMask .applicationBdBoxMask-box{width:305px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.application .applicationBd .applicationBdBoxMask .applicationBdBoxMask-box .applicationBdBoxMask-titlle{text-align:center;font-family:Source Han Sans CN;font-weight:bold;font-size:20px;color:#ffffff;line-height:55px}.application .applicationBd .applicationBdBoxMask .applicationBdBoxMask-box p{text-align:center;font-family:Source Han Sans CN;font-weight:400;font-size:16px;color:#ffffff;line-height:36px;opacity:.6}.application .applicationBd .applicationBdBox img{width:104px;height:88px;margin-bottom:40px}.application .applicationBd .applicationBdBox h1{text-align:center;font-weight:700;font-family:MicrosoftYaHei-Bold;font-size:20px;font-stretch:normal;line-height:37px;letter-spacing:4px;color:#333333}.application .applicationBd .applicationBdBox p{font-family:Source Han Sans CN;font-weight:bold;font-size:20px;color:#000000;line-height:55px}.application .applicationBd .applicationBdBox i{position:absolute;right:20px;bottom:10px;font-size:88px;font-weight:bold;font-style:italic;opacity:.1;user-select:none}.application .applicationBd .applicationBdBox:hover .applicationBdBoxMask{transform:rotate(0deg)}.application .applicationBd .applicationBdBox:hover i{color:var(--background-color)}.fixed-side-panel{position:fixed;right:0px;top:50%;transform:translateY(-50%);width:83px;height:200px;background:#417ffc;padding:10px;z-index:1;text-align:center;cursor:pointer;transition:background-color .3s ease}.appointment{display:flex;align-items:center;justify-content:center;flex-direction:column}.appointment-text{display:flex;flex-direction:column;align-items:center;font-weight:bold;font-size:16px;margin-bottom:5px;width:100%;height:100%;font-family:Source Han Sans CN;font-weight:400;font-size:22px;color:#ffffff;line-height:30px}.appointment-text p{width:22px}.appointment-img{width:165px;height:158px;position:absolute;left:-138px;top:50%;transform:translateY(-50%);display:none;background:url(../images/studio/subscribe-QR.png) 100% 100% no-repeat}.appointment-img img{width:131px;height:131px;margin:0 auto;line-height:158px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.fixed-side-panel:hover .appointment-img{display:block}@media screen and (max-width:1000px){.banner{background-color:#fff;padding-bottom:0px}.banner .swiper-slide a img{object-fit:cover;width:100%;height:100%;transition:all .5s}.bgColorWhite .technology{display:flex;flex-wrap:wrap;justify-content:space-between;padding:15px 10px 30px 10px;background-color:#fff}.bgColorWhite .technology .t-left img{width:100%}.bgColorWhite .technology .t-right h1{position:relative;margin-left:10px;height:74px;font-family:Source Han Sans CN;font-weight:bold;font-size:30px;color:#000000;line-height:45px}.bgColorWhite .technology .t-right .t-text{padding:0 5px;width:100%;height:105px;font-family:Source Han Sans CN;font-weight:400;font-size:16px;color:#000000;line-height:37px;margin-top:20px}.bgColorWhite .technology .t-right h1 span{position:absolute;top:-114px;left:-4%;font-family:Source Han Sans CN;font-weight:bold;font-size:100px;color:#284b9e;line-height:207px;opacity:.2}.bgColorWhite .technology .t-right h1{font-size:24px;margin-top:10px}.application .applicationBd{padding:30px 10px;display:grid;justify-content:space-between;justify-items:center;grid-template-columns:repeat(auto-fill, minmax(140px, 2fr));grid-gap:10px 10px;cursor:pointer}.application .applicationBd .applicationBdBox{overflow:hidden;position:relative;width:180px;height:190px;background-color:#ffffff;box-shadow:0 0 6px 0 rgba(0,0,0,0.2);border-radius:6px;transition:all .5s}.application .applicationBd .applicationBdBoxMask{position:absolute;top:0;left:0;transform:translateY(-304px);transition:all .5s;width:180px;height:190px;background-color:#284b9e;box-shadow:0 0 6px 0 rgba(0,0,0,0.2)}.application .applicationBd .applicationBdBoxMask .applicationBdBoxMask-box{width:180px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.application .applicationBd .applicationBdBoxMask .applicationBdBoxMask-box .applicationBdBoxMask-titlle{text-align:center;font-family:Source Han Sans CN;font-weight:bold;font-size:20px;color:#ffffff;line-height:55px}.application .applicationBd .applicationBdBoxMask .applicationBdBoxMask-box p{text-align:center;font-family:MicrosoftYaHei;font-size:10px;font-weight:normal;font-stretch:normal;line-height:30px;letter-spacing:3px;color:#ffffff;opacity:.6}.application .applicationBd .applicationBdBox img{width:104px;height:88px;margin-bottom:40px}.application .applicationBd .applicationBdBox h1{text-align:center;font-weight:700;font-family:MicrosoftYaHei-Bold;font-size:20px;font-stretch:normal;line-height:37px;letter-spacing:4px;color:#333333}.application .applicationBd .applicationBdBox p{font-family:Source Han Sans CN;font-weight:bold;font-size:20px;color:#000000;line-height:55px}.application .applicationBd .applicationBdBox i{position:absolute;right:20px;bottom:10px;font-size:88px;font-weight:bold;font-style:italic;opacity:.1;user-select:none}.application .applicationBd .applicationBdBox:hover .applicationBdBoxMask{transform:rotate(0deg)}.application .applicationBd .applicationBdBox:hover i{color:var(--background-color)}.fixed-side-panel{width:60px;height:200px}}