@charset "UTF-8";

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

a:focus {
  outline: 0;
}

audio,
canvas,
video {
  display: inline-block;
}

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

[hidden] {
  display: none;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin : 0;
  padding: 0;
}

html {
  font-family             : '微软雅黑', 'Hiragino Sans GB', Helvetica, Arial, 'Lucida Grande', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust    : 100%;
}

a:focus {
  outline: thin dotted;
  outline: 0;
}

a {
  text-decoration: none;
}

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

h1 {
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color     : #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size  : 1em;
}

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

q {
  quotes: "“""”""‘""’";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size     : 75%;
  line-height   : 0;
  position      : relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border : 1px solid silver;
  margin : 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border : 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size  : 100%;
  margin     : 0;
}

button,
input {
  line-height: normal;
}

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] {
  box-sizing: border-box;
  padding   : 0;
}

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

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

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

textarea {
  overflow      : auto;
  vertical-align: top;
}

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

.clearfix:after {
  content   : "";
  display   : block;
  height    : 0;
  clear     : both;
  visibility: hidden;
}

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

textarea {
  -webkit-appearance: none;
}

input:focus {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-modify        : read-write-plaintext-only;
}

input:focus,
textarea:focus {
  outline: 0;
}

.tap_init {
  -webkit-tap-highlight-color: transparent;
}

dd,
dl,
dt,
li,
ol,
ul {
  list-style: none;
}

b,
em,
strong {
  font-style: normal;
}

body {
  -webkit-tap-highlight-color: transparent;
}

a:focus,
div:focus,
input:focus,
p:focus {
  -webkit-tap-highlight-color: transparent;
}

/*reset bootsrtap*/
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  padding-left : 10px;
  padding-right: 10px;
}

.container {
  padding-left : 10px;
  padding-right: 10px;
}

.row {
  margin-right: -10px;
  margin-left : -10px;
}

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}

div:focus,
span:focus {
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

.btnlinka {
  margin-top: 20px;
}

.btnlinka .btn {
  background: #003d80;
}

.btnlinka a {
  padding  : 0 10px;
  font-size: 16px;
  color    : #fff;
  display  : block;
}

.icon {
  width         : 1em;
  height        : 1em;
  vertical-align: -0.15em;
  fill          : currentColor;
  overflow      : hidden;
}

body {
  /* padding-top: 160px; */
}

@media (max-width: 991px) {
  body {
    /* padding-top: 176px; */
  }
}

@media (max-width: 767px) {
  body {
    /* padding-top: 136px; */
  }
}

@media (max-width: 575px) {
  body {
    /* padding-top: 80px; */
  }
}

.headerTopC {
  height    : 50px;
  background: #e7e7e7;
}

.headerTopC .container {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  height                 : 100%;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
}

.headerTopC .container .left {
  font-size: 14px;
  color    : #666666;
}

.headerTopC .container .right,
.headerTopC .container .right a {
  font-size: 14px;
  color    : #666666;
}

.headerTopC .container .right a {
  padding           : 0 5px;
  -webkit-transition: 0.5s ease all;
  transition        : 0.5s ease all;
}

.headerTopC .container .right a:hover {
  color: #003d80;
}

@media (max-width: 1799px) and (min-width: 1501px) {

  .headerTopC .container,
  .header .container {
    padding-left: 160px;
  }
}

@media (max-width: 1500px) and (min-width: 1440px) {

  .headerTopC .container,
  .header .container {
    padding-left: 200px;
  }
}

@media (min-width: 1440px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0 38px;
  }
}

@media (max-width: 1439px) and (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0 20px;
  }

  .headerTopC .container,
  .header .container {
    padding-left: 190px;
  }
}

@media (min-width: 1200px) {
  .header .navbar-collapse .tplNumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .header .navbar-collapse .tplNumber {
    display: none;
  }

  .headerTopC .container,
  .header .container {
    padding-left: 195px;
  }
}

