@charset "UTF-8";
/*=====网页公共部分的header&banner&footer=====*/
html, body {
  height: 100%;
}

input[type="button"], input[type="text"], button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  /*去除input默认样式*/
  border: 1px solid #e6e7ec;
}

input[type="button"], button {
  border: 0 none;
}

ul, li {
  list-style-type: none;
}

body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, optgroup, p, blockquote, figure, header, footer, hr, menu, dir, thead, tbody, tfoot, th, td {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style-type: none;
  list-style-image: none;
}

a {
  outline: none;
  text-decoration: none;
}

　
a:active {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0 none;
}

a:focus {
  outline: none;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  overflow-x: hidden;
}

body, button, input, select, textarea {
  font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
  -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
  text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h1 {
  font-size: 36px;
  font-size: 3.6rem;
}

h2 {
  font-size: 30px;
  font-size: 3rem;
}

h3 {
  font-size: 22px;
  font-size: 2.2rem;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

b, strong {
  font-weight: 700;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

code, kbd, pre, samp {
  font-family: monaco, menlo, consolas, 'courier new', courier, monospace;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}

small {
  font-size: 85.7%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: left;
}

table th, table td {
  padding: 8px 10px;
}

table th {
  font-weight: inherit;
  border-bottom-width: 2px;
  border-bottom-color: #ccc;
}

img {
  border: 0 none;
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

input, button {
  *overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

textarea {
  overflow: auto;
  resize: vertical;
}

select:disabled option:checked, option:disabled:checked {
  color: #D2D2D2;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input {
    line-height: normal;
  }
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a9a9a9;
  opacity: 1;
}

label {
  cursor: pointer;
}

select[size], select[multiple], select[size][multiple] {
  border: 1px solid #AAA;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block;
}

audio, canvas, video, progress {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

[draggable] {
  cursor: move;
}

/*reset end*/
.placehoderClass {
  color: #999;
}

.textOverflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  display: inline-block;
}

/* 修复IE10 和Windows Phone 8 没有对 屏幕的宽度 和 视口（viewport）的宽度 进行区分 的bug */
@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/*=====颜色=====*/
/*===========*/
/*=====固定表头的表格=====*/
/*=====公共样式部分=====*/
html {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  width: 100%;
  letter-spacing: 1px;
  font-family: "Microsoft Yahei";
  overflow-y: scroll;
}

.w {
  width: 1200px;
  margin: 0 auto;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  z-index: 1;
}

.overflowAuto {
  position: relative;
  overflow: hidden;
}

.h100 {
  height: 100% !important;
}

.w100 {
  width: 100% !important;
}

.plr0-pt15 {
  padding: 15px 0px 0px 0px !important;
}

.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.plr30 {
  padding: 0 30px;
}

/***定义一些常用的margin样式**/
.mt-5 {
  margin-top: 5px;
}

/*距上5像素*/
.mt-10 {
  margin-top: 10px;
}

/*距上10像素*/
.mt-15 {
  margin-top: 15px;
}

/*距上15像素*/
.mt-20 {
  margin-top: 20px;
}

/*距上20像素*/
.mt-25 {
  margin-top: 25px;
}

/*距上25像素*/
.mt-30 {
  margin-top: 30px;
}

/*距上30像素*/
.mt-35 {
  margin-top: 35px;
}

/*距上35像素*/
.mt-40 {
  margin-top: 40px;
}

/*距上40像素*/
.mt-50 {
  margin-top: 50px;
}

/*距上50像素*/
.mb-5 {
  margin-bottom: 5px;
}

/*距下5像素*/
.mb-10 {
  margin-bottom: 10px;
}

/*距下10像素*/
.mb-15 {
  margin-bottom: 15px;
}

/*距下15像素*/
.mb-20 {
  margin-bottom: 20px;
}

/*距下20像素*/
.mb-25 {
  margin-bottom: 25px;
}

/*距下25像素*/
.mb-30 {
  margin-bottom: 30px;
}

/*距下30像素*/
.mb-35 {
  margin-bottom: 35px;
}

/*距下35像素*/
.mb-40 {
  margin-bottom: 40px;
}

/*距下40像素*/
.mb-50 {
  margin-bottom: 50px;
}

/*距下50像素*/
.ml-5 {
  margin-left: 5px;
}

/*距左5像素*/
.ml-10 {
  margin-left: 10px;
}

/*距左10像素*/
.ml-15 {
  margin-left: 15px;
}

/*距左15像素*/
.ml-20 {
  margin-left: 20px;
}

/*距左20像素*/
.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

/*距左30像素*/
.ml-40 {
  margin-left: 40px;
}

/*距左40像素*/
.ml-50 {
  margin-left: 50px;
}

/*距左50像素*/
.mr-5 {
  margin-right: 5px;
}

/*距右5像素*/
.mr-10 {
  margin-right: 10px;
}

/*距右10像素*/
.mr-15 {
  margin-right: 15px;
}

/*距右15像素*/
.mr-20 {
  margin-right: 20px;
}

/*距右20像素*/
.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

/*距右30像素*/
.mr-40 {
  margin-right: 40px;
}

/*距右40像素*/
.mr-50 {
  margin-right: 50px;
}

/*距右50像素*/
/***定义一些常用的padding样式**/
.pt-5 {
  padding-top: 5px;
}

/*上填充5像素*/
.pt-10 {
  padding-top: 10px;
}

/*上填充10像素*/
.pt-15 {
  padding-top: 15px;
}

/*上填充15像素*/
.pt-20 {
  padding-top: 20px;
}

/*上填充20像素*/
.pt-30 {
  padding-top: 20px;
}

.pb-5 {
  padding-bottom: 5px;
}

/*下填充5像素*/
.pb-10 {
  padding-bottom: 10px;
}

/*下填充10像素*/
.pb-15 {
  padding-bottom: 15px;
}

/*下填充15像素*/
.pb-20 {
  padding-bottom: 20px;
}

/*下填充30像素*/
.pb-30 {
  padding-bottom: 30px;
}

/*下填充20像素*/
.pl-0 {
  padding-left: 0px;
}

.pl-5 {
  padding-left: 5px;
}

/*左填充5像素*/
.pl-10 {
  padding-left: 10px;
}

/*左填充10像素*/
.pl-15 {
  padding-left: 15px;
}

/*左填充15像素*/
.pl-20 {
  padding-left: 20px;
}

/*左填充20像素*/
.pr-0 {
  padding-right: 0px;
}

.pr-5 {
  padding-right: 5px;
}

/*右填充5像素*/
.pr-10 {
  padding-right: 10px;
}

/*右填充10像素*/
.pr-15 {
  padding-right: 15px;
}

/*右填充15像素*/
.pr-20 {
  padding-right: 20px;
}

/*右填充20像素*/
.pd-5 {
  padding: 5px;
}

/*填充5像素*/
.pd-10 {
  padding: 10px;
}

/*填充10像素*/
.pd-15 {
  padding: 15px;
}

/*填充15像素*/
.pd-20 {
  padding: 20px;
}

/*填充20像素*/
/***定义一些常用的字体大小样式***/
html {
  font-size: 62.5%;
}

.f-12 {
  font-size: 1.2rem;
}

.f-14 {
  font-size: 1.4rem;
}

.f-16 {
  font-size: 1.6rem;
}

.f-18 {
  font-size: 1.8rem;
}

.f-20 {
  font-size: 2.0rem;
}

.f-24 {
  font-size: 2.4rem;
}

.f-26 {
  font-size: 2.6rem;
}

.f-28 {
  font-size: 2.8rem;
}

.f-30 {
  font-size: 3.0rem;
}

/***定义一些常用的行高样式***/
.lh-16 {
  line-height: 16px;
}

/*16像素行距*/
.lh-18 {
  line-height: 18px;
}

/*18像素行距*/
.lh-20 {
  line-height: 20px;
}

/*20像素行距*/
.lh-22 {
  line-height: 22px;
}

/*22像素行距*/
.lh-24 {
  line-height: 24px;
}

/*24像素行距*/
.lh-26 {
  line-height: 26px;
}

/*26像素行距*/
.lh-28 {
  line-height: 28px;
}

/*28像素行距*/
.lh-30 {
  line-height: 30px;
}

/*30像素行距*/
/*=====公共样式部分=====*/
/*=====按钮样式开始======*/
.btn-one {
  color: #fff;
  background-color: #00ACAC;
  border-color: #00ACAC;
}

.btn-one:hover,
.btn-one:focus,
.btn-one.focus,
.btn-one:active,
.btn-one.active,
.open > .dropdown-toggle.btn-one {
  color: #fff;
  background-color: #00ACAC;
  border-color: #00ACAC;
}

.btn-one:active,
.btn-one.active,
.open > .dropdown-toggle.btn-one {
  background-image: none;
}

.btn-one.disabled,
.btn-one[disabled],
fieldset[disabled] .btn-one,
.btn-one.disabled:hover,
.btn-one[disabled]:hover,
fieldset[disabled] .btn-one:hover,
.btn-one.disabled:focus,
.btn-one[disabled]:focus,
fieldset[disabled] .btn-one:focus,
.btn-one.disabled.focus,
.btn-one[disabled].focus,
fieldset[disabled] .btn-one.focus,
.btn-one.disabled:active,
.btn-one[disabled]:active,
fieldset[disabled] .btn-one:active,
.btn-one.disabled.active,
.btn-one[disabled].active,
fieldset[disabled] .btn-one.active {
  background-color: #00ACAC;
  border-color: #00ACAC;
}

.btn-one .badge {
  color: #00ACAC;
  background-color: #fff;
}

.btn-two {
  color: #fff;
  background-color: #B6C2C9;
  border-color: #B6C2C9;
}

.btn-two:hover,
.btn-two:focus,
.btn-two.focus,
.btn-two:active,
.btn-two.active,
.open > .dropdown-toggle.btn-two {
  color: #fff;
  background-color: #B6C2C9;
  border-color: #B6C2C9;
}

.btn-two:active,
.btn-two.active,
.open > .dropdown-toggle.btn-two {
  background-image: none;
}

.btn-two.disabled,
.btn-two[disabled],
fieldset[disabled] .btn-two,
.btn-two.disabled:hover,
.btn-two[disabled]:hover,
fieldset[disabled] .btn-two:hover,
.btn-two.disabled:focus,
.btn-two[disabled]:focus,
fieldset[disabled] .btn-two:focus,
.btn-two.disabled.focus,
.btn-two[disabled].focus,
fieldset[disabled] .btn-two.focus,
.btn-two.disabled:active,
.btn-two[disabled]:active,
fieldset[disabled] .btn-two:active,
.btn-two.disabled.active,
.btn-two[disabled].active,
fieldset[disabled] .btn-two.active {
  background-color: #B6C2C9;
  border-color: #B6C2C9;
}

.btn-two .badge {
  color: #B6C2C9;
  background-color: #fff;
}

.btn-three {
  color: #fff;
  background-color: #D8D8D8;
  border-color: #D8D8D8;
}

.btn-three:hover,
.btn-three:focus,
.btn-three.focus,
.btn-three:active,
.btn-three.active,
.open > .dropdown-toggle.btn-three {
  color: #fff;
  background-color: #D8D8D8;
  border-color: #D8D8D8;
}

.btn-three:active,
.btn-three.active,
.open > .dropdown-toggle.btn-three {
  background-image: none;
}

.btn-three.disabled,
.btn-three[disabled],
fieldset[disabled] .btn-three,
.btn-three.disabled:hover,
.btn-three[disabled]:hover,
fieldset[disabled] .btn-three:hover,
.btn-three.disabled:focus,
.btn-three[disabled]:focus,
fieldset[disabled] .btn-three:focus,
.btn-three.disabled.focus,
.btn-three[disabled].focus,
fieldset[disabled] .btn-three.focus,
.btn-three.disabled:active,
.btn-three[disabled]:active,
fieldset[disabled] .btn-three:active,
.btn-three.disabled.active,
.btn-three[disabled].active,
fieldset[disabled] .btn-three.active {
  background-color: #D8D8D8;
  border-color: #D8D8D8;
}

.btn-three .badge {
  color: #D8D8D8;
  background-color: #fff;
}

.btn-four {
  color: #fff;
  background-color: #CD6767;
  border-color: #CD6767;
}

.btn-four:hover,
.btn-four:focus,
.btn-four.focus,
.btn-four:active,
.btn-four.active,
.open > .dropdown-toggle.btn-four {
  color: #fff;
  background-color: #CD6767;
  border-color: #CD6767;
}

.btn-four:active,
.btn-four.active,
.open > .dropdown-toggle.btn-four {
  background-image: none;
}

.btn-four.disabled,
.btn-four[disabled],
fieldset[disabled] .btn-four,
.btn-four.disabled:hover,
.btn-four[disabled]:hover,
fieldset[disabled] .btn-four:hover,
.btn-four.disabled:focus,
.btn-four[disabled]:focus,
fieldset[disabled] .btn-four:focus,
.btn-four.disabled.focus,
.btn-four[disabled].focus,
fieldset[disabled] .btn-four.focus,
.btn-four.disabled:active,
.btn-four[disabled]:active,
fieldset[disabled] .btn-four:active,
.btn-four.disabled.active,
.btn-four[disabled].active,
fieldset[disabled] .btn-four.active {
  background-color: #CD6767;
  border-color: #CD6767;
}

.btn-four .badge {
  color: #CD6767;
  background-color: #fff;
}

/*=====按钮样式结束======*/
/*=====列表，详情样式开始======*/
.container-wrapper {
  height: 100%;
}

.container-list {
  width: 55%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
}

.container-detail {
  margin-left: 56%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
}

/*=====列表，详情样式结束======*/
body .query-mask-layer {
  border-radius: 4px;
}

/*=====列表start=====*/
.list-items {
  width: 55%;
  height: 100%;
  overflow: hidden;
}

/*=====列表end=====*/
/*=====列表start=====*/
.list-items-2 {
  width: 50%;
  height: 100%;
  overflow: hidden;
}

/*=====列表end=====*/
/*=====详情start=====*/
.details {
  margin-left: 56%;
  height: 100%;
  overflow: hidden;
}

.details-2 {
  margin-left: 51%;
  height: 100%;
  overflow: hidden;
}

.wrap {
  position: relative;
  padding: 26px 20px;
  overflow: hidden;
  height: -webkit-calc(100% - 42px);
  height: calc(100% - 42px);
}

.wrap h4 {
  height: 18px;
  font-size: 12rem;
  font-size: 1.2rem;
  line-height: 18px;
  border-left: 4px solid #00ACAC;
  text-indent: 10px;
}

.wrap .wrap-container {
  width: 100%;
  padding: 10px 0;
}

.wrap .wrap-container dl {
  width: 50%;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 8px 0;
}

.wrap .wrap-container dl dt {
  float: left;
  width: 110px;
  text-align: right;
  font-weight: 400;
}

.wrap .wrap-container dl dd {
  margin-left: 115px;
}

/*=====详情end=====*/
/*@mixin bs-checkbox{
    !**checkbox样式**!
    .bs-checkbox {
        display: inline-block;
        font-weight: 100;
        cursor:pointer;
        input[type='checkbox'] {
            display: none;
        }
        input[type='checkbox'] + .checkbox-span {
            display: inline-block;
            width: 18px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            color: #FFFFFF;
            font-size: 12px;
            vertical-align: middle;
            background: #707478;
            border-radius: 4px;
            position: relative;
            z-index: 1;
            top: -2px;
        }
        input[type='checkbox']:checked + .checkbox-span {
            vertical-align: middle;
            margin-left: 5px;
        }
    }
}*/
.bootstrap-table {
  font-size: 1.2rem;
}

.bootstrap-table th, .bootstrap-table td, .bootstrap-table tr {
  border: 0 none;
}

.fixed-table-body {
  position: relative;
  border-bottom: solid 1px #E1E2E3;
  overflow: hidden;
}

.fixed-table-body .table {
  position: relative;
  overflow: hidden;
}

.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
  padding: 8px;
}

.fixed-table-pagination {
  margin-top: 10px;
}

.bootstrap-table .table {
  border-bottom: 0 none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  line-height: 1.5rem;
}

.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
  padding: 8px;
}

.fixed-table-container {
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

.bs-checkbox > input[type="checkbox"], .bs-checkbox .th-inner > input[type="checkbox"] {
  position: relative;
  top: 2px;
}

.fixed-table-body {
  border-radius: 2px;
}

.fixed-table-container .no-records-found {
  text-align: left;
  padding-left: 20px;
}

.form-control[readonly] {
  cursor: pointer !important;
  background-color: #FFFFFF;
}

.bs-checkbox > input[type="checkbox"], .bs-checkbox .th-inner > input[type="checkbox"] {
  left: 1px;
}

/*=====默认表格样式=====*/
#bootstrapTable, .bstable {
  width: 100%;
  margin-bottom: 20px;
}

#bootstrapTable .bTable, .bstable .bTable {
  width: 100%;
  margin: 0;
  border-radius: 2px;
}

#bootstrapTable .bTable.bt0 > tbody > tr > td, .bstable .bTable.bt0 > tbody > tr > td {
  border-top: 0;
}

