* { -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: url(../images/top_bg.png) center top no-repeat; min-width:1200px; } .header .container { position: relative; } .header .logo { padding-top: 40px; overflow: hidden; height: 150px; box-sizing: border-box; } .topright{ position: absolute; top: 50%; right: 0; margin-top: -12px; } .toplink{ color: #FFFFFF; margin-right: 20px; } .toplink span{ margin: 0 12px; } /*search*/ #search-box { width: 202px; height: 36px; margin-top: 6px; background: #FFFFFF; position: relative; border-radius: 20px; margin: auto; } #search-box .wzTv-inp-txt { width: 202px; float: left; height: 36px; background: none; padding-left: 19px; box-sizing: border-box; font-size: 14px; border: none; } #search-box .wzTv-inp-sub { float: right; text-indent: 999999999px; position: absolute; position: absolute; top: 0; bottom: 0; right: 16px; margin: auto; } /* nav */ .nav { width: 100%; min-width: 1200px; height: 55px; width: 100%; position: relative; z-index: 2; line-height: 55px; background: #0059c0; } .nav .nLi { float: left; width: 10%; text-align: center; position: relative; display: inline; transition: all .3s; -webkit-transition: all .3s; } .nav .nLi a { color: #FFFFFF; font-size: 16px; display: block; } .nav .sub { display: none; width: 155%; left: 0; top: 55px; position: absolute; line-height: 55px; z-index: 99; } .nav .sub li { zoom: 1; z-index: 99; background: #0059c0; 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: #0059c0 !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: #0059c0; } .nav .nLi.on .sub a { color: #fff; } /* footer */ .footer { background: #0059c0; font-size: 16px; height: 160px; color: #FFFFFF; padding-top: 30px; box-sizing: border-box; min-width:1200px; margin-top:30px; } .footer .ewm{ width: 33.33%; } .footer .ewm li{ margin-right: 20px; text-align: center; } .footer .ewm li img{ width:70px; height:70px; } .footer .bq { line-height: 36px; color: #FFFFFF; width: 38%; text-align: center; } .footer .link li{ width: 126px; height: 38px; background: #176fd5; line-height: 38px; padding: 0px 10px 0 46px; box-sizing: border-box; margin-bottom: 20px; } .footer .link li:first-child{ background: #176fd5 url(../images/icon_email1.png) no-repeat 15px center; } .footer .link li:last-child{ background: #176fd5 url(../images/icon_email2.png) no-repeat 15px center; } .footer .link li a{ display: block; } .footer .link li a:hover{ color: #FFFFFF; }