@media (min-width: 992px) {
  .nav-item:nth-of-type(2) .dropdown-menu{
    left:-17px;
  }
  .header {
    background: #fff;
    height    : 110px;
  }

  .header .navbar {
    padding: 0;
    height : 100%;
  }

  .header .navbar .container,
  .header .navbar .navbar-collapse,
  .header .navbar .navbar-nav {
    height: 100%;
  }

  .header .navbar-brand {
    position: absolute;
    left    : 0;
    bottom  : 0;
    padding : 0;
  }

  .header .navbar-nav li .dropdown-toggle::after {
    content: none;
  }

  .header .navbar-nav li span {
    height: 100%;
  }

  .header .navbar-nav li .nav-link {
    height: 100%;
  }

  .header .navbar-collapse {
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
  }

  .header .navbar-collapse .tplNumber {
    -webkit-box-align  : center;
    -webkit-align-items: center;
    -ms-flex-align     : center;
    align-items        : center;
    font-size          : 14px;
    color              : #2a2a2a;
  }

  .header .navbar-collapse .tplNumber .img {
    margin-right: 10px;
  }

  .header .navbar-collapse .tplNumber .text {
    display               : -webkit-box;
    display               : -webkit-flex;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
  }

  .header .navbar-collapse .tplNumber .text span.bold {
    font-size  : 24px;
    font-family: 'Roboto';
    color      : #2a2a2a;
    font-weight: bold;
    line-height: 1;
  }

  .navbar-expand-lg .navbar-nav .nav-item:nth-of-type(1) .nav-link {
    padding-left: 0;
  }

  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link,
  .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link {
    color: #003d80;
  }

  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link a,
  .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link a {
    color: #003d80;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-transition     : 0.5s ease all;
    transition             : 0.5s ease all;
  }

  .header .navbar-nav li a {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
  }

  .navbar-light .navbar-nav .nav-link,
  .navbar-light .navbar-nav .nav-link a {
    color      : #1d1d1d;
    font-size  : 16px;
    font-weight: bold;
  }

  .header .dropdown-menu {
    margin       : 0;
    padding      : 0;
    border       : 0;
    border-radius: 0;
    left         : -30px;
  }

  .header .dropdown-menu .dropdown-item {
    padding           : 20px 0;
    -webkit-transition: 0.5s ease all;
    transition        : 0.5s ease all;
  }

  .header .dropdown-menu .dropdown-item:hover {
    color     : #fff;
    background: #003d80;
  }
}

@media (max-width: 991px) {
  .header {
    background: #fff;
  }

  .header .navbar-brand img {
    width: 100px;
  }

  .navbar-light .navbar-nav .nav-link a {
    color: rgba(0, 0, 0, 0.5);
  }

  .header .tplNumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
  }

  .header .tplNumber .img {
    margin-right           : 10px;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
  }

  .header .tplNumber .text {
    display               : -webkit-box;
    display               : -webkit-flex;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
  }

  .headerTopC .container .left {
    font-size: 12px;
  }

  .headerTopC .container .right,
  .headerTopC .container .right a {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .header .navbar-brand img {
    width: 60px;
  }
}

@media (max-width: 575px) {
  .header .navbar-toggler {
    padding: 0.1rem 0.3rem;
  }

  .header .navbar-toggler-icon {
    width : 1em;
    height: 1em;
  }

  .header .navbar-toggler:focus {
    outline: none;
  }

  .header .navbar-toggler-icon {
    height: 1.2em;
  }

  .header .navbar-brand img {
    width: 40px;
  }

  .header .navbar {
    padding-top   : 0;
    padding-bottom: 0;
  }

  .headerTopC {
    height: 30px;
  }
}

footer {
  background         : #051c3a;
  height             : 460px;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
}

footer .block1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

footer .block1 .title {
  font-size    : 20px;
  color        : #fff;
  font-weight  : bold;
  margin-bottom: 20px;
}

footer .block1 .n {
  margin-left : auto;
  padding-left: 70px;
  border-left : 1px solid #3c4249;
  margin-right: 190px;
}

footer .block1 .o p:nth-of-type(1) {
  font-weight: bold;
}

footer .block1 p {
  font-size  : 16px;
  color      : #a3a5a7;
  line-height: 1.8;
}

footer .block2 {
  margin-top             : 70px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
}

footer .block2 p {
  color    : #a3a5a7;
  font-size: 16px;
}

footer .block2 p a {
  color             : #a3a5a7;
  -webkit-transition: 0.5s ease all;
  transition        : 0.5s ease all;
}

footer .block2 p a:hover {
  color: #003d80;
}