#bootstrapTable .bTable > thead > tr, .bstable .bTable > thead > tr {
  border: 0;
  background: #F0F3F5;
  /**checkbox样式**/
}

#bootstrapTable .bTable > thead > tr > th, .bstable .bTable > thead > tr > th {
  border: 1px solid #e1e7fb;
  font-size: 12px;
  font-size: 1.2rem;
}

#bootstrapTable .bTable > thead > tr .jk-checkbox, .bstable .bTable > thead > tr .jk-checkbox {
  display: inline-block;
  font-weight: 400;
}

#bootstrapTable .bTable > thead > tr .jk-checkbox input[type='checkbox'], .bstable .bTable > thead > tr .jk-checkbox input[type='checkbox'] {
  display: none;
}

#bootstrapTable .bTable > thead > tr .jk-checkbox input[type='checkbox'] + .checkbox-span, .bstable .bTable > thead > tr .jk-checkbox input[type='checkbox'] + .checkbox-span {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  vertical-align: middle;
  background: #707478;
  border-radius: 4px;
}

#bootstrapTable .bTable > thead > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span, .bstable .bTable > thead > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span {
  background: #00ACAC;
}

#bootstrapTable .bTable > thead > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span + .checkbox-item, .bstable .bTable > thead > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span + .checkbox-item {
  color: #00ACAC;
}

