body,html{width:100%;min-height:100vh;color:#000;font-family:Quicksand,sans-serif;font-style:normal;font-size:62.5%;background:url(../images/home/bg.jpg) no-repeat;background-size:cover}.container{max-width:1280px;margin:0 auto;padding-left:10px;padding-right:10px}.main{display:flex;justify-content:space-between;padding:4rem 0}.main-left{width:12.5rem}.main-right{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding-left:5rem}.main-right .header{width:100%;text-align:center}.main-right .header .logo{height:10rem}.main-right .header .logo img{height:100%;margin:0 auto}.main-right .header .text{margin-top:3rem;font-size:3.5rem;font-weight:600;-webkit-animation:text-flashing .7s infinite;animation:text-flashing .7s infinite}.main-nav .item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:12.5rem;height:12.5rem;margin-top:2rem;font-size:1.4rem;font-weight:100;color:#bc3554;background-color:#8ad0b8;border-radius:50%;box-shadow:rgb(0 0 0 / 62%) 0 3px 8px;box-shadow:rgb(0 0 0 / 17%) 0 -23px 25px 0 inset,rgb(0 0 0 / 15%) 0 -36px 30px 0 inset,rgb(0 0 0 / 10%) 0 -79px 40px 0 inset,rgb(0 0 0 / 6%) 0 2px 1px,rgb(0 0 0 / 9%) 0 4px 2px,rgb(0 0 0 / 9%) 0 8px 4px,rgb(0 0 0 / 9%) 0 16px 8px,rgb(0 0 0 / 9%) 0 32px 16px}.main-nav .item:first-child{margin-top:0}.main-nav .iconfont{font-size:3rem;transition:all 1s}.main-nav h3{margin-top:1rem;font-weight:200;letter-spacing:.5px}.main-nav .item:hover .iconfont{transform:rotateY(360deg)}.webspeed-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:3rem}.webspeed-container .bg{width:50%}.webspeed{width:50%}.webspeed .item{display:block;display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding:4px;font-size:1.5rem;font-weight:600;color:#277b5e;background-color:#8ad0b8;border-radius:42px;cursor:pointer}.webspeed .item:first-child{margin-top:0}.webspeed .left{display:flex;justify-content:space-between;align-items:center}.webspeed .number{position:relative;width:50px;height:50px;background:linear-gradient(to bottom,#cdf0ff 0,#8ad0b8 47%,#cee8ff 100%);border-radius:50%}.webspeed .number i{display:flex;align-items:center;justify-content:center;position:absolute;top:10px;left:10px;width:30px;height:30px;font-style:normal;border-radius:0;transform:rotate(0)}.webspeed .name,.webspeed .speed{margin-left:10px}.webspeed .btn-enter{position:relative;padding:0 10px;font-size:14px;line-height:30px;color:#fff;background:linear-gradient(to bottom,#fb4d75 0,#d03f60 47%,#bc3554 100%);border-radius:14px;cursor:pointer;transition:all .5s}.webspeed .btn-enter::after{content:'>>';position:absolute;top:0;right:20px;opacity:0;transition:.5s}.webspeed .item:hover .btn-enter{padding-right:30px}.webspeed .item:hover .btn-enter::after{opacity:1;right:5px}.webspeed .item:hover .number i{animation:changeright 1s linear infinite}.dice{background-repeat:no-repeat;background-size:cover}.dice1{background-image:url(../images/home/dice/1.png)}.dice2{background-image:url(../images/home/dice/2.png)}.dice3{background-image:url(../images/home/dice/3.png)}.dice4{background-image:url(../images/home/dice/4.png)}.dice5{background-image:url(../images/home/dice/5.png)}.dice6{background-image:url(../images/home/dice/6.png)}.dice_e{background-image:url(../images/home/dice/e.png)}.dice_s{background-image:url(../images/home/dice/s.png)}.dice_t{background-image:url(../images/home/dice/t.png)}.aside-service{position:fixed;bottom:2rem;right:2rem;z-index:99;width:8rem;height:8rem;border-radius:50%;animation:at-ripple-blue .6s linear infinite}.aside-service::before{content:'';display:block;width:100%;height:100%;background:url(../images/home/service.png) no-repeat;background-size:cover}@media (max-width:750px){.hidden-xs{display:none}.container{padding:0 5%}.header{margin-top:3rem}.main-right .header .logo{height:4rem}.main-right .header .text{margin-top:2rem;font-size:2rem;line-height:3rem}.main{padding:0 0 2rem}.main-left{width:100%}.main-right{padding-left:0}.main-nav{display:flex;justify-content:space-between;flex-wrap:wrap}.main-nav .item{width:8.6rem;height:8.6rem;font-size:.8rem}.main-nav .item:first-child{margin-top:2rem}.main-nav .iconfont{font-size:2.5rem}.webspeed-container{margin-top:1.5rem}.webspeed{width:100%}.webspeed .name,.webspeed .speed{margin-left:7px;font-size:1.3rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:normal;white-space:normal}.webspeed .speed{max-width:6rem}.webspeed .name{max-width:13rem}.aside-service{width:4rem;height:4rem}}@-webkit-keyframes at-ripple-blue{0%{box-shadow:0 4px 10px rgba(65,185,255,.1),0 0 0 0 rgba(65,179,255,.1),0 0 0 5px rgba(65,147,255,.1),0 0 0 10px rgba(65,195,255,.1)}100%{box-shadow:0 4px 10px rgba(65,179,255,.582),0 0 0 5px rgba(65,170,255,.274),0 0 0 10px rgba(65,185,255,.205),0 0 0 20px rgba(65,201,255,.479)}}@keyframes at-ripple-blue{0%{box-shadow:0 4px 10px rgba(111,155,180,.774),0 0 0 0 rgba(72,126,161,.644),0 0 0 5px rgba(42,94,161,.788),0 0 0 10px rgba(47,120,153,.719)}100%{box-shadow:0 4px 10px rgba(91,162,209,.192),0 0 0 5px rgba(80,157,219,.274),0 0 0 10px hsla(202,75%,71%,.205),0 0 0 20px rgba(107,203,241,.192)}}@-webkit-keyframes text-flashing{0%{color:#8ad0b8}50%{color:#04494c}100%{color:#8ad0b8}}@keyframes text-flashing{0%{color:#8ad0b8}50%{color:#04494c}100%{color:#8ad0b8}}@keyframes dice{7%{background-image:url(../images/home/dice/t.png)}28%{background-image:url(../images/home/dice/s.png)}85%{background-image:url(../images/home/dice/e.png)}}@keyframes changeright{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}