html, body {
font-family:'微软雅黑',"Microsoft YaHei", "Arial", "PingFang", "SimHei", "SimSun", "KaiTi", sans-serif ;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color:#333;
/* font-weight: 300;*/
}
html, body {
height: 100%;
}
/*-- 将栅格系统里的所有元素设为 border box --*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
iframe {
display: block;
margin: 0;
padding: 0;
}
/**
* Remove default margin.
*/
body, div, h1, h2, h3, h4, h5, h6, p, figure, form, ul, ol, li, dl, dt, dd, legend, th, td, input, optgroup, select, textarea, pre, code, blockquote, hr, caption {
padding: 0;
margin: 0;
}
ul, li, ol {
list-style-type: none;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio, canvas, progress, video {
display: inline-block;
/* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden], template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
text-decoration: none ;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active, a:hover {
outline: 0;
color: #3f88d1;
text-decoration: none;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b, strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button, input, optgroup, select, textarea {
color: inherit;
/* 1 */
/* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button, select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled], html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box; /* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
resize: none;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
/**
* Remove default margin.
*/
body, div, h1, h2, h3, h4, h5, h6, p, figure, form, ul, ol, li, dl, dt, dd, legend, th, td, input, optgroup, select, textarea, pre, code, blockquote, hr, caption {
padding: 0;
margin: 0;
}
ul, li, ol {
list-style-type: none;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article, aside, details, figcaption, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio, canvas, progress, video {
display: inline-block;
/* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden], template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
td, th {
padding: 0;
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
border: none;
background: none;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button, select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer; /* 3 */
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-thumb {
background-color: #bbb;
}
::-webkit-scrollbar-track-piece {
background-color: #ddd;
}
/*按钮 样式*/
.btn {
display: inline-block;
vertical-align: middle;
padding: 0 18px;
height: 38px;
line-height: 38px;
text-align: center;
background: #3f88d1;
color: #fff;
border-radius: 5px;
font-size: 14px;
white-space: nowrap;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.btn:hover {
opacity: 0.75;
filter: alpha(opacity=80);
}
.btn:active {
opacity: 1;
filter: alpha(opacity=100);
}
.btn + .btn {
margin-left: 10px;
}
/*按钮 大小*/
.btn-xs {
padding: 0 10px;
height: 24px;
line-height: 24px;
font-size: 10px;
border-radius: 0;
}
.btn-sm {
padding: 0 15px;
height: 30px;
line-height: 30px;
font-size: 14px;
border-radius: 2px;
}
.btn-md {
padding: 0 30px;
height: 50px;
line-height: 50px;
font-size: 16px;
min-width: 120px;
}
.btn-lg {
height: 60px;
line-height: 60px;
font-size: 18px;
padding: 0 30px;
}
.btn-fluid {
width: 100%;
}
.btn-radius {
border-radius: 50px;
}
.btn-primary {
background: none !important;
border: 1px solid #c3cdd9 !important;
color: #3674b3 !important;
}
.btn-primary:hover {
border-color: #4898f6;
color: #596b80;
}
.btn-disabled, .btn-disabled:hover, .btn-disabled:active {
border: 1px solid #dfe0e5;
background-color: #efefef;
color: #999;
cursor: not-allowed;
opacity: 1;
}
.btn-green {
background: #e7faf5;
border-color: #14cfa0;
color: #14cfa0;
}
.btn-red {
background: #fcf1f1;
border-color: #e5737a;
color: #e5737a;
}
.btn-orange {
background: #fef7ef;
border-color: #f2ac61;
color: #f2ac61;
}
/* Isi btn样式*/
.button--isi {
color: #fff;
/* background: #7986cb;*/
overflow: hidden;
}
.button--isi::before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
.button--isi .button__icon {
vertical-align: middle;
}
.button--isi > span {
vertical-align: middle;
padding-left: 0.75em;
}
.button--isi:hover::before {
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
/*按钮 样式结束*/
/*表单 样式开始*/
/** 表单 **/
.common-input, .common-textarea, .common-select {
height: 38px;
line-height: 1.3;
border-width: 1px;
border-style: solid;
background-color: #fff;
border-radius: 2px;
border-color: #e6e6e6;
font-family: "SimHei";
font-size: 14px;
color: #333;
}
.common-input::-webkit-input-placeholder, .common-textarea::-webkit-input-placeholder, .common-select::-webkit-input-placeholder, .search-input::-webkit-input-placeholder {
font-size: 16px;
color: #999;
line-height: 1.3;
}
.common-input, .common-textarea {
display: block;
width: 100%;
padding-left: 10px;
}
.common-input:hover, .common-textarea:hover {
border-color: #ccc !important;
}
.common-input:focus, .common-textarea:focus {
border-color: #bfbfbf !important;
}
.common-textarea {
position: relative;
min-height: 100px;
height: auto;
line-height: 20px;
padding: 6px 10px;
resize: vertical;
}
/** 下拉选择 **/
.common-select {
padding: 0 10px;
/*很关键：将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 200px;
margin-right: 10px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.common-select::-ms-expand {
display: none;
}
.common-select option {
font-size: 14px;
color: #333;
}
.common-form select, .common-form input[type=checkbox], .common-form input[type=radio] {
display: none;
}
.common-form *[lay-ignore] {
display: initial;
}
.common-form-item {
margin-bottom: 15px;
clear: both;
*zoom: 1;
}
.common-form-item:after {
content: '\20';
clear: both;
*zoom: 1;
display: block;
height: 0;
}
.common-form-label {
position: relative;
float: left;
display: block;
padding: 9px 10px;
font-size: 14px;
color: #333;
width: 100px;
font-weight: 400;
line-height: 20px;
text-align: right;
}
.common-form-text .common-input-inline {
width: auto;
}
.common-form-label-col {
display: block;
float: none;
padding: 9px 0;
line-height: 20px;
text-align: left;
}
.common-form-item .common-inline {
margin-bottom: 5px;
margin-right: 10px;
}
.common-input-block, .common-input-inline {
position: relative;
}
.common-input-block {
margin-left: 100px;
min-height: 36px;
}
.common-input-inline, .common-input-radio, .common-input-checkbox {
display: inline-block;
vertical-align: middle;
}
.common-form-item .common-input-inline {
float: left;
width: 200px;
margin-right: 10px;
}
.common-form-item .common-input-radio, .common-form-item .common-input-checkbox {
float: left;
width: 100px;
margin-right: 10px;
font-size: 14px;
}
/** 自定义单选框**/
.nm-input-radio input, .nm-input-checkbox input {
display: none;
}
.nm-input-radio span, .nm-input-checkbox span {
line-height: 38px;
display: inline-block;
position: relative;
}
.nm-input-radio span:active {
background: #EEEEEE;
}
.nm-input-radio span:before {
content: "\e601";
float: left;
color: #ccc;
font-size: 22px;
margin-right: 10px;
font-family: "common-icon" !important;
font-style: normal;
}
.nm-input-radio input:checked + span:before {
content: "\e601";
color: #4898f6;
}
.nm-input-checkbox span:before {
content: "\e607";
float: left;
font-size: 22px;
color: #ccc;
margin-right: 10px;
font-family: "common-icon" !important;
font-style: normal;
}
.nm-input-checkbox input:checked + span::before {
content: "\e608";
color: #4898f6;
}
/** 自定义单选框 end**/
.search-box {
width: 310px;
height: auto;
float: right;
margin-top: 40px;
}
.search-box2{
float: right;
margin-top: 40px;
}
.search-12345{
width: 400px;
float:right;
margin-right: 100px;
}
.btn-gjjs{
height: 46px;
line-height: 46px;
margin-left: 15px;
background: #e68a2e;
font-size: 18px;
}
.nm-search {
width: 100%;
height: 46px;
vertical-align: center;
position: relative;
}
.search-icon {
position: absolute;
left: 5px;
color: #3f88d1;
font-size: 26px !important;
top: 9px;
}
.search-input, .search-input2 {
height: 100%;
border: 1px solid #3f88d1;
border-radius: 5px 0 0 5px;
background: #fff;
float: left;
margin: 0;
padding: 10px 10px 10px 30px;
font-size: 16px;
box-sizing: border-box;
}
.search-input{
width: 75%;
}
.search-input2 {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid #c3cdd9 !important;
}
.search-btn, .search-btn2{
height: 100%;
border-radius: 0 5px 5px 0;
float: left;
font-size: 16px;
color: #fff;
margin: 0;
text-align: center;
}
.search-btn{
width: 25%;
line-height:46px;
}
.search-btn2{
width: 100%;
height: 42px;
line-height: 42px;
border-radius: 5px;
}
.search-btn3{
display: block;
width: 100%;
height: 40px;
line-height: 40px;
border-radius: 2px;
padding: 0;
margin: 0;
}
.btn-12345{
width: auto;
min-width: 100px;
height: 40px;
line-height: 40px;
font-size: 16px;
margin-right:10px;
display:inline-block;
}
.search-ls {
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
}
.search-ls ul {
display: inline-block;
vertical-align: middle;
}
.search-ls li {
font-size: 14px;
color: #3f88d1;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.header-input {
width: 300px !important;
}
/*表单 样式结束*/
/*表单*/
.flex1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.flex2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-justify: center;
-webkit-justify-content: center;
-ms-flex-justify: center;
}
.flex3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-justify: center;
-webkit-justify-content: center;
-ms-flex-justify: center;
}
.flex1-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
}
/*common*/
/**container**/
.container {
max-width: 1230px;
width: auto;
height: auto;
background: #fff;
padding:0 30px 30px 30px;
margin:15px auto;
position: relative;
box-sizing: border-box;
/* min-height: 600px;*/
}
.container2 {
max-width: 1230px;
width: auto;
height: auto;
padding: 0 ;
margin: auto;
position: relative;
/* min-height: 600px;*/
}
.container3 {
max-width: 1230px;
width: auto;
height: auto;
padding: 0;
margin: auto;
position: relative;
/* min-height: 600px;*/
}
.container4 {
max-width: 1230px;
width: auto;
height: auto;
padding: 0;
margin: auto;
position: relative;
}
.min-h{
min-height: 600px !important;
}
/**header**/
.nm-header {
width: 100%;
height:auto;
margin: 0;
padding: 0;
position: relative;
/* overflow: hidden;*/
}
.header-top {
width: 100%;
height: 30px;
background: #f2f2f2;
}
.h-t-l {
width: 30%;
float: left;
}
.h-t-r {
width: 70%;
float: left;
}
.h-t-item {
line-height: 30px;
margin: 0 15px;
color: #666;
}
.h-t-r li {
line-height: 30px;
margin: 0 15px;
float: right;
}
.h-t-r li a{
font-size: 13px;
color: #666;
}
.ipv {
width: 90px;
height: 20px;
line-height: 20px !important;
border-radius: 10px;
text-align: center;
background: #fff;
font-size: 13px;
color: #666;
margin-top: 5px;
}
.lang {}
.nm-header .drop {
position: absolute;
top: 35px;
z-index: 600;
background: #f6fbff;
padding: 5px;
box-sizing: border-box;
/* display: none;*/
}
.drop-lang {
width: 80px;
height: auto;
padding: 10px;
text-align: center;
}
.drop-wx {
text-align: center;
}
.drop-wx-img, .drop-wx-img img {
width: 100px;
height: 100px;
}
.nm-header .on {
font-weight: bold;
color: #3f88d1;
}
.nm-header .drop:after {
content: '';
display: block;
line-height: 0;
font-size: 0;
width: 0;
height: 0;
overflow: hidden;
border: 5px solid transparent;
border-bottom-color: #fff;
position: absolute;
left: 50%;
top: -10px;
margin-left: -5px;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
.header-m {
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
}
.header-m-bg{
height: 160px;
width: auto;
margin: 0 auto;
position: absolute;
top:0;
left: 0;
z-index: 1;
display:none;
}
.header-m .logo {
width: 425px;
height: 100px;
margin: 30px 0;
float: left;
}
.header-nav {
width: 100%;
height: 60px;
line-height: 60px;
background: none;
padding: 0;
margin: 0;
overflow: hidden;
}
.header-nav ul {
width: 100%;
height: 60px;
padding: 0 ;
margin: 0;
overflow: hidden;
background: #3f88d1;
}
.header-nav li {
width: 11.11%;
float: left;
text-align: center;
font-size: 18px;
color: #fff;
margin: 0;
}
.header-nav li:hover, .header-nav-cur{
background: #3674b3;
color:#fff !important;
}
.header-nav li a {
width: 100%;
height: 100%;
display: block;
color: #fff;
}
.header-nav-cur a{
color:#fff !important;
}
/**header end**/
/**bottom**/
.nm-footer {
width: 100%;
height:auto;
background: #4d4d4d;
position: relative;
z-index: 600;
}
.footer-link{
width: 100%;
height: 78px;
padding: 20px 0;
}
.footer-link li{
width: 20%;
float:left;
padding: 0 15px;
text-align: center;
position: relative;
}
.footer-link li a{
width: 100%;
height: 38px;
background: #fff;
border-radius: 2px;
line-height: 38px;
padding: 0 10px;
font-size: 14px;
color:#333;
display: block;
text-align: center;
position: relative;
}
.footer-link li a::after{
content: "\e603";
font-family: "iconfont";
position: absolute;
right: 10px;
}
.footer-link li a:hover::after{
transform: rotate(180deg);
}
.footer-link li ul {
display: none;
z-index: 100;
position: absolute;
left: 15px;
right: 15px;
bottom: 40px;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #ddd;
background-color: #fff;
/* opacity: 0;*/
transform: translate(0, 3px);
transition: opacity, transform .3s;
}
.footer-link li:hover ul {
display: block;
z-index: 9;
opacity: 1;
transform: translate(0, 0);
}
.footer-link li li {
width: 100%;
border-top: 1px solid #ddd;
line-height: 38px;
text-align: center;
transition: all .3s;
}
.footer-link li li:hover {
background-color: #f8f8f8;
}
.footer-link li li a {
display: block;
overflow: hidden;
white-space: nowrap;
word-break: keep-all;
text-overflow: ellipsis;
font-size: 14px;
}
.footer-link li li a::after{
content:none;
}
.footer-link2 {width: 100%;height: auto; padding: 20px 0;}
.footer-link2 .item{padding: 0 15px;text-align: center;position: relative; }
.footer-link2 .item .itemed{width: 100%;height: 38px;background: #fff;border-radius: 2px; line-height: 38px; padding: 0 10px;font-size: 14px;color:#333;display: block;text-align: center;position: relative;}
.footer-link2 .item .itemed::after{content: "\e603";font-family: "iconfont";position: absolute; right: 10px;}
.footer-link2 .item .arrow{width: 10px;height: 10px;}
.footer-link2 .item .arrow:after{
content: '';
position: absolute;
left: 50%;
bottom: 41px;
display: block;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color:#fff transparent transparent transparent ;
z-index: 400;
}
.footer-content-box{display: none;}
.footer-content{position: absolute;bottom: 60px;left:0;z-index: 300;text-align: left;width:800px;}
.footer-content ul{display:table;width:auto;max-width:800px;background: #fff;border:1px solid #e5e5e5;border-radius: 5px; padding: 20px;}
.footer-content li{display: inline-block;padding: 10px;}
.footer-content li a{font-size: 15px;color:#333;line-height: 20px;}
.foot-gov{width: 100%;height:140px;text-align: center;position: relative;padding: 15px 0px;}
.gov-red{float: right;margin-top: 10px; margin-right: 15px;}
.gov-jiucuo{float: right;margin-top: 25px;margin-right: 15px;}
.foot-gov-c{width: 70%; margin: 0 auto; text-align: left; float: left;top:10px;}
.foot-nav{width: 100%; height: 30px;line-height: 30px;}
.foot-nav li{display: inline-block;vertical-align: middle;margin: 0 10px;}
.foot-nav li a{ font-size: 14px;color:#fff;}
.foot-nav li a:hover{color:#72BDFB;}
.foot-cc{font-size: 14px;color:#ccc;padding-left: 5px;}
.foot-cc p{line-height: 25px;}
.foot-cc span{margin: 0 5px;color:#e5e5e5; font-size: 13px;}
.foot-cc a{color:#e5e5e5;margin: 0 5px;}
.foot-cc a:hover{color:#fff;text-decoration: underline;}
/**bottom-end**/
/*common*/
.body-bg {
width: 100%;
height: 100%;
background: #edf6fa;
}
.page {
width: auto;
max-width: 1200px;
min-width: 700px;
margin: auto;
}
/*字体大小*/
.h1 {
font-size: 24px !important;
}
.h2 {
font-size: 22px !important;
}
.h3 {
font-size: 20px !important;
}
.h4 {
font-size: 18px !important;
}
.h5 {
font-size: 16px !important;
}
.h6 {
font-size: 14px !important;
}
.h7 {
font-size: 12px !important;
}
/*字体行高*/
.line-h1 {
line-height: 60px;
}
.line-h2 {
line-height: 50px;
}
.line-h3 {
line-height: 40px;
}
.line-h4 {
line-height: 30px;
}
.line-h5 {
line-height: 20px;
}
.line-h6 {
line-height: 15px;
}
/*字体颜色*/
.color1 {
color: #333;
}
.color2 {
color: #666;
}
.color3 {
color: #999;
}
.color4 {
color: #2c6199;
}
.color5 {
color: #2c6199;
}
.color-match1 {
color: #3f88d1;
}
.color-red {
color: #cd291f !important;
}
.color-green {
color: #009688 !important;
}
.color-cyan {
color: #2f4056 !important;
}
.color-white {
color: #fff !important; /*白色*/
}
.color-orange {
color: #e67422 !important;
}
.color-blue {
color: #1e9fff !important;
}
/*背景颜色*/
.bg-bg{
background: #f2f4f7 !important;
}
.bg1{
background: #3f88d1;
}
.bg2{
background: #2c6199;
}
.bg-orange {
background: #e67422 !important;
}
.bg-white{
background: #fff;
}
.btn-warm, .bg-yellow {
background: #ebc82c !important; /*黄色*/
}
.btn-danger, .bg-red {
background: #f77539 !important; /*红色*/
}
.float-l {
float: left;
}
.float-r {
float: right;
}
.text-l{
text-align: left;
}
.text-r{
text-align: right;
}
.text-c{
text-align: center;
}
/**外阴影**/
.nm-shadow {
-webkit-box-shadow: 0px 0px 10px rgba(52, 111, 178, 0.15);
-moz-box-shadow: 0px 0px 30px rgba(52, 111, 178, 0.15);
box-shadow: 0px 0px 30px rgba(52, 111, 178, 0.15);
}
.nm-shadow:hover, .common-shadow:active {
-webkit-box-shadow: 0px 0px 30px rgba(52, 111, 178, 0.20);
-moz-box-shadow: 0px 0px 30px rgba(52, 111, 178, 0.20);
box-shadow: 0px 0px 30px rgba(52, 111, 178, 0.20);
}
/**旋转**/
.trs180 {
transform: rotate(180deg);
}
.trs90 {
transform: rotate(90deg);
}
.nm-line {
width: 100%;
height: 1px;
background: #e5e5e5;
}
.nm-line-v-s {
width: 1px;
height: 14px;
background: #999;
display: inline-block;
vertical-align: middle;
}
.nm-line-v-m {
width: 1px;
height: 20px;
background: #999;
display: inline-block;
vertical-align: middle;
}
.nm-border {
border: 1px solid #3f88d1 inset;
}
.nm-mod {
width: 100%;
height: auto;
}
.nm-mod-item {
width: 100%;
height: auto;
line-height: 40px;
}
.clearfix:after, .clearfix:before {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/****字体超出省略显示****/
.t-over1{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis ;
}
.t-over2{
overflow: hidden;
display:-webkit-box;
text-overflow: ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.t-over3{
overflow: hidden;
display:-webkit-box;
text-overflow: ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
/****字体超出省略显示 end****/
.margin-r5{
margin-right: 5px;
}
.margin-r10{
margin-right: 10px;
}
.margin-r15{
margin-right: 15px;
}
.margin-r30{
margin-right: 30px;
}
/***平均4等份***/
.layui-col-xs2_4{
position: relative;
display: block;
box-sizing: border-box;
float: left;
width: 25%;
}
/***平均5等份***/
.layui-col-xs2_5{
position: relative;
display: block;
box-sizing: border-box;
float: left;
width: 20%;
}
.layui-col-xs7_5{
position: relative;
display: block;
box-sizing: border-box;
float: left;
width: 80%;
}
.layui-col-xs0{
width: 0;
}
.border-b{
border-bottom: 1px solid #e6e8eb !important;
}
.border-none{
border:none;
}
.z-index10{
position: relative;
z-index: 10;
}
.show{
display: block !important;
}
.hide{
display: none !important;
}
.bigger{
font-size: 120%;
cursor:pointer;
}
.medium{
font-size: 100%;
cursor:pointer;
}
.smaller{
font-size: 80%;
cursor:pointer;
}
.nm-head{
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 15px;
font-size: 20px;
font-weight: bold;
color:#3473b6;
background: #f0f2f5;
margin-bottom: 20px;
}
.nm-head-sm{
width: 100%;
height: 42px;
line-height: 42px;
padding: 0 15px;
font-size: 16px;
font-weight: bold;
color:#0f2033;
background: #f0f2f5;
}
.nm-head-t2{
font-weight: normal;
font-size: 16px;
color:#666;
}
.column2, .column3, .column4, .column5{
float:left;
}
.column2{
width: 50%;
}
.column3{
width: 33.3%;
}
.column4{
width: 25%;
}
.column5{
width: 20%;
}
.column-p{
padding: 0 2px;
}
/****/
.pd-t30{
padding-top: 30px;
}
.pd-t1{
padding-top: 1px;
}
.margin-t30{
margin-top: 30px!important;
}
.gradient2{
background: -webkit-linear-gradient(#3d72cc, #1f4b99); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#3d72cc, #1f4b99); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#3d72cc, #1f4b99); /* Firefox 3.6 - 15 */
background: linear-gradient(#3d72cc, #1f4b99); /* 标准的语法（必须放在最后） */
}
/**弹出层样式**/
.mask{
display: none;
width: 100%;
height: 100%;
position: fixed;
top:0;
left: 0;
z-index: 999;
}
.mask2{
width: 100%;
height: 100%;
position: fixed;
top:0;
left: 0;
z-index: 999;
}
.mask-bg{
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
position: absolute;
left: 0;
top:0;
z-index: 1;
}
.popup{
width: 900px;
height: 500px;
position: absolute;
top: 50%;
margin-top: -250px;
left: 50%;
margin-left: -450px;
background: #fff;
border-radius: 10px;
padding: 0;
padding-bottom: 40px;
z-index: 10;
overflow: hidden;
}
.popup2{
width: 600px;
height: 180px;
background: #fff;
border-radius: 5px;
position: absolute;
left: 50%;
margin-left: -300px;
z-index: 10;
top:100px;
overflow: hidden;
}
.popup3{
width: 600px;
height: auto;
background: #fff;
border-radius: 5px;
position: absolute;
left: 50%;
margin-left: -300px;
z-index: 10;
top:60px;
overflow: hidden;
}
.popup-header{
width: 100%;
height: 50px;
background: #f2f2f2;
line-height: 50px;
border-radius: 10px 10px 0 0;
font-size: 18px;
color:#264d80;
font-weight: bold;
padding: 0 20px;
box-sizing: border-box;
}
.popup-header-r{
width: 40%;
height: 50px;
float: right;
text-align: right;
font-size: 16px;
color:#666;
font-weight: normal;
}
.popup-content{
width: 100%;
height: auto;
min-height: 350px;
max-height: 400px;
padding:0 20px 20px 20px;
overflow: auto;
overflow-y: auto;
box-sizing: border-box;
}
.popup-content2{
width: 100%;
height: auto;
padding: 15px 15px 58px 15px;
}
.popup-content .t1{font-size: 18px;line-height: 200%;}
.popup-content .t2{display: block;font-size: 18px;font-weight: bold;line-height: 30px;margin-top: 20px;}
.popup-bottom{
width: 100%;
height: 58px;
background: #fff;
box-sizing: border-box;
padding:10px 20px;
position: absolute;
bottom:0;
left: 0;
/* text-align: right;*/
border-top:1px solid #f2f2f2;
border-radius: 0 0 10px 10px ;
}
/**弹出层样式 end**/
.layui-table th, .layui-table td {
line-height: 24px !important;
font-size: 16px !important;
color:#333 !important;
}
/***高度固定***/
.list-h2, .list-h3, .list-h4, .list-h5, .list-h6, .list-h7, .list-h8, .list-h9, .list-h10{width: 100%; overflow: hidden!important;padding: 0;margin: 0;}
.list-h2{height: 80px!important;}
.list-h3{height: 120px!important;}
.list-h4{height: 160px!important;}
.list-h5{height: 200px!important;}
.list-h6{height: 240px!important;}
.list-h7{height: 280px!important;}
.list-h8{height: 320px!important;}
.list-h9{height: 360px!important;}
.list-h10{height: 400px!important;}
/**404 **/
.kong-c{width: 100%;height: auto;padding: 30px;text-align: center;min-height: 500px;}
.kong-c .img{width:270px;height: 100px;margin: 30px auto; }
.kong-c .img img{width: 100%;height: 100%;}
.kong-c .title{font-size: 30px;font-weight: bold;color:#333;margin-bottom: 10px;}
.kong-c .sub{font-size: 20px;color:#999;line-height: 150%;}
.kong-c .btn{margin: 30px auto;}
/**404 end**/