/*头部导航城市切换*/ .headCity { /*width: 550px;*/ width: auto; background: #fff; border: 1px solid #ea3516; padding: 30px 25px; position: absolute; left: -5px; top: 63px; z-index: 3; border-radius: 10px; display: none; } .header-city:hover .headCity { display: block; } .syhomeheadcefly:hover .headCity { display: block; } .headCity :after { content: ""; width: 17px; height: 12px; position: absolute; left: 25px; top: -12px; background: url(../images/top.png) no-repeat; } .headCityNav { border-bottom: 1px solid #dadada; line-height: 36px; height: 36px; } .headCityNav ul { display: flex; float: left !important; } .headCityNav li { color: #000; font-size: 15px; line-height: 35px; background: #ececec; border: 1px solid #d7d7d7; padding: 0 20px; margin-right: 5px; width: 30px; } .headCityNav li.on { background: #fff; border-bottom: #fff; } .headCityMain ul { display: flex; flex-wrap: wrap; float: left !important; } .headCityMain ul:nth-child(1) { display: flex; } .headCityMain li a { display: inline-block; font-size: 16px; color: #5a5a5a; text-align: left; margin-right: 20px; padding: 0 10px; margin-top: 15px; } .headCityMain li a:hover { background: #ea3516; color: #fff; } .headCityMain li.on a { background: #ea3516; color: #fff; } .syhomeheadce { width: 1200px; margin: 0 auto; position: relative; } .syhomeheadcefl { float: left; margin-right: 24px; } .syhomeheadcefly { float: right; margin-top: 5px; position: relative; padding-bottom: 20px; line-height: 20px; } .syhomeheadcefly>a { display: block; border: 1px solid #ea3516; border-radius: 20px; padding: 0px 5px; } .syhomeheadcefly a span { color: #969696; font-size: 12px; background: url(../images/down.png) no-repeat right center, url(../images/tb.png) no-repeat left center; padding-right: 20px; padding-left: 20px; } .headCity { left: -30px; top: 40px; } .header-city { display: none !important; } @media screen and (max-width: 767px) { .header-city { display: block !important; } } .header-city { position: relative; line-height: 26px; padding: 0px 15px; } .fl { float: left; } .header-city a { display: inline-block; color: #575757; } .header-city i { display: inline-block; width: 23px; height: 15px; background: url(../images/icon-city.png) center center no-repeat; background-size: 12px auto; position: relative; top: 2px; }