@charset 'utf-8'; /******样式清除******/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } ul, ol { list-style: none; } a { text-decoration: none; color: #333333 } a, span { vertical-align: top; } img { border: 0; vertical-align: middle; } input, button, text { vertical-align: top; outline: none; border: none; } button { padding: 0; background: none; cursor: pointer; } button::-moz-focus-inner { padding: 0; } textarea { outline: none; border: none; resize: none; } input, textarea { box-sizing: content-box; outline: none; background: 0 0; font-family: "Microsoft YaHei" } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #acacac; } input:-moz-placeholder, textarea:-moz-placeholder { color: #acacac; } input::-moz-placeholder, textarea::-moz-placeholder { color: #acacac; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #acacac; } table tr td, table { border-collapse: collapse; } body { font-size: 0; color: #000; font-family: "Microsoft YaHei"; } /*****通用样式******/ /*清除浮动*/ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .lf { float: left; } .rt { float: right; } .db { display: inline-block; } /*****边距调整****/ .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mr5 { margin-right: 5px } .mr10 { margin-right: 10px } .mr15 { margin-right: 15px } .mr20 { margin-right: 20px } /****内容块居中***/ .centerWidth{ width: 1200px; margin: 0 auto; } /*马从平*/ .pagination{/*分页*/ text-align: center; font-size: 14px; padding-bottom: 20px; } .pagination a{ width: 32px; line-height: 32px; display: inline-block; text-align: center; background: #eee; border-radius: 3px; margin: 0 6px; } .pagination a:hover{ background: #2760b7; color: #fff; cursor:pointer; } .pagination .first-page,.pagination .last-page{ width: 78px; } .pagination .active{ background: #2760b7; color: #fff; } .header { margin: 26px 0 20px 0; } .h-tool1 { overflow: hidden; font-size: 16px; } .h-tool1-left { float: left; display: inline-block; } .h-tool1-left > a { color: #fff; } .h-tool1-left > i { font-style: normal; color: #fff; display: inline-block; margin: 0 6px; } .h-tool1-right { float: right; display: inline-block; } .h-tool1-right > a { color: #fff; } .h-tool1-right > i { font-style: normal; color: #fff; display: inline-block; margin: 0 6px; } .h-tool2 { margin-top: 20px; overflow: hidden; } .h-tool2-left { float: left; width: 470px; height: 78px; background: url(wpf_logo.png) no-repeat left center; background-size: auto 100%; } .h-tool2-right { float: right; width: 472px; height: 46px; margin-top: 16px; background: #fff; border-radius: 23px; padding: 0 20px; overflow: hidden; } .h-tool2-right > input { width: 428px; height: 46px; line-height: 46px; background: none; color: #666; font-size: 20px; float: left; } .h-tool2-right .h-search { display: inline-block; width: 24px; height: 24px; margin-top: 11px; background: url(wpf_search.png) no-repeat center center; background-size: auto 100%; cursor: pointer; float: right; } .h-menu { margin-top: 36px; border-radius: 6px; overflow: hidden; } .h-menu > a { display: inline-block; background: #2760b7; padding: 15px 0; } .h-menu > a span { width: 199px; font-size: 22px; line-height: 22px; color: #fff; display: inline-block; text-align: center; font-weight: bold; } .h-menu > a.cur { background: #2e79c4; } .h-menu > a:hover { background: #2e79c4; color: #fff; } .h-menu > a + a span { border-left: 1px solid #7297d0; } .footer { margin: 0 0 20px 0; clear: both;/*清除浮动*/ } .f-info { border-top: 1px solid #d2d2d2; margin-top: 4px; padding: 0 0 0 13px; } .f-info-left { width: 750px; } .f-info-div { margin-top: 18px; } .f-info-div > a { font-size: 15px; color: #313131; } .f-info-div > span { color: #ccc; font-size: 15px; display: inline-block; margin: 0 16px 16px; } .f-info-p { font-size: 14px; color: #7d7d7d; line-height: 28px; } .f-info-right { width: 400px; overflow: hidden; margin-top: 20px; } .f-info-right > a { display: inline-block; float: right; width: 82px; text-align: center; } .f-info-right > a + a { margin-left: 10px; } .f-info-right > a > span { font-size: 12px; color: #999; display: block; margin-top: 4px; } .drop-groups{ /*height: 300px;*/ background: #2760b7; } .drop-down{ width: 300px; height: 40px; position: relative; text-align: center; /*margin-right: 20px;*/ } .drop-down .tag{ /*width: 100%;*/ display: inline-block; height: 40px; box-sizing: border-box; padding: 0 20px; color: #fff; font-size: 14px; line-height: 40px; /*border:1px solid #eee;*/ cursor: pointer; background: url(drop-icon.png) no-repeat right center; } .drop-lists{ position: absolute; width: 198px; top: 40px; left: 90px; border: 1px solid #eee; max-height: 120px; overflow: auto; display: none; text-align: left; background: #fff; } .drop-lists li{ height: 36px; line-height: 36px; width: 100%; } .drop-lists a{ display: block; line-height: 36px; width: 100%; box-sizing: border-box; padding-left: 20px; font-size: 12px; cursor: pointer; } .drop-lists a:hover{ background: #2760b7; color: #fff; } /*底部模拟下拉开始*/ .xiala { width: 1200px; margin: 0 auto; color: #fff; overflow: hidden; margin-bottom: 10px; background-color: #2760b7; } .xiala-item { width: 240px; height: 40px; text-align: center; } .xiala .active { background-color: #0a58cf; } .xiala .active .xiala-i-p { color: #fff } .xiala-i-p { display: inline-block; height: 40px; box-sizing: border-box; padding: 0 20px; color: #fff; font-size: 14px; line-height: 40px; cursor: pointer; background: url(drop-icon.png) no-repeat right center; } .xiala .active .xiala-i-p { background-image: url(drop-icon2.png); } .xiala-hide { width: 100%; background-color: #f2f2f2; box-sizing: border-box; overflow: hidden; height: 0; } .xiala-hide a:hover{ text-decoration: underline; } .xiala-h-item { display: none; padding: 12px 0 12px 50px; } .xiala-hide a { font-size: 15px; color: #1369c0; display: inline-block; width: 276px; line-height: 35px; margin-left: 10px; } /*底部模拟下拉结束*/