@media (max-width: 991px) {
  footer .block1 .n {
    margin-right: 100px;
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  footer .block1 .n {
    margin-right: 20px;
    padding-left: 10px;
  }

  footer .block2 {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
  }

  footer {
    height : auto;
    padding: 20px 0;
  }

  footer .wx img {
    width: 100px;
  }

  footer .block2 {
    margin-top: 20px;
  }

  footer .block2 p {
    text-align: center;
  }

  footer .block1 p {
    font-size: 12px;
  }

  footer .block1 .title {
    font-size    : 16px;
    margin-bottom: 10px;
  }

  footer .block2 p {
    font-size: 12px;
  }
}

@media (max-width: 575px) {
  footer .block1 {
    -webkit-flex-flow: wrap;
    -ms-flex-flow    : wrap;
    flex-flow        : wrap;
  }

  footer .wx {
    margin-top: 20px;
    width     : 100%;
  }

  footer .wx img {
    display: block;
    margin : 0 auto;
  }
}

.otherBanner {
  position: relative;
  height  : 450px;
}

.otherBanner .innerContentTilte {
  height : auto;
  z-index: 1;
  width  : 260px;
}

.otherBanner a {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
}

.otherBanner a .title {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  letter-spacing         : 7px;
  text-align             : center;
  height                 : 100%;
}

.otherBanner .title {
  font-size  : 40px;
  font-weight: bold;
  color      : #fff;
}

@media (max-width: 575px) {
  .otherBanner .title {
    font-size: 26px;
  }
}

.otherBanner a {
  display            : block;
  width              : 100%;
  height             : 100%;
  background-size    : cover;
  background-position: center center;
}

.otherBanner a .container {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : end;
  -webkit-align-items: flex-end;
  -ms-flex-align     : end;
  align-items        : flex-end;
  height             : 100%;
}

.otherBanner a .figure {
  text-align             : center;
  width                  : 100%;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  color                  : #fff;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
}

.otherBanner a .figure img {
  max-width : 65px;
  max-height: 35px;
  height    : 35px;
}

.otherBanner a .figure .title {
  font-weight            : 600;
  margin                 : 0;
  padding                : 10px 0;
  color                  : #000;
  background             : #febf00;
  font-size              : 18px;
  text-align             : center;
  width                  : 100%;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  position               : relative;
}

.otherBanner a .figure .title>span {
  margin : 0 auto;
  display: block;
  width  : 100%;
}

.otherBanner a .figure .inner {
  height    : 100%;
  width     : 100%;
  background: #febf00;
  padding   : 0 0 10px;
}

.otherBanner a .figure .inner img {
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .otherBanner {
    height: 400px;
  }
}

@media (max-width: 991px) {
  .otherBanner {
    height: 300px;
  }
}

@media (max-width: 768px) {
  .otherBanner {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .otherBanner .innerContentTilte {
    width: 170px;
  }

  .otherBanner a .figure .title {
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .otherBanner .innerContentTilte {
    width: 100px;
  }

  .otherBanner a .figure .title {
    font-size: 12px;
  }
}

@media (max-width: 450px) {
  .otherBanner {
    height: 150px;
  }
}

.breadCrumbs {
  height             : 50px;
  border-bottom      : 1px solid #f3f3f3;
  background         : #ffffff;
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
}

.breadCrumbs a {
  color    : #6d6c6c;
  font-size: 14px;
}

.breadCrumbs a.active {
  color: #003d80;
}

.commonPaging {
  font-size              : 0;
  text-align             : center;
  padding                : 20px;
  padding-bottom         : 0;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
}

.commonPaging a {
  font-size         : 16px;
  color             : #696969;
  padding           : 5px 12px;
  display           : inline-block;
  margin            : 0 5px;
  border            : 1px solid #d8d8d8;
  -webkit-transition: 0.5s ease all;
  transition        : 0.5s ease all;
  margin-bottom     : 12px;
}

.commonPaging a:hover {
  background  : #003d80;
  border-color: #003d80;
  color       : #fff;
}

.commonPaging a.prev {
  background         : url(../images/6f023e265e059f1047d59d3d4548591f.png) no-repeat;
  background-position: center center;
  background-color   : #d4d4d4;
  padding            : 5px 15px;
}

.commonPaging a.prev:hover {
  background-color: #003d80;
  border-color    : #003d80;
}

.commonPaging a.next {
  background         : url(../images/c2502c7fa186cfad240564a7886d6625.png) no-repeat;
  background-position: center center;
  background-color   : #d4d4d4;
  padding            : 5px 15px;
}

.commonPaging a.next:hover {
  background-color: #003d80;
  border-color    : #003d80;
}

.commonPaging a.currentBgColor {
  background-color: #003d80;
  border-color    : #003d80;
}

.commonPaging a.prev span,
.commonPaging a.next span {
  visibility: hidden;
}

.commonPaging a.active {
  border-color    : transparent !important;
  background-color: transparent !important;
  color           : #003d80 !important;
  font-weight     : bold;
}

.commonPaging a.other {
  border-color: transparent;
}

@media (min-width: 576px) {
  .commonPaging {
    padding-top: 60px;
  }
}

.commonPaging {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .commonPaging {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .commonPaging {
    margin-top: 30px;
    padding   : 0;
  }
}

@media (max-width: 575px) {
  .commonPaging {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .commonPaging {
    padding-top: 20px;
  }
}

.commonTab {
  margin-top   : 30px;
  margin-bottom: 30px;
  margin-top   : 10px;
}

.commonTab ul li {
  float             : left;
  margin-right      : 15px;
  border-bottom     : 4px solid transparent;
  margin-top        : 20px;
  -webkit-transition: 0.5s ease all;
  transition        : 0.5s ease all;
}

.commonTab ul li:last-child {
  margin-right: 0;
}

.commonTab ul li:hover,
.commonTab ul li.active {
  border-bottom: 4px solid #003d80;
}

.commonTab ul li a {
  display  : block;
  font-size: 18px;
  color    : #505050;
  padding  : 5px 0;
}

@media (max-width: 767px) {
  .commonTab {
    margin-top   : 15px;
    margin-bottom: 15px;
  }

  .commonTab ul {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : -ms-flexbox;
    display                : flex;
    -webkit-flex-flow      : wrap;
    -ms-flex-flow          : wrap;
    flex-flow              : wrap;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
  }

  .commonTab ul li {
    margin-right: 10px;
    margin-left : 10px;
  }
}

#bjmap {
  width : 100%;
  height: 100%;
}

.commonRecommended {
  box-shadow  : 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  width       : 320px;
  background  : #f6f6f6;
  margin-right: 30px;
}

.commonRecommended .title {
  color        : #333;
  margin-bottom: 10px;
  padding      : 10px 0;
  font-size    : 18px;
  margin-bottom: 0;
  text-align   : center;
  color        : #fff;
  background   : #003d80;
}

.commonRecommended ul {
  padding    : 25px 20px;
  padding-top: 6px;
}

.commonRecommended ul li {
  position     : relative;
  border-bottom: 1px dotted #ddd;
}

.commonRecommended ul li:hover a {
  color: #003d80;
}

.commonRecommended ul li::after {
  position  : absolute;
  left      : 0;
  top       : 0;
  bottom    : 0;
  margin    : auto;
  content   : '';
  width     : 4px;
  height    : 4px;
  background: #003d80;
}

.commonRecommended ul li a {
  padding-left      : 12px;
  -webkit-transition: 0.5s ease all;
  transition        : 0.5s ease all;
  display           : block;
  width             : 100%;
  padding-top       : 16px;
  padding-bottom    : 16px;
  overflow          : hidden;
  text-overflow     : ellipsis;
  white-space       : nowrap;
  color             : #333;
  font-size         : 16px;
}

@media (min-width: 1200px) {
  .commonRecommended {
    margin-right: 0;
    margin-left : 30px;
  }
}

@media (max-width: 1199px) {
  .commonRecommended {
    margin-bottom: 20px;
  }
}

.article-content .commonRecommended.commonRecommended2 {
  height    : auto;
  margin-top: 20px;
}

.article-content .commonRecommended.commonRecommended2 .content {
  text-align : center;
  font-weight: bold;
  padding    : 20px;
  color      : #003d80;
  font-size  : 30px;
}

@media (max-width: 575px) {
  .article-content .commonRecommended.commonRecommended2 {
    margin-bottom: 10px;
    margin-top   : 0;
  }

  .article-content .commonRecommended.commonRecommended2 .content {
    padding: 5px;
  }
}

@media (max-width: 575px) {
  .article-content .commonRecommended {
    margin-bottom: 10px !important;
  }
}

.commonRecommended.commonRecommended2 {
  height    : auto;
  margin-top: 20px;
}

.commonRecommended.commonRecommended2 .content {
  text-align : center;
  font-weight: bold;
  padding    : 20px;
  color      : #003d80;
  font-size  : 30px;
}

@media (max-width: 575px) {
  .commonRecommended.commonRecommended2 {
    margin-bottom: 10px;
    margin-top   : 0;
  }

  .commonRecommended.commonRecommended2 .content {
    padding: 5px;
  }
}

@media (max-width: 575px) {
  .commonRecommended {
    margin-bottom: 10px !important;
  }
}



.kefuBox-One {
  position: fixed;
  right   : 0;
  top     : 180px;
  z-index : 99
}

.kefuBox-One ul li {
  position: relative;
  cursor  : pointer
}

.kefuBox-One ul li a {
  position: relative;
  display : block;
  width   : 45px;
  height  : 45px;
  overflow: hidden
}

.kefuBox-One ul li em {
  position  : absolute;
  left      : 0;
  top       : 0;
  display   : block;
  padding   : 10px 0 0;
  width     : 100%;
  height    : 100%;
  font-size : 22px;
  color     : #eee;
  text-align: center;
  background: rgba(102, 102, 102, .9)
}

.kefuBox-One ul li .ewm {
  display: block;
  width  : 100%
}

.kefuBox-One ul li em.icon-mobile {
  font-size: 35px;
  padding  : 5px 0 0
}

.kefuBox-One ul li em.icon-phone {
  font-size: 30px
}

.kefuBox-One ul li b {
  position   : absolute;
  left       : 0;
  top        : 45px;
  padding    : 3px;
  display    : block;
  width      : 100%;
  font-size  : 14px;
  height     : 100%;
  color      : #ddd;
  line-height: 18px;
  text-align : center;
  background : #333
}

.kefuBox-One ul li .toolbar-layer {
  position                : absolute;
  right                   : 47px;
  bottom                  : -10px;
  width                   : 172px;
  opacity                 : 0;
  padding                 : 5px;
  border-radius           : 5px;
  border                  : 1px #ccc solid;
  background              : #fff;
  filter                  : alpha(opacity=0);
  transform-origin        : 95% 95%;
  -moz-transform-origin   : 95% 95%;
  -ms-transform-origin    : 95% 95%;
  -o-transform-origin     : 95% 95%;
  -webkit-transform-origin: 95% 95%;
  transform               : scale(.01);
  -moz-transform          : scale(.01);
  -ms-transform           : scale(.01);
  -o-transform            : scale(.01);
  -webkit-transform       : scale(.01);
  transition              : all 1s;
  -moz-transition         : all 1s;
  -ms-transition          : all 1s;
  -o-transition           : all 1s;
  -webkit-transition      : all 1s
}

.kefuBox-One ul li .img {
  width: 120px
}

.kefuBox-One ul li .tel {
  color     : #666;
  font-size : 15px;
  padding   : 20px;
  background: rgba(255, 255, 255, .86)
}

.kefuBox-One ul li .tel hr {
  width     : 100%;
  border    : 0;
  background: #459f32
}

.kefuBox-One ul li .tel font {
  float      : left;
  width      : 100%;
  clear      : both;
  margin     : 5px 0;
  padding    : 5px 0;
  font-weight: 700;
  color      : #555;
  font-size  : 15px;
  border-bottom: 1px #ccc solid
}

.kefuBox-One ul li:hover .toolbar-layer {
  opacity          : 1;
  filter           : alpha(opacity=100);
  transform        : scale(1);
  -webkit-transform: scale(1);
  -moz-transform   : scale(1);
  -ms-transform    : scale(1);
  -o-transform     : scale(1)
}

.kefuBox-One ul li:hover em {
  top: -45px
}

.kefuBox-One ul li:hover b {
  top: 0
}

.kefuBox-One ul li .cd-top {
  height: 0
}

.kefuBox-One ul li .cd-is-visible {
  height: 45px
}
.kefuBox-One ul li em{
  display: flex;
    align-items: center;
    justify-content: center;
    padding-top:0;
}
.kefuBox-One{
  top:inherit;
  bottom:180px;
}

@media (max-width:575px){
  .headerTopC .container .right, .headerTopC .container .right a{
    display: none;
  }
}

.bottomfixedMobile{
  display: flex;
  align-items: center;
  justify-content: center;
  position:fixed;
  bottom:0;
  width:100%;
  left:0;
  right:0;
  display: none;
}
@media (max-width:575px){
  .bottomfixedMobile{
    display: flex;
    z-index:999;
  }
  footer{
    padding-bottom:70px;
  }
}

.bottomfixedMobile a{
  flex:1;
  height:50px;
  color:#fff;
  background:#003d80;
  display: flex;
  align-items: center;
  font-size:14px;
  justify-content: center
}
.bottomfixedMobile a:nth-of-type(1){
  background:#007bff;
}

@media (max-width:575px){
  .kefuBox-One{
    display: none;
  }
}

.kefuBox-One ul li a{
  width:80px;
  height:80px;
}
.kefuBox-One ul li b{
  top:56px;
}
.kefuBox-One ul li em{
  background:#003d80;
}
.kefuBox-One ul li b{
  background:#003d80;
}
.kefuBox-One ul li .toolbar-layer{
  right:80px;
}
.kefuBox-One ul li:hover b{
  top:0;
}
.kefuBox-One ul li b{
  top:50px;
}
.kefuBox-One ul li em{
  top:-8px;
}
.kefuBox-One ul li:hover b{
  top:50px;
}
.kefuBox-One ul li:hover em{
  top:-8px;
}


footer .block3{
  margin:20px 0;
  color:#a3a5a7;
  font-size:14px;

}
FOOTER .block3 a{
  color:#a3a5a7;
  padding:0 10px;
  font-size:14px;
}