body{background-image:-webkit-gradient(linear,left top, left bottom,from(#fff),color-stop(20%, #edf6ff));background-image:-webkit-linear-gradient(top,#fff,#edf6ff 20%);background-image:-moz-linear-gradient(top,#fff,#edf6ff 20%);background-image:linear-gradient(180deg,#fff,#edf6ff 20%)}.sec-title{font-weight:700;font-size:.4rem;margin-bottom:.2rem}@media (max-width:1024px){.sec-title{font-size:.5rem}}@media (max-width:991px){.sec-title{font-size:.6rem}}@media (max-width:767px){.sec-title{font-size:.4rem}}.section1 ul,.section2 ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;width:-webkit-calc(100% + .6rem);width:-moz-calc(100% + .6rem);width:calc(100% + .6rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}@media (max-width:767px){.section1 ul,.section2 ul{width:-webkit-calc(100% + .3rem);width:-moz-calc(100% + .3rem);width:calc(100% + .3rem)}}.section1 ul li,.section2 ul li{-webkit-flex-shrink:0;flex-shrink:0;position:relative;z-index:1;width:-webkit-calc(25% - .6rem);width:-moz-calc(25% - .6rem);width:calc(25% - .6rem);margin-right:.6rem;margin-bottom:.6rem}@media (max-width:767px){.section1 ul li,.section2 ul li{width:-webkit-calc(50% - .3rem);width:-moz-calc(50% - .3rem);width:calc(50% - .3rem);margin-right:.3rem;margin-bottom:.3rem}}.section1 ul li:after,.section2 ul li:after{content:"";width:100%;height:100%;background-color:#fff;border-radius:.3rem;-webkit-box-shadow:0 0 .3rem rgba(46,85,153,.2);box-shadow:0 0 .3rem rgba(46,85,153,.2);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0;-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.section1 ul li a,.section2 ul li a{display:block;padding-top:.05rem;padding-bottom:.2rem}.section1 ul li a .img,.section2 ul li a .img{aspect-ratio:18/11;border-radius:.2rem;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s, -moz-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s, -moz-transform .3s;margin-bottom:.12rem}.section1 ul li a .text,.section2 ul li a .text{text-align:center;font-weight:700;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s, -moz-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s, -moz-transform .3s;font-size:.2rem}@media (max-width:1024px){.section1 ul li a .text,.section2 ul li a .text{font-size:.28rem}}@media (max-width:991px){.section1 ul li a .text,.section2 ul li a .text{font-size:.34rem}}@media (max-width:767px){.section1 ul li a .text,.section2 ul li a .text{font-size:.3rem}}.section1 ul li a .text:after,.section2 ul li a .text:after{content:"";display:block;border-radius:5px;background-image:-webkit-gradient(linear,left top, right top,from(#2e81f4),to(#46eab5));background-image:-webkit-linear-gradient(left,#2e81f4,#46eab5);background-image:-moz-linear-gradient(left,#2e81f4,#46eab5);background-image:linear-gradient(90deg,#2e81f4,#46eab5);opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;width:.3rem;height:.04rem;margin:.1rem auto 0}.section1 ul li:hover:after,.section2 ul li:hover:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.section1 ul li:hover a .img,.section2 ul li:hover a .img{-webkit-transform:scale(.92);-moz-transform:scale(.92);-ms-transform:scale(.92);transform:scale(.92)}.section1 ul li:hover a .text,.section2 ul li:hover a .text{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.section1 ul li:hover a .text:after,.section2 ul li:hover a .text:after{opacity:1}.section2{padding-bottom:.1rem}
