.banner{position:relative;height:184px}.banner::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#f6f6f600 90%,#f6f6f6 100%);pointer-events:none}.logoNav{position:absolute;top:35px;left:337px;width:256px;transition:all .6s ease-in-out}.searchBox{position:absolute;top:75px;right:calc(100% - 82%);left:auto;display:flex;height:40px;border:#013995 2px solid;margin:5px 0}.searchBox .searchBtn{background:linear-gradient(229deg,#5f7bbd,#1492e6,#a8d5ffb5);box-shadow:-1px 0 3px 1px #0000007a;font-size:20px;height:100%;font-family:"幼圆";border:none;color:#fff}.keywordInput{border:none;outline:0;width:270px;height:100%;padding-left:5px;background-color:#ffffffe8;font-size:16px;letter-spacing:2px}form.searchForm{background-color:#fff;height:35px}@media screen and (max-width:1650px){.logoNav{left:15%}.searchBox{right:calc(100% - 82%)}}@media screen and (max-width:1500px){.logoNav{left:10%}.searchBox{right:calc(100% - 82%)}}@media screen and (max-width:1200px){.searchBox{right:calc(100% - 75%)}}@media screen and (max-width:900px){.searchBox{right:calc(100% - 70%)}}