#bootstrapTable .bTable > thead > tr .jk-checkbox .checkbox-item, .bstable .bTable > thead > tr .jk-checkbox .checkbox-item {
  vertical-align: middle;
  margin-left: 5px;
}

#bootstrapTable .bTable > tbody, .bstable .bTable > tbody {
  max-height: 300px;
  overflow: auto;
}

#bootstrapTable .bTable > tbody > tr, .bstable .bTable > tbody > tr {
  border: 0;
  /**checkbox样式**/
}

#bootstrapTable .bTable > tbody > tr:nth-child(even), .bstable .bTable > tbody > tr:nth-child(even) {
  background: #F0F3F5;
}

#bootstrapTable .bTable > tbody > tr > td, .bstable .bTable > tbody > tr > td {
  border: 1px solid #e1e7fb;
  font-size: 12px;
  font-size: 1.2rem;
}

#bootstrapTable .bTable > tbody > tr .jk-checkbox, .bstable .bTable > tbody > tr .jk-checkbox {
  display: inline-block;
  font-weight: 400;
}

#bootstrapTable .bTable > tbody > tr .jk-checkbox input[type='checkbox'], .bstable .bTable > tbody > tr .jk-checkbox input[type='checkbox'] {
  display: none;
}

#bootstrapTable .bTable > tbody > tr .jk-checkbox input[type='checkbox'] + .checkbox-span, .bstable .bTable > tbody > tr .jk-checkbox input[type='checkbox'] + .checkbox-span {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  vertical-align: middle;
  background: #707478;
  border-radius: 4px;
}

#bootstrapTable .bTable > tbody > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span, .bstable .bTable > tbody > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span {
  background: #00ACAC;
}

#bootstrapTable .bTable > tbody > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span + .checkbox-item, .bstable .bTable > tbody > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span + .checkbox-item {
  color: #00ACAC;
}

#bootstrapTable .bTable > tbody > tr .jk-checkbox .checkbox-item, .bstable .bTable > tbody > tr .jk-checkbox .checkbox-item {
  vertical-align: middle;
  margin-left: 5px;
}

#bootstrapTable .bTable > tfoot > tr, .bstable .bTable > tfoot > tr {
  border: 0;
  /**checkbox样式**/
}

#bootstrapTable .bTable > tfoot > tr:nth-child(even), .bstable .bTable > tfoot > tr:nth-child(even) {
  background: #F0F3F5;
}

#bootstrapTable .bTable > tfoot > tr > td, .bstable .bTable > tfoot > tr > td {
  border: 1px solid #e1e7fb;
  font-size: 12px;
  font-size: 1.2rem;
}

#bootstrapTable .bTable > tfoot > tr .jk-checkbox, .bstable .bTable > tfoot > tr .jk-checkbox {
  display: inline-block;
  font-weight: 400;
}

#bootstrapTable .bTable > tfoot > tr .jk-checkbox input[type='checkbox'], .bstable .bTable > tfoot > tr .jk-checkbox input[type='checkbox'] {
  display: none;
}

#bootstrapTable .bTable > tfoot > tr .jk-checkbox input[type='checkbox'] + .checkbox-span, .bstable .bTable > tfoot > tr .jk-checkbox input[type='checkbox'] + .checkbox-span {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  vertical-align: middle;
  background: #707478;
  border-radius: 4px;
}

#bootstrapTable .bTable > tfoot > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span, .bstable .bTable > tfoot > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span {
  background: #00ACAC;
}

#bootstrapTable .bTable > tfoot > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span + .checkbox-item, .bstable .bTable > tfoot > tr .jk-checkbox input[type='checkbox']:checked + .checkbox-span + .checkbox-item {
  color: #00ACAC;
}

#bootstrapTable .bTable > tfoot > tr .jk-checkbox .checkbox-item, .bstable .bTable > tfoot > tr .jk-checkbox .checkbox-item {
  vertical-align: middle;
  margin-left: 5px;
}

/*------------------------------------*\
  分页样式
\*------------------------------------*/
.pagination > li {
  display: inline-block;
  margin-left: 5px;
}

.pagination > li > a, .pagination > li > span {
  float: left;
  /*line-height:24px;*/
  font-weight: normal;
  text-align: center;
  border: 1px solid #EAEAEA;
  min-width: 14px;
  padding: 1px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.fixed-table-pagination a:hover {
  text-decoration: none;
  background: #FCFCFC;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: #FFF;
  cursor: default;
}

.fixed-table-pagination .current {
  color: #FFF;
  cursor: default;
}

.fixed-table-pagination .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: bold;
  cursor: default;
}

.fixed-table-pagination .next, .fixed-table-pagination .prev {
  width: 70px;
}

@media screen and (max-width: 1024px) {
  .pagination-info {
    display: none !important;
  }
}

/*=====bootstrap-treeview开始=====*/
#tree {
  font-size: 12px;
  font-size: 1.2rem;
  overflow: hidden;
  position: absolute;
  height: -webkit-calc(100% - 42px);
  height: calc(100% - 42px);
}

#tree .list-group {
  min-width: 200px;
}

#tree .list-group-item:first-child, #tree .list-group-item:last-child {
  border-radius: 0;
}

#tree .list-group-item {
  border: none;
  padding: 10px 5px;
  white-space: nowrap;
}

.householdRate {
  color: #000000;
  text-decoration: none;
  padding: 5px;
  font-size: 12px;
  display: block;
}

.householdRate:focus {
  color: #31b0d5 !important;
  text-decoration: none;
}

.householdRate:link {
  text-decoration: none;
}

.householdRate:visited {
  text-decoration: none;
}

.householdRate:hover {
  text-decoration: none;
}

.householdRate:active {
  text-decoration: none;
}

ul.checkYear {
  font-size: 0px;
  width: 100%;
  height: 40px;
  padding: 6px 15px;
  line-height: 40px;
}

ul.checkYear li {
  font-size: 14px;
  display: inline-block;
}

.td-normal-wrap {
  white-space: normal !important;
}

/*=====bootstrap-treeview结束=====*/
.select2-container .select2-selection--single {
  height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  right: 7px;
  top: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #ccc;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  max-height: 132px;
  overflow: auto;
}

.select2-container--default .select2-search--inline .select2-search__field {
  font-size: 20px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 110px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  max-height: 86px;
  overflow: auto;
}

.autoScroll {
  max-height: 100%;
  overflow: auto;
}

.single-line {
  height: 1px;
  background-color: #d9e0e7;
  width: 100%;
}

