.btnav{margin:0 auto;}
.btnav ul{width:100%;height:380px;}
.btnav li:first-child,.btnav li:nth-child(2),.btnav li:nth-child(3),.btnav li:nth-child(4) {float:left;width:25%;margin:0 0 5px 0;display:block;overflow:hidden}
.btnav li{float:left;width:25%;margin:5px 0;display:block;text-align:center;overflow:hidden}
.btnav li img{width:50px;height:50px}
.btnav li p{height:25px}
.btn{position:relative;}
.btn:hover{box-shadow:1px 1px 25px 10px rgba(146,148,248,0.4)}
.btn:before{content:"";position:absolute;top:0;width:100%;height:100%;}.btn:hover:before{left:100%}
.daoxin ul{width:100%;height:100px;padding:18px 0 0 0;}
.daoxin li:first-child,.daoxin li:nth-child(2),.daoxin li:nth-child(3),.daoxin li:nth-child(4) {float:left;width:25%;margin:0 0 5px 0;display:block;overflow:hidden}
.daoxin li{float:left;width:25%;margin:5px 0;display:block;text-align:center;overflow:hidden}
.daoxin li img{width:64px;height:64px}
.daoxin li a{font-size:14px}
.ftnav{margin:0 auto;width:100%;height:450px;font-size:23px;font-weight:bold}
.ftn{line-height:50px;padding:.9rem 1.6rem;position:relative;background:linear-gradient(cyan,transparent),linear-gradient(-12deg,#f9daf6,transparent),linear-gradient(12deg,#ba2a8d,transparent);text-decoration:none;border-radius:50%;overflow:hidden}.btn:hover{box-shadow:1px 1px 25px 10px rgba(146,148,248,0.4)}.btn:before{content:"";position:absolute;top:0;width:100%;height:100%;}
.ftn:hover:before{left:100%}
.ctnav{margin:0 auto;width:100%;height:490px;font-size:18px;font-weight:bold}
.ctnav .ctn:nth-child(1),.ctnav .ctn:nth-child(2){float:left;margin:-0.8rem 0.55rem 0.5rem 0.55rem;padding:.6rem 1.6rem;position:relative;background:linear-gradient(cyan,transparent),linear-gradient(-12deg,#f9daf6,transparent),linear-gradient(12deg,#ba2a8d,transparent);text-decoration:none;border-radius:50%;overflow:hidden}.btn:hover{box-shadow:1px 1px 25px 10px rgba(146,148,248,0.4)}.btn:before{content:"";position:absolute;top:0;width:100%;height:100%;}
.ctnav .ctn:nth-child(3),.ctnav .ctn:nth-child(4),.ctnav .ctn:nth-child(5),.ctnav .ctn:nth-child(6),.ctnav .ctn:nth-child(7),.ctnav .ctn:nth-child(8),.ctnav .ctn:nth-child(9),.ctnav .ctn:nth-child(10),.ctnav .ctn:nth-child(11),.ctnav .ctn:nth-child(12),.ctnav .ctn:nth-child(13),.ctnav .ctn:nth-child(14),.ctnav .ctn:nth-child(15),.ctnav .ctn:nth-child(16){float:left;margin:0.5rem 0.55rem;padding:.5rem 1.6rem;position:relative;background:linear-gradient(cyan,transparent),linear-gradient(-12deg,#f9daf6,transparent),linear-gradient(12deg,#ba2a8d,transparent);text-decoration:none;border-radius:50%;overflow:hidden}.btn:hover{box-shadow:1px 1px 25px 10px rgba(146,148,248,0.4)}.btn:before{content:"";position:absolute;top:0;width:100%;height:100%;}
.ctn:hover:before{left:100%}