body{margin:0}ul{list-style:none}a{text-decoration:none}.title{width:1200px;margin:0 auto}.title h3{text-align:center;padding:10px}@media (max-width:960px){.title{width:100%}}.nav1{background-color:#008bc7}.nav1 .row{width:1200px;margin:0 auto}@media (max-width:960px){.nav1 .row{width:100%}}.nav1 ul{display:flex;flex-wrap:wrap;margin:0;padding:0;text-align:center}.nav1 ul li{width:20%;line-height:50px;cursor:pointer}.nav1 ul li a{color:#ffffff;text-decoration:none;font-weight:900}@media (max-width:960px){.nav1 ul li{width:33.33%}}.nav1 ul li:hover,.nav1 ul .on{background:rgba(0,0,0,0.13)}.nav1 ul li:hover a,.nav1 ul .on a{color:#ffea52}.nav2{background-color:#00da91}.nav2 .row{width:1200px;margin:0 auto}@media (max-width:960px){.nav2 .row{width:100%}}.nav2 ul{margin:0;padding:0;font-size:0}.nav2 ul li{width:20%;line-height:50px;cursor:pointer;display:inline-block;text-align:center;height:50px}.nav2 ul li a{color:#ffffff;text-decoration:none;font-weight:900;font-size:16px}@media (max-width:960px){.nav2 ul li{width:33.33%}}.nav2 ul li:hover,.nav2 ul .on{background:rgba(0,0,0,0.13)}.nav2 ul li:hover a,.nav2 ul .on a{color:#ffea52}.nav3{background-color:#004bd6}.nav3 .row{width:1200px;margin:0 auto}@media (max-width:960px){.nav3 .row{width:100%}}.nav3 ul{margin:0;padding:0;text-align:center;height:50px}@media (max-width:960px){.nav3 ul{height:auto;overflow:hidden}}.nav3 ul li{width:20%;line-height:50px;cursor:pointer;float:left}.nav3 ul li a{color:#ffffff;text-decoration:none;font-weight:900}@media (max-width:960px){.nav3 ul li{width:33.33%}}.nav3 ul li:hover,.nav3 ul .on{background:rgba(0,0,0,0.13)}.nav3 ul li:hover a,.nav3 ul .on a{color:#ffea52}.nav4{background-color:#008bc7}.nav4 .row{width:1200px;margin:0 auto}@media (max-width:960px){.nav4 .row{width:100%}}.nav4 ul{margin:0;padding:0;text-align:center;display:grid;grid-template-columns:auto auto auto auto auto}@media (max-width:960px){.nav4 ul{grid-template-columns:auto auto auto}}.nav4 ul li{line-height:50px;cursor:pointer}.nav4 ul li a{color:#ffffff;text-decoration:none;font-weight:900}.nav4 ul li:hover,.nav4 ul .on{background:rgba(0,0,0,0.13)}.nav4 ul li:hover a,.nav4 ul .on a{color:#ffea52}#nav li{position:relative}#nav li ul{position:absolute;left:0;top:50px;width:100%;z-index:6;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .8s}#nav li li{float:none;width:100%;background-color:#C01E22}#nav li li a{color:#fff}#nav li:hover ul{opacity:1;visibility:visible;display:block}