@media screen and (max-width: 1360px){ body .content{ width: 100%; min-width: unset; } body .content .building-component .building-component-banner{ height: 8rem; background-position-x: center; } body .content .building-component .building-component-nav { display: flex; width: 100%; justify-content: space-between; height: 4rem; background-color: #ffffff; margin: 0 auto; padding: 0 1rem; box-sizing: border-box; } body .content .building-component .building-component-nav .nav{ width: 100%; display: flex; justify-content: space-between; } body .content .building-component .building-component-nav .nav a{ width: unset; height: 100%; margin-right: unset; line-height: 4rem; color: #000000; text-align: center; font-size: 1rem; cursor: pointer; border-bottom: 3px solid transparent; padding-bottom: unset; box-sizing: border-box; } body .content .building-component .building-component-nav .route{ display: none; } body .content .building-component .building-component-nav .nav .building-component-select-nav{ border-bottom: unset; color: #0084ce; } } .content { min-width: 1360px; display: flex; flex-direction: column; } .content .building-component { display: flex; flex-direction: column; height: 100%; } .content .building-component .building-component-banner { width: 100%; height: 400px; background-image: url('../../images/buildingBg.png'); background-position-x: center; background-repeat: no-repeat; background-size: cover; } .content .building-component .building-component-nav { display: flex; width: 1270px; justify-content: space-between; height: 70px; background-color: #ffffff; margin: 0 auto; } .content .building-component .building-component-nav .nav{ display: flex; align-items: center; } .content .building-component .building-component-nav .nav a{ width: 80px; height: 100%; margin-right: 60px; line-height: 70px; color: #000000; text-align: center; font-size: 16px; cursor: pointer; border-bottom: 3px solid transparent; padding-bottom: 3px; box-sizing: border-box; } .content .building-component .building-component-nav .nav a:hover{ border-bottom: 3px solid #0084ce; color: #0084ce; transition: all .3s; } .content .building-component .building-component-nav .route{ display: flex; align-items: center; margin-right: 75px; } .content .building-component .building-component-nav .route span:first-child{ font-size: 16px; color: #0084ce; margin-right: 8px; } .content .building-component .building-component-nav .route span{ margin: 0 12px; color: #b4b4b4; font-size: 12px; } .content .building-component .building-component-nav .route a{ color: #888888; font-size: 14px; cursor: pointer; } .content .building-component .building-component-nav .route a:hover{ color: #0084ce; transition: all .3s; } .content .building-component .building-component-nav .nav .building-component-select-nav{ border-bottom: 3px solid #0084ce; color: #0084ce; }