.flex-middle {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-scrollY {
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
  position: relative;
  overflow: hidden !important;
}

@media screen and (max-width: 1024px) {
  .wrap .wrap-container dl {
    width: 100%;
  }
}

/*start of 网站nav栏公用部分样式*/
.headerMT {
  display: none;
}

.cd-nav {
  display: none;
}

.cd-nav-trigger {
  display: none;
}

.moveline li {
  padding: 0 20px;
}

.nav {
  float: left;
  margin-left: 80px;
}

.header-search {
  float: right;
}

.header-search .insearch {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  width: 172px;
  vertical-align: middle;
  border: 1px solid #cbcbcb;
  padding: 5px;
  border-radius: 20px;
  margin-top: 25px;
}

.header-search .insearch .searchInput {
  float: left;
  width: 85%;
  padding-left: 5px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border: none;
  outline: none;
  display: inline-block;
  height: 20px;
}

.header-search .insearch img {
  float: left;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.header-service {
  float: right;
}

.header-service .inservice {
  width: 96px;
  height: 85px;
  display: table-cell;
  vertical-align: middle;
}

.header-service .inservice span {
  width: 96px;
  height: 30px;
  display: inline-block;
  background: #0050A4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  border-radius: 21px;
  cursor: pointer;
}

.index-swiper {
  padding-top: 85px;
  width: 100%;
  height: auto;
}

.index-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: auto;
  position: relative;
}

.index-swiper .swiper-slide .swiper-shade {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}

.index-swiper .swiper-slide .swiper-shade h4 {
  text-align: left;
  font-size: 38px;
  margin-top: 12%;
  padding-left: 5%;
}

.index-swiper .swiper-slide .swiper-shade p {
  color: #a4a09f;
  font-size: 16px;
  text-align: left;
  padding-left: 5%;
  margin-bottom: 40px;
}

.index-swiper .swiper-slide .swiper-shade div {
  width: 200px;
  height: 51px;
  text-align: center;
  line-height: 51px;
  background: #0050A4;
  margin-left: 5%;
  font-size: 18px;
  cursor: pointer;
  font-weight: 400;
}

.index-swiper .swiper-pagination {
  width: 100%;
}

.index-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 3.2%;
  height: 4px;
  border-radius: 0;
  border: 1px solid #ccc;
  background: rgba(0, 0, 0, 0);
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.index-swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: #973687;
  border: none;
}

/*end of 网站nav栏公用部分样式*/
/*start of 网站footer公用部分样式*/
footer {
  width: 100%;
  background-color: #262626;
  display: none;
}

footer .footer-content {
  width: 1200px;
  margin: 0 auto;
}

footer .footer-content-mt {
  display: none;
}

ul {
  list-style: none;
}

.footer-top {
  width: 100%;
  overflow: hidden;
}

.footer-top .footer-left {
  float: left;
  width: 20%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 10px;
  margin-top: 10px;
}

.footer-top .footer-left .left-inlineblock {
  float: left;
}

.footer-top .footer-left .iphoneicon {
  width: 25%;
}

.footer-top .footer-left .iphone {
  width: 70%;
}

.footer-top .footer-left .iphone span {
  display: inline-block;
}

.footer-top .footer-line {
  width: 62%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 10px;
  float: left;
  margin-top: 10px;
}

.footer-top .footer-line ul {
  margin: 0 54px;
}

.footer-top .footer-line ul li a:hover {
  color: #fff;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.footer-top .footer-right {
  width: 18%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 10px 33px;
  margin-top: 10px;
  float: left;
}

.footer-top .footer-right li img {
  float: left;
  width: 148px;
}

.footer-top .footer-right li span {
  float: left;
  text-align: center;
  width: 148px;
}

.footer-top ul {
  padding: 8px;
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

.footer-top ul li {
  padding: 6px 0px 6px 0px;
  color: #ababab;
}

.footer-top ul li ul li {
  padding: 0px;
  margin-top: 4px;
}

.footer-top ul li a {
  color: #ababab;
  text-decoration: none;
  cursor: hand;
}

.footer-top ul .li-title {
  font-size: 1.4rem;
  color: #ffffff;
}

.footer-top .footer-line {
  border-right: 1px solid #393939;
  border-left: 1px solid #393939;
}

.footer-bottom {
  padding: 8px;
  color: #666;
  border-top: 1px solid #393939;
  text-align: center;
}

.footer-bottom a {
  color: #666;
}

.footer-bottom a:hover {
  text-decoration: none;
}

.footer-bottom p {
  margin: 0;
}

.icon1,
.icon2,
.iconempty {
  width: 40px;
  height: 40px;
  display: inline-block;
}

.icon1 {
  background: url("../img/icon/telphone.png") no-repeat center;
  background-size: contain;
}

.icon2 {
  background: url("../img/icon/address.png") no-repeat center;
  background-size: contain;
}

.contact-inlineblock {
  padding-left: 4px;
  display: inline-block;
  width: 62%;
  padding-top: 10px;
}

.icon3 {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: 100%;
  background: url("../img/code1.png") no-repeat;
  background-size: contain;
}

/*end of 网站footer公用部分样式*/
/*======PC端最小宽度======*/
@media only screen and (min-device-width: 900px) {
  .index-swiper,
  .page-swiper,
  .intro2,
  .intro4,
  .intro6,
  footer {
    min-width: 1200px;
  }
}

.bdimgshare-bg {
  display: none;
}

.bdimgshare-content {
  display: none;
}

.bdsharebuttonbox {
  padding-top: 30px;
  float: right;
}

.assist-bg img {
  margin-top: 86px;
  min-width: 1200px;
}

/*==loadingpic==*/
@media only screen and (min-device-width: 900px) {
  #inner-page .about .w, .module2, .module3, .module5, .product2, .product6 {
    min-width: 1200px;
  }
}

@media screen and (max-width: 1399px) {
  .boxx {
    display: none !important;
  }
}

@media screen and (min-width: 1500px) {
  .fl_l {
    width: 111px !important;
  }
  .fl_l li a {
    line-height: 24px !important;
  }
}

.boxx {
  margin: 0 auto;
  width: 1200px;
  display: none;
}

.fl_l {
  width: 82px;
  float: left;
  position: fixed;
  top: 25%;
  left: 10px;
  z-index: 12;
}

.fl_l li a {
  border-bottom: 1px solid #eee;
  text-align: center;
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #0050a4;
  padding: 8px 10px 8px 10px;
}

.fl_l li.active a {
  background: #0050a4;
  color: #fff;
}

/*====子页轮播===*/
.modularbg img {
  margin-top: 86px;
  min-width: 1200px;
}

/*======关于我们中间部分======*/
.about {
  background-size: 100% 100%;
}

.module-title {
  font-size: 40px;
  width: 70%;
  text-align: center;
  margin: 85px auto 0 auto;
}

.h {
  width: 40px;
  height: 2px;
  margin: 30px auto 50px auto;
  background: #0050A4;
}

