@-webkit-keyframes menu{0%{opacity:0}50%{opacity:.5}to{opacity:1;transform:translatey(0)}}@keyframes menu{0%{opacity:0}50%{opacity:.5}to{opacity:1;transform:translatey(0)}}@-webkit-keyframes workstitle{0%{transform:translatex(-160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@keyframes workstitle{0%{transform:translatex(-160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@-webkit-keyframes workstitle2{0%{transform:translatey(160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@keyframes workstitle2{0%{transform:translatey(160%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@-webkit-keyframes worksdesc{0%{transform:translatey(100%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@keyframes worksdesc{0%{transform:translatey(100%);opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@-webkit-keyframes worksitem{0%{opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@keyframes worksitem{0%{opacity:0}50%{opacity:.3}to{opacity:1;transform:translatey(0)}}@-webkit-keyframes mattlogo{0%{opacity:0}99%{opacity:.99}to{opacity:0}}@keyframes mattlogo{0%{opacity:0}99%{opacity:.99}to{opacity:0}}@-webkit-keyframes mattlogo1{0%{opacity:0}1%{opacity:.5}to{opacity:1;transform:translatex(0)}}@keyframes mattlogo1{0%{opacity:0}1%{opacity:.5}to{opacity:1;transform:translatex(0)}}.page-index .index-banner .banner-swiper{width:100%;height:calc(100vh - .52083rem);position:relative}.page-index .index-banner .banner-swiper .swiper-container{width:100%;height:calc(100vh - .52083rem);overflow:hidden}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper{width:100%;height:calc(100vh - .52083rem)}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:calc(100vh - .52083rem);background-repeat:no-repeat;background-size:cover;background-position:50%}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .text{padding-top:1.041667rem;padding-left:.885417rem}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .text .t1{font-size:.677083rem;font-weight:700;color:#fff}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .text .t2{font-size:.15625rem;color:#fff}.page-index .index-banner .banner-swiper .twobtn{position:absolute;left:.885417rem;bottom:1.041667rem;z-index:99;display:flex}.page-index .index-banner .banner-swiper .twobtn .item{width:.333333rem;height:.333333rem;border-radius:50%;cursor:pointer}.page-index .index-banner .banner-swiper .twobtn .item.prev{background:hsla(0,0%,100%,.1)  no-repeat 50%;background-size:.067708rem auto;margin-right:.208333rem}.page-index .index-banner .banner-swiper .twobtn .item.prev:hover{background:#fff  no-repeat 50%;background-size:.067708rem auto}.page-index .index-banner .banner-swiper .twobtn .item.next{background:hsla(0,0%,100%,.1)  no-repeat 50%;background-size:.067708rem auto}.page-index .index-banner .banner-swiper .twobtn .item.next:hover{background:#fff  no-repeat 50%;background-size:.067708rem auto}.page-index .container{width:8.229167rem;margin:.520833rem auto}.page-index .container .index-about{display:flex;justify-content:space-between;position:relative;margin-bottom:.520833rem}.page-index .container .index-about .tit{position:absolute;left:3.854167rem;top:0}.page-index .container .index-about .tit .en{font-size:.833333rem;font-family:dinengschrift;color:#f3f4f7;line-height:1}.page-index .container .index-about .tit .cn{position:absolute;font-size:.25rem;color:#212121;left:.677083rem;bottom:.104167rem;line-height:1}.page-index .container .index-about .left{width:4.322917rem;position:relative;height:3.28125rem}.page-index .container .index-about .left .img1{width:3rem;height:2.8125rem}.page-index .container .index-about .left .img2{position:absolute;right:0;bottom:0;width:2.552083rem;height:2.197917rem}.page-index .container .index-about .info{width:3.59375rem;font-size:.09375rem;color:#393939;line-height:.25rem;padding-top:1.145833rem}.page-index .container .index-product{margin-bottom:.520833rem}.page-index .container .index-product .product-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.260417rem}.page-index .container .index-product .product-head .tit{position:relative}.page-index .container .index-product .product-head .tit .en{font-size:.833333rem;font-family:dinengschrift;color:#f3f4f7;line-height:1;text-transform:uppercase}.page-index .container .index-product .product-head .tit .cn{position:absolute;font-size:.25rem;color:#212121;left:0;bottom:.078125rem;line-height:1}.page-index .container .index-product .product-head .twobtn{display:flex;padding-bottom:.078125rem}.page-index .container .index-product .product-head .twobtn .item{width:.302083rem;height:.302083rem;border-radius:50%;cursor:pointer}.page-index .container .index-product .product-head .twobtn .item.prev{background:url(/uploads/image/_img/product-l.1cb3c0b.png) no-repeat 50%;background-size:.302083rem auto;margin-right:.208333rem}.page-index .container .index-product .product-head .twobtn .item.prev:hover{background:url(/uploads/image/_img/product-l_.2d03856.png) no-repeat 50%;background-size:.302083rem auto}.page-index .container .index-product .product-head .twobtn .item.next{background:url(/uploads/image/_img/product-r.f0be4bb.png) no-repeat 50%;background-size:.302083rem auto}.page-index .container .index-product .product-head .twobtn .item.next:hover{background:url(/uploads/image/_img/product-r_.f415636.png) no-repeat 50%;background-size:.302083rem auto}.page-index .container .index-product .product-swiper .swiper-container{width:100%;height:2.239583rem;overflow:hidden}.page-index .container .index-product .product-swiper .swiper-container .swiper-wrapper{width:100%;height:2.239583rem}.page-index .container .index-product .product-swiper .swiper-container .swiper-wrapper .swiper-slide{width:2.614583rem;height:2.239583rem;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;margin-right:.197917rem;overflow:hidden;cursor:pointer;border:.005208rem solid #ddd;box-sizing:border-box}.page-index .container .index-product .product-swiper .swiper-container .swiper-wrapper .swiper-slide .name{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:.489583rem;background:linear-gradient(rgba(34,63,115,0),rgba(34,63,115,.3) 99%);padding:0 .130208rem;line-height:.489583rem;font-size:.104167rem;font-weight:700;color:#2d77ff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.page-index .container .index-news .news-head{display:flex;justify-content:center;margin-bottom:.3125rem}.page-index .container .index-news .news-head .tit{position:relative}.page-index .container .index-news .news-head .tit .en{font-size:.833333rem;font-family:dinengschrift;color:#f3f4f7;line-height:1;text-transform:uppercase}.page-index .container .index-news .news-head .tit .cn{position:absolute;font-size:.25rem;color:#212121;left:.208333rem;bottom:.104167rem;line-height:1}.page-index .container .index-news .news-swiper{position:relative;height:2.510417rem;background:#fff;box-shadow:0 0 .052083rem 0 rgba(0,0,0,.1);width:100%;padding:.260417rem;box-sizing:border-box}.page-index .container .index-news .news-swiper .swiper-container{width:100%;height:1.989583rem;overflow:hidden}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper{width:100%;height:1.989583rem}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:1.989583rem;display:flex;justify-content:space-between}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .photo{width:3.635417rem;height:1.880208rem;overflow:hidden}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .photo img{width:3.635417rem;height:1.880208rem;transition:all 1s;cursor:pointer}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .photo img:hover{transform:scale(1.3)}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info{width:3.645833rem;padding-top:.364583rem}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .headline{font-size:.125rem;color:#2e2e2e;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;margin-bottom:.208333rem}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .headline:hover{color:#2e78ff}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .dec{font-size:.09375rem;color:#888;line-height:.1875rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.15625rem}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .time{font-size:.083333rem;color:#1a1a1a}.page-index .container .index-news .news-swiper .twobtn{position:absolute;right:.260417rem;bottom:.260417rem;z-index:1;display:flex}.page-index .container .index-news .news-swiper .twobtn .item{width:.088542rem;height:.135417rem;cursor:pointer}.page-index .container .index-news .news-swiper .twobtn .item.prev{background: no-repeat 50%;background-size:.088542rem auto;margin-right:.3125rem}.page-index .container .index-news .news-swiper .twobtn .item.prev:hover{background: no-repeat 50%;background-size:.088542rem auto}.page-index .container .index-news .news-swiper .twobtn .item.next{background: no-repeat 50%;background-size:.088542rem auto}.page-index .container .index-news .news-swiper .twobtn .item.next:hover{background: no-repeat 50%;background-size:.088542rem auto}@media only screen and (max-width:821px){.page-index .index-banner .banner-swiper{width:100%;height:5.4666666667rem;position:relative}.page-index .index-banner .banner-swiper .swiper-container{width:100%;height:5.4666666667rem;overflow:hidden}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper{width:100%;height:5.4666666667rem}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:5.4666666667rem;background-repeat:no-repeat;background-size:cover;background-position:50%}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .text{padding-top:1.3333333333rem;padding-left:.4266666667rem}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .text .t1{font-size:1.0666666667rem;font-weight:700;color:#fff}.page-index .index-banner .banner-swiper .swiper-container .swiper-wrapper .swiper-slide .text .t2{font-size:.4rem;color:#fff}.page-index .index-banner .banner-swiper .twobtn{position:absolute;left:.4266666667rem;bottom:1.3333333333rem;z-index:99;display:none}.page-index .index-banner .banner-swiper .twobtn .item{width:.8533333333rem;height:.8533333333rem;border-radius:50%;cursor:pointer}.page-index .index-banner .banner-swiper .twobtn .item.prev{background:hsla(0,0%,100%,.1)  no-repeat 50%;background-size:.2666666667rem auto;margin-right:.5333333333rem}.page-index .index-banner .banner-swiper .twobtn .item.prev:hover{background:#fff  no-repeat 50%;background-size:.2666666667rem auto}.page-index .index-banner .banner-swiper .twobtn .item.next{background:hsla(0,0%,100%,.1)  no-repeat 50%;background-size:.2666666667rem auto}.page-index .index-banner .banner-swiper .twobtn .item.next:hover{background:#fff  no-repeat 50%;background-size:.2666666667rem auto}.page-index .container{width:9.1466666667rem;margin:1.3333333333rem auto}.page-index .container .index-about{display:block;justify-content:space-between;position:static;margin-bottom:1.3333333333rem}.page-index .container .index-about .tit{position:relative;left:0;top:0;margin-bottom:.4rem}.page-index .container .index-about .tit .en{font-size:1.6rem;font-family:dinengschrift;color:#f3f4f7;line-height:1}.page-index .container .index-about .tit .cn{position:absolute;font-size:.64rem;color:#212121;left:0;bottom:0;line-height:1}.page-index .container .index-about .left{width:4.322917rem;position:relative;height:3.28125rem;display:none}.page-index .container .index-about .left .img1{width:3rem;height:2.8125rem}.page-index .container .index-about .left .img2{position:absolute;right:0;bottom:0;width:2.552083rem;height:2.197917rem}.page-index .container .index-about .info{width:9.1466666667rem;font-size:.3466666667rem;color:#393939;line-height:1.6;padding-top:0}.page-index .container .index-product{margin-bottom:1.3333333333rem}.page-index .container .index-product .product-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.6666666667rem}.page-index .container .index-product .product-head .tit{position:relative}.page-index .container .index-product .product-head .tit .en{font-size:1.6rem;font-family:dinengschrift;color:#f3f4f7;line-height:1;text-transform:uppercase}.page-index .container .index-product .product-head .tit .cn{position:absolute;font-size:.64rem;color:#212121;left:0;bottom:0;line-height:1}.page-index .container .index-product .product-head .twobtn{display:flex;padding-bottom:0}.page-index .container .index-product .product-head .twobtn .item{width:.7733333333rem;height:.7733333333rem;border-radius:50%;cursor:pointer}.page-index .container .index-product .product-head .twobtn .item.prev{background:url(/uploads/image/_img/product-l.1cb3c0b.png) no-repeat 50%;background-size:.7733333333rem auto;margin-right:.5333333333rem}.page-index .container .index-product .product-head .twobtn .item.prev:hover{background:url(/uploads/image/_img/product-l_.2d03856.png) no-repeat 50%;background-size:.7733333333rem auto}.page-index .container .index-product .product-head .twobtn .item.next{background:url(/uploads/image/_img/product-r.f0be4bb.png) no-repeat 50%;background-size:.7733333333rem auto}.page-index .container .index-product .product-head .twobtn .item.next:hover{background:url(/uploads/image/_img/product-r_.f415636.png) no-repeat 50%;background-size:.7733333333rem auto}.page-index .container .index-product .product-swiper .swiper-container{width:100%;height:4.68rem;overflow:hidden}.page-index .container .index-product .product-swiper .swiper-container .swiper-wrapper{width:100%;height:4.68rem}.page-index .container .index-product .product-swiper .swiper-container .swiper-wrapper .swiper-slide{width:4.2666666667rem;height:4.68rem;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;margin-right:.6133333333rem;overflow:hidden;cursor:pointer}.page-index .container .index-product .product-swiper .swiper-container .swiper-wrapper .swiper-slide .name{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:1.2533333333rem;background:linear-gradient(rgba(34,63,115,0),rgba(34,63,115,.3) 99%);padding:0 .2666666667rem;line-height:1.2533333333rem;font-size:.3466666667rem;font-weight:700;color:#2d77ff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.page-index .container .index-news .news-head{display:block;justify-content:flex-start;margin-bottom:.8rem}.page-index .container .index-news .news-head .tit{position:relative}.page-index .container .index-news .news-head .tit .en{font-size:1.6rem;font-family:dinengschrift;color:#f3f4f7;line-height:1;text-transform:uppercase}.page-index .container .index-news .news-head .tit .cn{position:absolute;font-size:.64rem;color:#212121;left:0;bottom:0;line-height:1}.page-index .container .index-news .news-swiper{position:relative;height:2.9866666667rem;background:#fff;box-shadow:0 0 .1333333333rem 0 rgba(0,0,0,.1);width:100%;padding:.2666666667rem;box-sizing:border-box}.page-index .container .index-news .news-swiper .swiper-container{width:100%;height:2.4533333333rem;overflow:hidden}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper{width:100%;height:2.4533333333rem}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:2.4533333333rem;display:flex;justify-content:space-between;margin-right:.2666666667rem}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .photo{width:2.9333333333rem;height:2.4533333333rem;overflow:hidden}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .photo img{width:2.9333333333rem;height:2.4533333333rem;transition:all 1s;cursor:pointer}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .photo img:hover{transform:scale(1)}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info{width:5.2rem;padding-top:0}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .headline{font-size:.3466666667rem;color:#2e2e2e;text-overflow:clip;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer;margin-bottom:.5333333333rem}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .headline:hover{color:#2e78ff}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .dec{font-size:.09375rem;color:#888;line-height:.1875rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.15625rem;display:none}.page-index .container .index-news .news-swiper .swiper-container .swiper-wrapper .swiper-slide .info .time{font-size:.32rem;color:#1a1a1a}.page-index .container .index-news .news-swiper .twobtn{position:absolute;right:.260417rem;bottom:.260417rem;z-index:1;display:flex}.page-index .container .index-news .news-swiper .twobtn .item{width:.088542rem;height:.135417rem;cursor:pointer}.page-index .container .index-news .news-swiper .twobtn .item.prev{background: no-repeat 50%;background-size:.088542rem auto;margin-right:.3125rem}.page-index .container .index-news .news-swiper .twobtn .item.prev:hover{background: no-repeat 50%;background-size:.088542rem auto}.page-index .container .index-news .news-swiper .twobtn .item.next{background: no-repeat 50%;background-size:.088542rem auto}.page-index .container .index-news .news-swiper .twobtn .item.next:hover{background: no-repeat 50%;background-size:.088542rem auto}}