*{margin:0;padding:0;color:#333}a{text-decoration:none}.content{width:1200px;margin:0 auto;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center}.header .logo{width:160px}.header .logo img{width:100%}.header .phone a{font-size:1.2rem}@keyframes animal{0%,to{bottom:10%;left:10%}25%{bottom:11%;left:12%}50%{bottom:12%;left:15%}75%{bottom:11%;left:12%}}@keyframes animal3{0%,to{bottom:30%;left:20%}25%{bottom:25%;left:16%}50%{bottom:28%;left:14%}75%{bottom:25%;left:16%}}@keyframes animal1{0%,to{top:10%;left:10%}25%{top:11%;left:14%}50%{top:12%;left:18%}75%{top:11%;left:14%}}@keyframes animal2{0%,to{top:30%;right:10%;opacity:1}25%{top:32%;right:14%;opacity:.8}50%{top:34%;right:18%;opacity:.5}75%{top:32%;right:14%;opacity:.8}}@keyframes animal4{0%,to{bottom:10%;right:18%;opacity:1}25%{bottom:12%;right:25%;opacity:.8}50%{bottom:14%;right:28%;opacity:.5}75%{bottom:12%;right:25%;opacity:.8}}.banner{background:#7409bf;margin-bottom:2rem;min-width:1200px}.banner .content{position:relative}.banner .circle{position:absolute;border-radius:50%;width:30px;height:30px;background:rgba(166,47,233,.3333333333);animation:animal 6s infinite}.banner .circle1{background:linear-gradient(45deg,rgba(166,47,233,.3333333333),rgba(235,169,78,.3333333333));animation:animal1 8s infinite}.banner .circle2{background:#eba94e;animation:animal2 6s infinite}.banner .circle3{width:80px;height:80px;background:#9121e0;animation:animal3 5s infinite}.banner .circle4{background:linear-gradient(45deg,rgba(166,47,233,.3333333333),rgba(235,169,78,.3333333333));animation:animal4 5s infinite}ul{text-align:center}li{display:inline-block;width:15%;box-sizing:border-box;padding:.5rem 0;margin:0 .5rem}li .logo{height:40px}li .logo img{height:100%}li .list{background:#f8f8f8;text-align:center;padding:.5rem 0;border-radius:10px;border:1px solid #333;cursor:pointer}li .list .name{font-size:1rem}li .list:hover{background:#7409bf}li .list:hover .name{color:#fff}.on .list{background:#7409bf}.on .list .name{color:#fff}.title{color:#7409bf;padding-bottom:.5rem}.list-content .content{display:none;border:1px solid #333;background:#f8f8f8;padding:.5rem;margin:1rem 0;box-sizing:border-box}.list-content .flex{display:flex;background:#fff;border:1px solid #c9c9c9;padding:2rem 8rem}.list-content .flex .img{width:38%;text-align:center}.list-content .flex .details{width:60%;line-height:2rem;padding:2rem 4rem}.list-content .flex .details p{font-size:1.2rem}.list-content .flex .details .w-5{width:50%;padding:1rem 0}.list-content .dy{text-align:center;background:#fff;border:1px solid #c9c9c9;padding-bottom:1rem}.list-content .dy .title{padding:3rem 0 2rem}.list-content .dy img{vertical-align:middle}.list-content .btn{border:1px solid #7409bf;background:#7409bf;color:#fff;padding:.5rem 3rem;font-size:1.2rem;border-radius:8px}.list-content .btn:hover{color:#7409bf;background:#fff}