body{height:100vh;overflow:hidden}.indexbody{font-size:0}.wapbody .container .item1:after,.wapbody .container .item3:after,.pcbody .container .item1:after,.pcbody .container .item2:after,.pcbody .container .item3:after{content:"";position:absolute;top:0;right:-0.64rem;height:0;width:.64rem;background-color:#a8895a;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.wapbody .container .item4:after,.wapbody .container .item2:after,.wapbody .container .item2 .top:after,.wapbody .container .item4 .top:after,.pcbody .container .item2 .top:after,.pcbody .container .item4 .top:after{content:"";position:absolute;right:0;bottom:-0.64rem;height:.64rem;width:0;background-color:#a8895a;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.container{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.container.active{opacity:1;z-index:1000;pointer-events:auto}.container .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat center/100% 100%}.container .cyan{cursor:pointer}.container .cyan .bg{background-image:url(../img/index/cyan-bg.webp)}.container .cyan .wwbox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.container .cyan .ww{width:100%;height:100%;background:url(../img/index/cyan-ww.webp) no-repeat;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.container .yellow{cursor:pointer}.container .yellow .bg{background-image:url(../img/index/yellow-bg.webp)}.container .yellow .wwbox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.container .yellow .ww{width:100%;height:100%;background:url(../img/index/yellow-ww.webp) no-repeat;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.container .red{cursor:pointer}.container .red .bg{background-image:url(../img/index/red-bg.webp)}.container .red .wwbox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.container .red .ww{width:100%;height:100%;background:url(../img/index/red-ww.webp) no-repeat;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.container .white{cursor:pointer}.container .white .bg{background-image:url(../img/index/white-bg.webp)}.container .white .wwbox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.container .white .ww{width:100%;height:100%;background:url(../img/index/white-ww.webp) no-repeat;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.container .black{cursor:pointer}.container .black .bg{background-image:url(../img/index/black-bg.webp)}.container .black .wwbox{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.container .black .ww{width:100%;height:100%;background:url(../img/index/black-ww.webp) no-repeat;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.container .item{position:relative;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.container .item .top{border-bottom:.32rem solid rgba(0,0,0,0)}.container .item .bottom{border-top:.32rem solid rgba(0,0,0,0)}.container .item1 .bg{background-image:url(../img/index/item1-bg.jpg)}.container .item1 .index-title{position:relative;padding-bottom:3rem;top:50%;-webkit-transform:translateY(-66%);transform:translateY(-66%);z-index:1}.container .item1 .index-title img{margin:0 auto;display:block;width:82.5%;max-height:55vh;-o-object-fit:contain;object-fit:contain}.container .item1 .index-title:after{content:"";position:absolute;bottom:0;left:0;width:0;height:17.19rem;background:url(../img/index/index-title-bg.png) no-repeat center bottom/100% 100%;-webkit-transition:all .4s ease-in-out .3s;transition:all .4s ease-in-out .3s}.container .item1 .shan1{position:absolute;top:5%;left:-39%;width:83%;aspect-ratio:24.94/14.13}.container .item1 .shan2{position:absolute;top:59%;right:-58%;width:83%;aspect-ratio:362/205}.container .item1 .shanbox{position:absolute;bottom:.5rem;width:78%;left:11%}.container .item1 .shanbox .shan3{width:100%;aspect-ratio:23.5/13.31}.container .item1 .shanbox .logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:52%;aspect-ratio:198/51}.container .item2 .top,.container .item4 .bottom{position:relative;height:39%;-webkit-box-sizing:border-box;box-sizing:border-box}.container .item2 .bottom,.container .item4 .top{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:61%}.container .item2,.container .item3,.container .item4{position:relative}.container .item2 .shanbox,.container .item3 .shanbox,.container .item4 .shanbox{position:absolute;width:38%;font-size:0;left:1.6%;bottom:2.1rem}.container .item2 .shanbox .shan,.container .item3 .shanbox .shan,.container .item4 .shanbox .shan{width:100%;aspect-ratio:182/105}.container .item2 .shanbox .txt,.container .item3 .shanbox .txt,.container .item4 .shanbox .txt{position:absolute;top:0;left:0;width:100%;height:100%}.container .cyan{position:relative;overflow:hidden;width:100%;height:100%}.container .cyan .ww{background-position:top center;background-size:190% auto;mix-blend-mode:multiply}.container .yellow{overflow:hidden}.container .yellow .ww{background-position:bottom right;background-size:auto 100%}.container .yellow .shade{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/index/yellow-shade.webp) no-repeat top center/100% 100%;z-index:1;pointer-events:none}.container .yellow .shanbox{z-index:2;left:auto;right:1.6%}.container .red{position:relative;overflow:hidden;width:100%;height:100%}.container .red .wwbox{mix-blend-mode:soft-light}.container .red .ww{background-position:top left;background-size:auto 100%}.container .red .shanbox{top:2.1rem;bottom:auto}.container .white{position:relative;overflow:hidden;width:100%;height:100%}.container .white .ww{background-position:top right;background-size:auto 100%}.container .black{overflow:hidden}.container .black .ww{background-position:bottom right;background-size:auto 100%}.container .black .shanbox{left:auto;right:1.6%}.container.active .cyan:hover .ww{-webkit-transform:scale(1.05);transform:scale(1.05)}.container.active .yellow:hover .ww{-webkit-transform:scale(1.05);transform:scale(1.05)}.container.active .red:hover .ww{-webkit-transform:scale(1.05);transform:scale(1.05)}.container.active .white:hover .ww{-webkit-transform:scale(1.05);transform:scale(1.05)}.container.active .black:hover .ww{-webkit-transform:scale(1.05);transform:scale(1.05)}.pcbody .container .item12,.pcbody .container .item34{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.pcbody .container .item{width:50%;border-left:.32rem solid rgba(0,0,0,0);border-right:.32rem solid rgba(0,0,0,0)}.pcbody .container .item1{border-left:0}.pcbody .container .item2:after{top:auto;bottom:0}.pcbody .container .item4{border-right:0}.pcbody .container .item4 .top:after{left:0;right:auto}.pcbody .container.active .item1::after,.pcbody .container.active .item2::after,.pcbody .container.active .item3::after{height:100%}.pcbody .container.active .item2 .top:after,.pcbody .container.active .item4 .top:after{width:100%}.pcbody .container.active .item1 .index-title:after{width:100%}.touchbody .container .cyan .bg{background-image:url(../img/index/cyan-bg.jpg)}.touchbody .container .cyan .ww{background-image:url(../img/index/cyan-ww.png)}.touchbody .container .yellow .bg{background-image:url(../img/index/yellow-bg.jpg)}.touchbody .container .yellow .ww{background-image:url(../img/index/yellow-ww.png)}.touchbody .container .red .bg{background-image:url(../img/index/red-bg.jpg)}.touchbody .container .red .ww{background-image:url(../img/index/red-ww.png)}.touchbody .container .white .bg{background-image:url(../img/index/white-bg.jpg)}.touchbody .container .white .ww{background-image:url(../img/index/white-ww.png)}.touchbody .container .black .bg{background-image:url(../img/index/black-bg.jpg)}.touchbody .container .black .ww{background-image:url(../img/index/black-ww.png)}.wapbody .container{-ms-flex-wrap:wrap;flex-wrap:wrap}.wapbody .container .item12,.wapbody .container .item34{width:100%;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex}.wapbody .container .item34{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}.wapbody .container .item{width:50%;border-top:.32rem solid rgba(0,0,0,0);border-bottom:.32rem solid rgba(0,0,0,0)}.wapbody .container .item1{z-index:1;border-top:0;border-right:.32rem solid rgba(0,0,0,0)}.wapbody .container .item2{background:#f1d79d;border-top:0;border-left:.32rem solid rgba(0,0,0,0)}.wapbody .container .item2 .top:after{left:0;right:auto}.wapbody .container .item3{border-right:0;border-left:.32rem solid rgba(0,0,0,0);border-top:.32rem solid rgba(0,0,0,0);border-bottom:0}.wapbody .container .item3:after{right:auto;top:auto;bottom:0;left:-0.64rem}.wapbody .container .item4{border-right:.32rem solid rgba(0,0,0,0);border-left:0;border-bottom:0}.wapbody .container .item4:after{top:-0.64rem;bottom:auto;left:0;right:auto}.wapbody .container.active .item1::after,.wapbody .container.active .item3::after{height:101%}.wapbody .container.active .item2 .top:after,.wapbody .container.active .item4 .top:after{width:100%}.wapbody .container.active .item2:after,.wapbody .container.active .item4:after{width:100%}