.module-text {
  width: 80%;
  line-height: 28px;
  font-size: 16px;
  text-align: center;
  height: 50px;
  margin: 0 auto 80px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.module1 {
  padding-top: 90px;
}

.module1 .module-title {
  margin: 0 auto;
}

.module1 .module-box {
  height: 502px;
}

.module1 .module-box .module1-left {
  width: 50%;
  height: 100%;
  float: left;
  background: url(../img/pic/mo1bg.png) no-repeat center center;
}

.module1 .module-box .module1-right {
  float: right;
  width: 50%;
  height: 100%;
  letter-spacing: 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-left: 30px;
}

.module1 .module-box .module1-right p {
  width: 100%;
  line-height: 25px;
  font-size: 14px;
  color: #414141;
}

.module1 .module-box .module1-right h5 {
  width: 100%;
  font-weight: 700;
  margin-top: 15px;
}

.module2 {
  margin-top: 68px;
  width: 100%;
  height: 610px;
  background: url(../img/pic/enterprise_culture_bg.png) no-repeat center;
  background-size: 100% 100%;
}

.module2 .module-title {
  color: #fff;
}

.module2 .module2-ul li {
  width: 400px;
  height: 300px;
}

.module2 .module2-ul .one {
  background: url(../img/pic/enterprise_culture_1.png) no-repeat center top #fff;
}

.module2 .module2-ul .two {
  background: url(../img/pic/enterprise_culture_2.png) no-repeat center top #fff;
}

.module2 .module2-ul .three {
  background: url(../img/pic/enterprise_culture_3.png) no-repeat center top #fff;
}

.module2-ul li {
  float: left;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 4px 6px #888;
}

.module2-ul li .li-shade {
  height: 80%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.module2-ul li .li-bottom {
  height: 20%;
  background: #fff;
  border-right: 1px solid #f2f2f2;
  text-align: center;
  line-height: 65px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.module2-ul li .li-fadeup {
  height: 120px;
  width: 100%;
  background: #aa5fa0;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: -120px;
  padding: 0 24px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.module3 {
  background: url(../img/banner/slider1.jpg) no-repeat;
  background-size: cover;
  width: 100%;
}

.module3 .module-title {
  color: #fff;
}

.module3 .module-text {
  color: #e8ebf4;
}

.module3 .module3-shade {
  width: 100%;
  height: 100%;
  background: rgba(44, 52, 65, 0.8);
}

.module3 .module-box {
  height: 444px;
  margin-bottom: 70px;
}

.module3 .module-box .btn-left {
  width: 40px;
  height: 100%;
  float: left;
  position: relative;
}

.module3 .module-box .btn-right {
  width: 40px;
  height: 100%;
  float: right;
  position: relative;
}

.module3 .module-box .btn-centerl {
  width: 40px;
  height: 40px;
  background: url(../img/icon/left.png) no-repeat center center;
  background-size: 40px 40px;
  position: absolute;
  margin-top: -20px;
  top: 50%;
}

.module3 .module-box .btn-centerr {
  width: 40px;
  height: 40px;
  background: url(../img/icon/right.png) no-repeat center center;
  background-size: 40px 40px;
  position: absolute;
  margin-top: -20px;
  top: 50%;
}

.module3-center {
  float: left;
  width: 1120px;
  height: 444px;
  position: relative;
}

.module3-center .parent {
  width: 1100px;
  height: 1px;
  background: #666;
  position: absolute;
  left: 10px;
  top: 50%;
}

.module3-center .parent .child {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.module3-center .parent .child .child-time {
  font-size: 14px;
  position: absolute;
  bottom: -30px;
  left: -40px;
  color: #fff;
  width: 100px;
}

.module3-center .parent .child img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.module3-center .parent .child .aaa {
  position: absolute;
  cursor: pointer;
  width: 306px;
  color: #fff;
  background: rgba(72, 78, 90, 0.8);
}

.module3-center .parent .child .aaa h5 {
  padding: 15px 20px;
  text-align: left;
}

.module3-center .parent .child .aaa p {
  padding: 0 20px;
  text-align: left;
  width: 266px;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  display: none;
}

.module3-center .parent .child .aaa .jia {
  width: 30px;
  height: 30px;
  background: #0050A4;
  color: #fff;
  line-height: 30px;
  text-align: center;
  float: right;
  font-size: 18px;
}

.module3-center .parent .child1 {
  left: 9%;
}

.module3-center .parent .child1 .aaa {
  top: -185px;
  left: -109px;
}

.module3-center .parent .child2 {
  left: 29%;
}

.module3-center .parent .child2 .aaa {
  bottom: -185px;
  left: -136px;
}

.module3-center .parent .child3 {
  left: 49%;
}

.module3-center .parent .child3 .aaa {
  top: -185px;
  left: -142px;
}

.module3-center .parent .child4 {
  right: 29%;
}

.module3-center .parent .child4 .aaa {
  bottom: -185px;
  left: -136px;
}

.module3-center .parent .child5 {
  right: 9%;
}

.module3-center .parent .child5 .aaa {
  top: -185px;
  left: -177px;
}

.module4 .layui-carousel {
  width: 100%;
  margin-bottom: 50px;
}

.module4 .layui-carousel .slide {
  color: #000;
  background: #fff !important;
}

.module4 .layui-carousel .slide ul {
  margin: 40px 10px 40px 55px;
}

.module4 .layui-carousel .slide ul li {
  width: 22%;
  height: 400px;
  float: left;
  background: #f3f3f3;
  margin: 1%;
  margin-bottom: 34px;
}

.module4 .layui-carousel .slide ul li div {
  padding: 15px;
}

.module4 .layui-carousel .slide ul li div div {
  padding: 0;
  height: 290px;
  margin: 0 auto;
  background: #fff;
  background-size: contain;
}

.module4 .layui-carousel .slide ul li div p {
  color: #414141;
  font-size: 16px;
  font-weight: bold;
  height: 27px;
  margin-top: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.module4 .layui-carousel .slide ul li:hover {
  box-shadow: 0 0 10px #ddd;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.module4 .layui-carousel-ind ul {
  background: #fff;
}

.module4 .layui-carousel-ind ul li {
  display: block;
  float: left;
  margin: 2px 6px 0px 6px;
  height: 13px;
  width: 13px;
  background: #DFDFDF;
}

.module4 .layui-carousel-ind ul .layui-this {
  background: #fff;
  border: 2px solid #9c5291;
  margin-top: 0px;
}

.module4 .layui-carousel-ind ul:hover {
  background: #fff;
}

.module5 {
  width: 100%;
  background: #5475b7;
  background-size: 100% 100%;
}

.module5 .module-title {
  color: white;
}

.module6 {
  width: 100%;
}

.module6 p {
  text-align: center !important;
}

.module6 .h {
  background: #0050A4 !important;
}

.module-box .condition li {
  cursor: pointer;
  width: 30%;
  margin: 1.65%;
  float: left;
}

.module-box .condition li .con-top {
  width: 100%;
  height: 220px;
}

.module-box .condition li .dymanic_1 {
  background: url(../img/banner/slider1.jpg) no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.module-box .condition li .dymanic_2 {
  background: url(../img/banner/slider1.jpg) no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.module-box .condition li .dymanic_3 {
  background: url(../img/banner/slider1.jpg) no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.module-box .condition li .guarantee_1 {
  background: url(../img/pic/bz1.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 20px;
}

.module-box .condition li .guarantee_2 {
  background: url(../img/pic/bz2.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 20px;
}

.module-box .condition li .guarantee_3 {
  background: url(../img/pic/bz3.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 20px;
}

.module-box .condition li .con-center {
  background: #fff;
  letter-spacing: 0;
  width: 88%;
  height: 175px;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 0 0 8px 8px;
  position: relative;
}

.module-box .condition li .con-center h3 {
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  color: #000;
  width: 85%;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.module-box .condition li .con-center div {
  margin: 15px auto;
}

.module-box .condition li .con-center .con-more {
  width: 35%;
  height: 31px;
  color: #fff;
  background: #0050A4;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 32.5%;
  bottom: -29px;
  border-radius: 20px;
}

.module-box .condition li .con-center .con-more:hover {
  opacity: .9;
  fliter: alpha(opacity=90);
}

.module-box .condition li:hover .con-top {
  opacity: .7;
  filter: alpha(opacity=70);
}

.module-box .more {
  width: 30%;
  height: 52px;
  margin: 70px auto;
}

.module-box .more .more-left {
  width: 20%;
  height: 1px;
  background: #fff;
  display: inline-block;
}

.module-box .more .more-click {
  width: 50%;
  height: 50px;
  border: 1px solid #fff;
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 37px;
  margin: 0 3.2%;
  cursor: pointer;
}

.module-box .more .more-right {
  width: 20%;
  height: 1px;
  background: #fff;
  display: inline-block;
}

.module-box .more .more-click:hover {
  opacity: .7;
}

/*======公司动态中间部分======*/
.comCondition {
  background: #fff;
}

.comCondition .module-title {
  font-size: 36px;
  width: 70%;
  text-align: center;
  margin: 60px auto 0 auto;
}

.comCondition .h {
  width: 40px;
  height: 2px;
  margin: 30px auto 50px auto;
  background: #0050A4;
}

.comCondition .module-text {
  width: 80%;
  line-height: 28px;
  font-size: 16px;
  text-align: center;
  margin: 0 auto 80px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dynamic {
  text-align: center;
}

.dynamic .module-title {
  font-size: 28px;
}

.dynamic .h {
  width: 40px;
  height: 2px;
  margin: 17px auto;
  background: #0050A4;
}

.dynamic .dyn-tab-ul {
  width: 338px;
  margin: 30px auto;
}

.dynamic .dyn-tab-ul li {
  display: inline-block;
  width: 102px;
  text-align: center;
}

.dynamic .dyn-tab-ul li span {
  display: block;
  height: 3px;
  background: #414141;
  margin-bottom: 5px;
}

.dynamic .dyn-tab-ul li a {
  display: block;
  color: #000;
}

.dynamic .dyn-tab-ul li.active span {
  background: #0050A4;
}

.dynamic .dyn-tab-ul li.active a {
  color: #0050A4;
}

.dynamic .list-ul-MT {
  display: none;
}

.dynamic .list-ul-MT li {
  float: left;
  background: #fff;
  margin: 0.8% 1.3%;
  cursor: pointer;
}

.dynamic .list-ul-MT li:hover p {
  color: #0050A4;
}

.dynamic .list-ul-MT .first-li {
  width: 47.4%;
}

.dynamic .list-ul-MT .first-li .li-top {
  height: 400px;
  width: 100%;
}

.dynamic .list-ul-MT .first-li .li-top img {
  width: 100%;
  height: 100%;
}

.dynamic .list-ul-MT .first-li h4 {
  padding-top: 10px;
  height: 100px;
  line-height: 30px;
  font-size: 20px;
  text-indent: 30px;
  width: 100%;
  text-align: left;
  font-weight: 700;
}

.dynamic .list-ul-MT .first-li p {
  height: 259px;
  font-size: 14px;
  color: #666;
  line-height: 25px;
  padding: 0 30px;
  text-align: left;
}

.dynamic .list-ul-MT .first-li .li-bottom {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  color: #666;
  font-size: 14px;
}

.dynamic .list-ul-MT .first-li .li-bottom img {
  float: right;
  width: 21px;
  height: 23px;
  margin-top: 18px;
}

.dynamic .list-ul-MT .first-li .li-bottom span:nth-of-type(1) {
  float: left;
}

.dynamic .list-ul-MT .first-li .li-bottom span:nth-of-type(2) {
  float: right;
}

.dynamic .newslistBox {
  display: none;
}

.dynamic .newslistBox .layerpage {
  text-align: center;
  margin: 42px 0;
}

.dynamic .newslistBox .layerpage .layui-laypage-count {
  background: #fff;
}

.dynamic .newslistBox .layerpage .layui-laypage-skip {
  background: #fff;
  color: #333;
}

.dynamic .newslistBox .list-ul {
  width: 100%;
}

.dynamic .newslistBox .list-ul li {
  float: left;
  background: #fff;
  margin: 0.8% 1.3%;
  cursor: pointer;
}

.dynamic .newslistBox .list-ul li .li-top {
  overflow: hidden;
}

.dynamic .newslistBox .list-ul li:hover p {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  color: #0050A4;
}

.dynamic .newslistBox .list-ul li:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

.dynamic .newslistBox .list-ul .small-li {
  width: 22.4%;
  height: 366px;
}

.dynamic .newslistBox .list-ul .small-li .li-top {
  height: 215px;
  width: 100%;
}

.dynamic .newslistBox .list-ul .small-li .li-top img {
  width: 100%;
  height: 100%;
}

.dynamic .newslistBox .list-ul .small-li h4 {
  font-size: 16px;
  width: 89%;
  text-align: left;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic .newslistBox .list-ul .small-li p {
  height: 50px;
  font-size: 14px;
  color: #666;
  line-height: 25px;
  padding: 0 10px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-indent: 28px;
}

.dynamic .newslistBox .list-ul .small-li .li-bottom {
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  color: #666;
}

.dynamic .newslistBox .list-ul .small-li .li-bottom img {
  float: right;
  width: 21px;
  height: 23px;
  margin-top: 18px;
}

.dynamic .newslistBox .list-ul .small-li .li-bottom span:nth-of-type(1) {
  float: left;
}

.dynamic .newslistBox .list-ul .small-li .li-bottom span:nth-of-type(2) {
  float: right;
}

.dynamic .newslistBox .list-ul .first-li {
  width: 47.4%;
}

.dynamic .newslistBox .list-ul .first-li .li-top {
  height: 400px;
  width: 100%;
}

.dynamic .newslistBox .list-ul .first-li .li-top img {
  width: 100%;
  height: 100%;
}

.dynamic .newslistBox .list-ul .first-li h4 {
  padding: 11px 0;
  line-height: 30px;
  font-size: 20px;
  text-indent: 30px;
  width: 100%;
  text-align: left;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic .newslistBox .list-ul .first-li p {
  height: 239px;
  font-size: 14px;
  color: #666;
  line-height: 26px;
  padding: 0 30px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  text-indent: 28px;
}

.dynamic .newslistBox .list-ul .first-li .li-bottom {
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
  color: #666;
  font-size: 14px;
}

.dynamic .newslistBox .list-ul .first-li .li-bottom img {
  float: right;
  width: 21px;
  height: 23px;
  margin-top: 18px;
}

.dynamic .newslistBox .list-ul .first-li .li-bottom span:nth-of-type(1) {
  float: left;
}

.dynamic .newslistBox .list-ul .first-li .li-bottom span:nth-of-type(2) {
  float: right;
}

.dynamic .newslistBox .report_list_mid_ul_pic_txt {
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.dynamic .newslistBox.active {
  display: block;
}

.dynamic .media_contenet .media_list_mid_ul_pic_name {
  font-size: 16px;
  color: #0c0c0c;
  margin-top: 10px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dynamic .media_contenet .media_list_mid_ul_pic_txt {
  margin-top: 5px;
  text-align: left;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}

.newsdetails .details-left {
  width: 63.2%;
  float: left;
}

.newsdetails .details-left .details-title {
  width: 100%;
  margin-top: 30px;
}

.newsdetails .details-left .details-title p {
  display: inline-block;
  color: #666;
  margin-right: 10px;
}

.newsdetails .details-left .details-title .title {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.newsdetails .details-left .details-title .time {
  height: 30px;
  line-height: 30px;
  color: #666;
  font-size: 14px;
}

.newsdetails .details-right {
  background: #f5f5f5;
  float: right;
  width: 32.6%;
  letter-spacing: 0;
}

.newsdetails .details-right h3 {
  color: #0050A4;
  height: 50px;
  font-weight: 700;
  line-height: 60px;
  padding-top: 37px;
  text-indent: 40px;
}

.newsdetails .details-right h3 span {
  font-weight: 400;
  color: #666;
  font-size: 20px;
}

.newsdetails .details-right .small-li {
  padding: 10px 40px;
  cursor: pointer;
}

.newsdetails .details-right .small-li .li-top {
  height: 215px;
  width: 100%;
  overflow: hidden;
}

.newsdetails .details-right .small-li .li-top img {
  width: 100%;
  height: 100%;
}

.newsdetails .details-right .small-li h4 {
  height: 20px;
  font-size: 16px;
  width: 100%;
  margin: 10px 0;
  color: #414141;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newsdetails .details-right .small-li p {
  text-indent: 28px;
  height: 50px;
  font-size: 14px;
  color: #414141;
  line-height: 26px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.newsdetails .details-right .small-li .li-bottom {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #cccccc40;
  color: #666;
}

.newsdetails .details-right .small-li .li-bottom span:nth-of-type(1) {
  float: left;
}

.newsdetails .details-right .small-li .li-bottom img {
  float: right;
  width: 21px;
  height: 23px;
  margin-top: 9px;
}

.newsdetails .details-right .small-li:hover p {
  color: #0050A4;
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.newsdetails .details-right .small-li:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

.newsdetails .details-right .small-li:nth-of-type(2) {
  margin-bottom: 50px;
}

.newsdetails .details-bottom {
  height: 132px;
  width: 100%;
  border-top: 1px solid #ccc;
}

.newsdetails .details-bottom ul {
  height: 44px;
  float: left;
  margin-top: 30px;
}

.newsdetails .details-bottom ul li {
  height: 22px;
  line-height: 22px;
  color: #414141;
}

.newsdetails .details-bottom .backList {
  float: left;
  width: 18.75%;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #414141;
  margin: 36px auto 0 auto;
  border-radius: 5px;
}

.newsdetails .details-bottom .backList:hover {
  background-color: #0050A4;
  border-color: #0050A4;
  color: #fff;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

@media screen and (max-width: 1399px) {
  .box {
    display: none;
  }
}

@media screen and (min-width: 1500px) {
  .fl_l {
    width: 111px !important;
  }
  .fl_l li a {
    line-height: 24px !important;
  }
}

.boxx {
  margin: 0 auto;
  width: 1200px;
}

.fl_l {
  width: 82px;
  float: left;
  position: fixed;
  top: 25%;
  left: 10px;
  z-index: 12;
}

.fl_l li a {
  border-bottom: 1px solid #eee;
  text-align: center;
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #0050a4;
  padding: 8px 10px 8px 10px;
}

.fl_l li.active a {
  background: #0050a4;
  color: #fff;
}

/*======产品中心中间部分======*/
.product1, .product2, .product3, .product4, .product5, .product6, .product7, .product8, .product9, .product10, .all {
  padding-top: 100px;
}

.product .product-title {
  font-size: 28px;
  width: 70%;
  text-align: center;
  margin: 0 auto;
}

.product .h {
  width: 40px;
  height: 2px;
  margin: 17px auto;
  background: #0050A4;
}

.product .product-text {
  width: 80%;
  line-height: 28px;
  font-size: 16px;
  color: #414141;
  text-align: center;
  margin: 0 auto 71px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.product2, .product5, .product7, .product8, .product9 {
  background: #fff !important;
}

.product3, .product6, .product10 {
  background: #f4fbfd !important;
}

.product-box {
  width: 100%;
}

.product-box .box-left {
  width: 50%;
}

.product-box .box-left dl {
  width: 100%;
  margin: 50px 0;
}

.product-box .box-left dl dt {
  float: left;
  margin-right: 4%;
  height: 46px;
  width: 46px;
}

.product-box .box-left dl dd {
  float: left;
}

.product-box .box-left dl dd h4 {
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
}

.product-box .box-left dl dd p {
  color: #414141;
  font-size: 14px;
  line-height: 25px;
}

.product-box .box-right {
  width: 50%;
  height: 388px;
}

.product1 .box-right {
  float: right;
  height: 461px;
  background: url(../img/product/product_1.png) no-repeat center;
}

.product1 .box-left {
  float: left;
}

.product1 .box-left .content {
  float: left;
  width: 50%;
  height: 60px;
}

.product2 {
  background: #f6fbfe;
  width: 100%;
}

.product2 .box-left {
  float: left;
  width: 50%;
  height: 484px;
  background: url(../img/product/product_2.png) no-repeat;
}

.product2 .box-right {
  float: right;
  width: 50%;
  height: 388px;
}

.product2 dl {
  margin-top: 200px;
  margin-left: 200px;
  overflow: hidden;
}

.product2 dl dt {
  float: left;
  margin-right: 4%;
}

.product2 dl dd {
  float: left;
}

.product2 dl dd h4 {
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
}

.product3 .box-right {
  float: right;
}

.product3 .box-left {
  float: left;
  height: 476px;
  background: url(../img/product/product_3.png) no-repeat center top;
}

.product3 dl {
  margin-top: 10px;
  margin-left: 20px;
  overflow: hidden;
}

.product3 dl dt {
  float: left;
  margin-right: 20px;
}

.product3 dl dd {
  float: left;
}

.product3 dl dd h4 {
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
}

.product4 .box-right {
  float: left;
  height: 496px;
  background: url(../img/product/product_4.png) no-repeat center top;
}

.product4 .box-left {
  float: right;
  margin-top: 100px;
  width: 36%;
}

.product5 {
  background: #f6fbfe;
  width: 100%;
}

.product5 .box-left {
  float: left;
  width: 50%;
  margin-top: 150px;
}

.product5 .box-right {
  float: right;
  width: 50%;
  height: 484px;
  background: url(../img/product/product_5.png) no-repeat center top;
}

.product5 dl {
  margin-top: 50px;
  margin-left: 200px;
  overflow: hidden;
}

.product5 dl dt {
  float: left;
  margin-right: 4%;
}

.product5 dl dd {
  float: left;
}

.product5 dl dd h4 {
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
}

.product6 {
  background: #f6fbfe;
  width: 100%;
}

.product6 .box-left {
  float: left;
  width: 50%;
  height: 488px;
  background: url(../img/product/product_6.png) no-repeat center center;
}

.product6 .box-right {
  float: right;
  width: 50%;
}

.product6 dl {
  margin-top: 170px;
  margin-left: 100px;
  overflow: hidden;
}

.product6 dl dt {
  float: left;
  margin-right: 4%;
}

.product6 dl dd {
  float: left;
}

.product6 dl dd h4 {
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
}

.product7 {
  background: #f6fbfe;
  width: 100%;
}

.product7 .box-left {
  float: left;
  width: 50%;
  height: 300px;
  background: url(../img/product/product_7.png) no-repeat center top;
}

.product7 .box-right {
  float: right;
  width: 50%;
  height: 300px;
  margin-top: 50px;
}

.product7 dl {
  margin-top: 50px;
  margin-left: 200px;
  overflow: hidden;
}

.product7 dl dt {
  float: left;
  margin-right: 4%;
}

.product7 dl dd {
  float: left;
}

.product7 dl dd h4 {
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
}

.product8 {
  background: #f6fbfe;
}

.product8 .product-box {
  width: 80%;
  height: 600px;
  margin: 0 auto;
  background: url(../img/product/product_8.png) no-repeat center top;
  background-size: contain;
}

.product8 .link {
  margin: 60px auto 100px auto;
  text-align: center;
}

.product8 a {
  color: #0050A4;
}

.product8 a:hover {
  color: #0050a4;
}

.product10 {
  padding-bottom: 100px;
}

.product10 .product-box {
  width: 50%;
  height: 600px;
  margin: 0 auto;
  background: url(../img/product/product_9.png) no-repeat center top;
}

.product10 .link {
  margin: 60px auto 0 auto;
  text-align: center;
}

.product10 a {
  color: #0050A4;
}

.product10 a:hover {
  color: #0050a4;
}

.backBlue {
  width: 100%;
  background: #5475b7;
  color: #fff;
}

.backBlue .product-text {
  color: #fff;
  width: 80%;
  line-height: 28px;
  font-size: 16px;
  text-align: center;
  margin: -20px auto 50px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cloud_serve {
  background: #f6fbfe;
  letter-spacing: 3px;
  width: 100%;
}

.cloud_serve .box-right {
  float: right;
  width: 40%;
  margin-right: 5%;
}

.cloud_serve .box-left {
  float: left;
  width: 40%;
  margin-left: 5%;
}

.cloud_serve h2 {
  margin-top: 20px;
  color: #8f3580;
}

.cloud_serve h3 {
  margin-top: 6px;
}

.cloud_serve p {
  line-height: 23px;
  color: #808080;
  margin-top: 10px;
  padding-left: 85px;
  text-indent: -85px;
}

.cloud_serve b {
  color: #000;
}

.cloud_serve img {
  margin: 60px 0 40px 0;
}

/*======客户案例中间部分======*/
.case {
  width: 100%;
}

.case .caseContent .case-title {
  font-size: 28px;
  width: 70%;
  text-align: center;
  margin: 70px auto 0 auto;
}

.case .caseContent .h {
  width: 40px;
  height: 2px;
  margin: 17px auto;
  background: #0050A4;
}

.case .caseContent .case-tab-ul {
  width: 220px;
  margin: 30px auto;
}

.case .caseContent .case-tab-ul li {
  display: inline-block;
  width: 102px;
  text-align: center;
}

.case .caseContent .case-tab-ul li span {
  display: block;
  height: 3px;
  background: #414141;
  margin-bottom: 5px;
}

.case .caseContent .case-tab-ul li a {
  display: block;
  color: #000;
}

.case .caseContent .case-tab-ul li.active span {
  background: #0050A4;
}

.case .caseContent .case-tab-ul li.active a {
  color: #0050A4;
}

.case .case-menu {
  margin: 0 auto;
  width: 80%;
  min-height: 283px;
}

.case .case-menu .case-menu-list {
  display: none;
}

.case .case-menu .case-menu-list .layerpage {
  text-align: center;
  margin: 42px 0;
}

.case .case-menu .case-menu-list.active {
  display: block;
}

.case .case-menu dl {
  width: 100%;
  padding: 30px 20px;
  border: 1px solid #efefef;
  cursor: pointer;
  margin: 15px 0;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.case .case-menu dl dt {
  width: 20%;
  height: 124px;
  float: left;
  text-align: center;
}

.case .case-menu dl dt img {
  width: 100%;
  height: 124px;
}

.case .case-menu dl dd {
  width: 80%;
  height: 124px;
  display: table-cell;
  padding-left: 20px;
  letter-spacing: 0;
}

.case .case-menu dl dd h4 {
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.case .case-menu dl dd p {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #666;
  display: inline-block;
}

.case .case-menu dl dd .div1 {
  height: 63px;
  font-size: 14px;
  line-height: 22px;
  color: #414141;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.case .case-menu dl dd .div2 {
  font-size: 14px;
  color: #414141;
}

.case .case-menu dl dd .div2 span:nth-of-type(2) {
  display: inline-block;
  text-align: center;
  background: #fa6964;
  color: #fff;
  width: 83px;
  height: 18px;
  font-size: 12px;
}

.case .case-menu dl:hover {
  box-shadow: 0 5px 20px rgba(187, 187, 187, 0.5);
}

/*======解决方案中间部分======*/
.solution .solution-nav {
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #ccc;
}

.solution .solution-nav ul {
  width: 870px;
  margin: 0 auto;
}

.solution .solution-nav ul li {
  width: 145px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #414141;
  float: left;
  cursor: pointer;
}

.solution .solution-nav ul li.active {
  background: #0050A4;
  color: #fff;
}

.solution .solu-title {
  font-size: 35px;
  width: 70%;
  text-align: center;
  margin: 70px auto 0 auto;
}

.solution .h {
  width: 40px;
  height: 2px;
  margin: 20px auto 30px auto;
  background: #0050A4;
}

.solution .solu-text {
  width: 80%;
  font-size: 24px;
  text-align: center;
  color: #666;
  margin: 0 auto 80px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.solution .intro-ul {
  width: 426px;
  margin: 0 362px 60px auto;
}

.solution .intro-ul li {
  float: left;
  width: 60px;
  text-align: center;
  cursor: pointer;
}

.solution .intro-ul li p {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}

.solution .intro-ul li:nth-of-type(1) {
  margin-right: -49px;
}

.solution .intro-ul li:nth-of-type(2) {
  margin: 0 53px 0 150px;
}

.solution .intro-ul li:last-child {
  width: 135px;
}

.solution .intro-ul li:hover p {
  color: #0050A4;
}

.solution .solu-box {
  width: 100%;
}

.solution .solu-box .right-title {
  font-size: 24px;
  height: 80px;
  line-height: 80px;
  color: #414141;
  padding-left: 15px;
}

.solution .solu-box .right-title span {
  color: #0050A4;
  font-size: 35px;
}

.solution .solu-box .solu-p {
  margin-bottom: 20px;
  padding-left: 15px;
}

.solution .solu-box .solu-p p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}

.solu1 .solu-left {
  float: left;
  height: 390px;
  width: 50%;
  background: url(../img/pic/solubg.png) no-repeat;
}

.solu1 .solu-right {
  float: right;
  width: 50%;
}

.solu2 {
  background: url(../img/pic/modu2bg.png);
}

.solu2 .solu-left {
  float: left;
  width: 30%;
}

.solu2 .solu-right {
  float: right;
  width: 70%;
  height: 390px;
  background: url(../img/pic/in2bg.png) no-repeat right bottom;
}

.solu3 .solu-left {
  float: left;
  height: 283px;
  width: 50%;
  background: url(../img/pic/in3bg.png) no-repeat;
  background-position: 60px 0;
}

.solu3 .solu-right {
  float: right;
  width: 50%;
}

.solu4 {
  background: #fcfcfe;
  height: 414px;
}

.solu4 .solu-left {
  float: left;
  width: 50%;
  margin-top: 152px;
}

.solu4 .solu-left .right-title {
  padding-left: 60px;
}

.solu4 .solu-left p {
  padding-left: 47px;
}

.solu4 .solu-right {
  float: right;
  height: 414px;
  width: 50%;
  background: url(../img/pic/in4bg.png) no-repeat left center;
}

.solu5 .solu-left {
  float: left;
  width: 50%;
  height: 414px;
  background: url(../img/pic/in5bg.png) no-repeat;
  background-position: 60px 100px;
}

.solu5 .solu-right {
  float: right;
  width: 50%;
  margin-top: 152px;
}

.solu6 {
  background: #fcfcfe;
}

.solu6 .solu-box .solu6-ul {
  width: 100%;
  margin-bottom: 100px;
}

.solu6 .solu-box .solu6-ul li {
  width: 25%;
  padding: 0 4.1%;
  float: left;
  border-right: 1px dashed #ccc;
  text-align: center;
}

.solu6 .solu-box .solu6-ul li div {
  background: url(../img/icon/low.png) no-repeat center;
  height: 130px;
  width: 100%;
}

.solu6 .solu-box .solu6-ul li h4 {
  height: 76px;
  line-height: 76px;
  font-size: 24px;
}

.solu6 .solu-box .solu6-ul li p {
  height: 108px;
  font-size: 14px;
  line-height: 25px;
  color: #666;
}

.solu6 .solu-box .solu6-ul li:nth-of-type(3) {
  border: none;
}

.solu7 {
  width: 100%;
  background: url(../img/banner/slider1.jpg) no-repeat;
  background-size: 100% 100%;
}

.solu7 .solu-box {
  margin-bottom: 100px;
  background: #fafafc;
  width: 100%;
}

.solu7 .solu-box h3 {
  height: 95px;
  text-align: center;
  color: #fff;
  line-height: 95px;
  font-size: 30px;
  background: #0050A4;
}

.solu7 .solu-box .solu-left {
  float: left;
  width: 50%;
  height: 352px;
  background: url(../img/pic/wx.png) no-repeat center;
}

.solu7 .solu-box .solu-right {
  float: right;
  width: 50%;
}

.solu7 .solu-box .solu-right .solu-p p {
  height: 30px;
  line-height: 30px;
}

.solu7 .solu-box .solu-right .solu-p p::before {
  content: "·";
  color: #0050A4;
  font-size: 30px;
  height: 30px;
  display: inline-block;
  width: 13px;
}

.solu7 .solu-box .solu-right .right-title {
  margin-top: 60px;
}

.solu7 .solu-box .solu-right .right-title span {
  font-size: 40px;
}

.solu7 .solu-box .solu-right a {
  display: block;
  width: 188px;
  height: 42px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  background: #0050A4;
  margin-left: 15px;
}

.solu8 {
  background: #fcfcfe;
}

.solu8 .solu-box div {
  width: 47%;
  margin-left: 1.85%;
  display: inline-block;
}

.solu8 .solu-box div ul {
  box-shadow: 0 6px 50px #ccc, 0 0 11px #ccc, 0 0 12px #ccc;
  margin-bottom: 50px;
  padding: 25px 0;
}

.solu8 .solu-box div ul li {
  height: 30px;
  line-height: 30px;
  margin: 7px 0;
}

.solu8 .solu-box div ul li a {
  color: #414141;
  padding-left: 25px;
  font-size: 14px;
  border-left: 2px solid #fff;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 398px;
}

.solu8 .solu-box div ul li span {
  color: #ccc;
  font-size: 12px;
  float: right;
}

.solu8 .solu-box div ul li:hover a {
  color: #0050A4;
  border-right: 0;
  background: none;
  border-left: 2px solid #0050A4;
}

/*======详情页中间部分======*/
.detailsPage {
  width: 100%;
}

.detailsPage .details-top {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.detailsPage .details-top .details-top-left {
  width: 80%;
  margin: 0 auto;
}

.detailsPage .details-top .details-top-left h4 {
  padding: 35px 0 20px 0;
  font-size: 20px;
  font-weight: 700;
}

.detailsPage .details-top .details-top-left p {
  font-size: 14px;
  padding: 10px 0 30px 0;
  color: #666;
  display: inline-block;
  margin-right: 10px;
}

.detailsPage .details-top .details-top-right {
  width: 20%;
  display: inline-block;
  display: none;
}

.detailsPage .details-context {
  padding: 50px 0;
  width: 80%;
  margin: 0 auto;
}

.detailsPage .details-back {
  height: 140px;
}

.detailsPage .details-back ul {
  width: 23.3%;
  margin-top: 30px;
  float: left;
}

.detailsPage .details-back ul li {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
  cursor: pointer;
}

.detailsPage .details-back ul li:hover {
  text-decoration: underline;
}

.detailsPage .details-back .backList {
  width: 14%;
  height: 36px;
  border: 1px solid #666;
  color: #666;
  line-height: 36px;
  float: right;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  margin-top: 52px;
}

.detailsPage .details-back .backList:hover {
  opacity: .7;
}

.detailsPage .recommendlist {
  background: #f9fbfb;
  overflow: hidden;
}

.detailsPage .recommendlist .recommendContent .recommend-title {
  font-size: 28px;
  width: 70%;
  text-align: center;
  margin: 40px auto 0 auto;
}

.detailsPage .recommendlist .recommendContent .h {
  width: 40px;
  height: 2px;
  margin: 30px auto 50px auto;
  background: #0050A4;
}

.detailsPage .recommendlist .recommendbox {
  width: 80%;
  margin: 0 auto 20px auto;
  overflow: hidden;
}

.detailsPage .recommendlist .recommendbox dl {
  float: left;
  width: 48%;
  padding: 10px 20px;
  margin: 10px 1%;
  cursor: pointer;
  border: 1px solid #efefef;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.detailsPage .recommendlist .recommendbox dl dt {
  width: 35%;
  height: 102px;
  float: left;
  text-align: center;
}

.detailsPage .recommendlist .recommendbox dl dt img {
  width: 100%;
  height: 102px;
}

.detailsPage .recommendlist .recommendbox dl dd {
  width: 64%;
  height: 102px;
  float: left;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-left: 20px;
  letter-spacing: 0;
}

.detailsPage .recommendlist .recommendbox dl dd h4 {
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detailsPage .recommendlist .recommendbox dl dd p {
  font-size: 14px;
  color: #666;
  display: inline-block;
}

.detailsPage .recommendlist .recommendbox dl dd .description {
  display: block;
  padding-top: 5px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.detailsPage .recommendlist .recommendbox dl:hover {
  box-shadow: 0 5px 20px rgba(187, 187, 187, 0.5);
}