* { -ms-word-break: break-all; } body { text-align: left; color: #333333; line-height: 150%; font-family: "Microsoft YaHei", tahoma, arial, simsun, ; font-size: 14px; } html, body, div, ul, li, dl, dt, dd, form, input, select, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; } a { text-decoration: none; color: inherit; cursor: pointer; outline: none; } ul { list-style: none; } li { list-style: outside none; } img { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; } input { font-size: 12px; } select { font-size: 12px; } table { border-collapse: separate; border-spacing: 2px; } /*common*/ .container { width: 1200px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } .clearfix::after { content: ""; display: block; clear: both; } .overfloat-dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; } /*文本超出 小圆点显示*/ .overfloat-dot-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*header*/ .header { background:#b80906 url(../images/top_bg.png) center top no-repeat; width: 100%; min-width: 1200px; } .header .container { position: relative; } .header .logo { padding-top: 35px; overflow: hidden; height: 150px; box-sizing: border-box; } .topright{ position: absolute; top: 50%; right: 60px; margin-top: -12px; } .toplink{ color: #FFFFFF; } .toplink span{ margin: 0 12px; } .search { cursor: pointer; position: relative; display: inline-block; background: url(../images/search.svg) no-repeat center center; background-size: auto 18px; width: 20px; height: 18px; transition: .5s; z-index: 4; } .search.closed { background: url(../images/close.svg) no-repeat center center; background-size: auto 18px; width: 20px; height: 18px; transition: .3s; } .search_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; color: #666; z-index: 3; display: none } .search_wrap .search_box { position: fixed; width: 80%; max-width: 660px; z-index: 999; z-index: 3; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .search_wrap .i_txt { width: 100% } .search_wrap .bck { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 3; } .search_wrap .i_txt { position: absolute; height: 42px; font-size: 15px; border: none; background: #fff; width: 97%; padding-left: 3%; } .search_wrap .submit { position: absolute; top: 0; right: 0; width: 80px; height: 42px; cursor: pointer; background: #AB1E24; color: #ffffff; font-size: 18px; border: none; } /* nav */ .nav { width: 100%; min-width: 1200px; height: 55px; width: 100%; position: relative; z-index: 2; line-height: 55px; background: #ab1e24; } .nav .nLi { float: left; width: 9%; text-align: center; position: relative; display: inline; transition: all .3s; -webkit-transition: all .3s; } .nav .nLi a { color: #FFFFFF; font-size: 16px; display: block; font-weight: bold; } .nav .sub { display: none; width: 120%; left: 0; top: 55px; position: absolute; line-height: 55px; z-index: 99; } .nav .sub li { zoom: 1; z-index: 99; background: #ab1e24; color: #FFFFFF; border-bottom: 1px solid #fff; line-height: 45px; } .nav .sub li a{ font-weight: normal; } .nav .sub li:last-child { border-bottom: none; } .nav .sub li:hover { background-color: #FFFFFF; } .nav .sub li:hover a { color: #ab1e24 !important; } .nav .sub a { display: block; padding: 0 10px; color: #fff; font-size: 15px; } .nav .nLi.on { background-color: #FFFFFF; } .nav .nLi.on a { color: #ab1e24; } .nav .nLi.on .sub a { color: #fff; } /* footer */ .footer { background: #ab1e24; font-size: 16px; line-height: 35px; height: 200px; color: #FFFFFF; margin-top: 30px; padding-top: 30px; box-sizing: border-box; width: 100%; min-width: 1200px; } .footer .fr { margin-top: 20px; }