.footer {
  padding: 30px 0;
  font-size: 12px;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  background-color: #353535;
}

.footer .footer-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer p {
  margin-top: 0;
  margin-bottom: 0;
}

.footer .logo-vertical {
  width: 135px;
  height: 135px;
  background: url('../images/logo_vertical.png') no-repeat center;
}

.footer .right {
  margin-left: 20px;
  padding-left: 30px;
  border-left: 1px dashed #fff;
}

.footer .right .honor {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.footer .right p {
  line-height: 1.8;
  text-align: left;
}

@media screen and (max-width: 420px) {
  .footer {
    display: block;
    padding: 20px 0 40px;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #333;
    background: none;
  }
}

/* 涓撻椤靛ご鏍� */
.top-head {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 2%;
  width: 96%;
  height: 40px;
  margin: 0 auto;
  background: #595959;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
  box-sizing: content-box;
  z-index: 9999;
}

.head-wap {
  width: 100%;
  display: flex;
  line-height: 40px;
  justify-content: space-between;
  align-items: center;
}

.head-wap .phone {
  font-size: 19px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}

.head-wap .logo,
.head-wap .home {
  display: flex;
  line-height: 40px;
}

.head-wap .logo img,
.head-wap .home img {
  max-width: 100%;
  height: 30px;
}

/* 鏂囩珷椤靛ご鏍� */
.article-header {
    position: fixed;
    top: 0;
    z-index: 9999;
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    height: 44px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px #b7babd;
    box-shadow: 0 0 15px #b7babd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.article-header .goback {
    width: 27px;
    height: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAABiUlEQVR42qSUTSiEQRiAzWdxQK09clHc7Ukp3CUnB+TgZKVFPiHlJ4UQa8UJR8XB3VH5uXNxIMelpPawUZTFMzXq62vGzqypp7e+992nmXfeHVHyjzXh+1HCHAxCHsYjRYrKCcOwALFAaifiKBKEbliDBk1JznOQtRCu4MQgu4NeYSGSP15XO9OtF1iE/a10+lP8IZK9mYcklGlK3iEtj48o9/tRaEQVhFGYhahG9A2HMo8oE06KUMN7YBXqDRs/g0lE16aTCSVrI2xCs6HuFqYRnRbquYdsiXhhkD3DEMRtZHLJOZwx5FLy9hC9usyqnMN7Q64PulRvnYQdoDtOLRzBOdImW2HwljsJ29CoqfuCPfkQ0IKslTAwg756QSo19Vk1nweI8wWFAXEdYUP1UbduYAzppZUwIJbzuQumHh7DFOJHK6GSlhISsAI1mpI3WJb/a8QfwuH5iilpQk1HeD3AgCjitY6rNrRq0hnPVcix5IW0Qz88hdLVzjsM7bZKjVhSzerIjwADAMNgcH2NeGgVAAAAAElFTkSuQmCC) 0 center no-repeat;
    background-size: 11px;
    cursor: pointer
}

.article-header span {
    font-size: 18px;
    font-weight: 700;
}

.article-header .phone {
    width: 36px;
    height: 36px;
    background: url(../images/icon_phone.gif) no-repeat;
    background-size: 100%
}

/* 搴曢儴璧勮鎸夐挳 */
.sites-zixun {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.25);
}

.sites-zixun p {
  height: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  font-size: 16px;
  margin: 0;
}

.sites-zixun p a {
  color: #fff;
  text-decoration: none;
}

.sites-zixun p:first-child {
  background-color: #f9ae3b;
}

.sites-zixun p:first-child i {
  width: 25px;
  height: inherit;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAADBklEQVR42sSYTUhUURTHRx2yUtMYMJCZCcy+TBNL+sAWihBSG5GYFkILaSe5aiIL94LtwkVgtTCohAwCkxZBWNRiNlGRGlPoGBFSoFSU0fj6H/tfOj7fzJuR5nXhx9x37sf5v3vvu/eeybMsy5dFqgXHwGGwC4TBBpZ9BwkwCZ6B++Blph3nZSBEHHWCLrCbtm/gFXgHvtBWAipBDSiibQIMgGsUmjqJkDR0gPfWnzQH+sAB4E/Txs86fWxjsY+OdL5SFZSCESWgCxS6iHaikG2NoBH2nZGQIJhgw2EQWIMAOwH2ZbHvoJuQChBng95/IMBOL/uO05ejkPUgxorRHIgwROkjRp+rhPSzwmAORRgG6avfLqQaJMFbUOyBkGL6Ep97tJA7VBjxQIQhQp/ie3lDq+COKFSBJZ83KR/EuTuH5aEdFIAhD0X46GuIvttFSAsLHvi8T8Zniwip48MLl0bVIAoO2uyloBtE5OzS5xg4Cc6ATSn6ND7rZNEsggWXhSWbz1cuLlnp9arssfU39Sj7BWUfT9O3+F6UEVmXwdqoVyeqtDnEvB80qnpHUuQbuRacUlI0SKc/QFmaipKeglnm58EY87/AsKp3U+Vvq/wtOlx1DeELJmVoZjh8O12mpwy0gi02ez5oBjUObcTWxDpOfVbSd0Ie7vLhtIebmeEUfY/J1DzhMJ34D59vG38fys4aQmaGBrnqTXskIsSrZsHyjs4hGuUQXfdwWq7S56g+9BpoXALbPRDRrPaYffb7yCMWhHIsIgw+0teA08VICqdzLCKorqLPQZFdSBULb+RQhEz/rAovtupyv207HuevrOQGcFRCH3AZLKzx65AArYeIvzfguPpSVwRY5g55ibHHvLUyfQIXncIAlxDirArQJN0Dm53qm5BzCuywvclPxrASQgaMbo6abIIxnj+faZczYxuvFU3EjPgHcJ4XoZQhZ7lSnABXQBsoURfdc2DSyj69ZqS30W0EZUTkDVozjN5rOb/7wV5QzpNb/xswxdM6q38DfgswAE2++A9M4NoIAAAAAElFTkSuQmCC") center no-repeat;
  background-size: 18px;
}

.sites-zixun p:last-child {
  background-color: #2dbd9a;
}

.sites-zixun p:last-child i {
  width: 28px;
  height: inherit;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAdCAYAAADYSS5zAAADkklEQVR42syXXUgUURTHd1fXFpSstEyTND8iQyoTK7MwUIhICnoJfShNCgn7eqyHrKB6CnoIIoh6CIpIDanoISoqQtuKNCwqUEzKxOxDXfOjcvof+k9dxtlx9gPxwI+Zuefcc849986dO05N0xw2JAZkgRSQyqswD8wGs0C0Yj8MhkA/8IFP4IPCe/AOdIAxq8BOkwRjQQHIActIutg6wi8ykNfgKfCCu0x+XIKJYDvYDFYAl4mzb6CT1fgIukEv6AM/Walh2npYdTcHHA/msuISaz6Y6Sfpt+AyOA+6JMF0jkDtIOV/DF6CVtId5upJwtlkCWdtoaLvEZ0keBY3VVwvJ8AVVioQWQrywQIgU9IOmjjAQEQqWwoOgemgRhJ8hZvFYAe4aNF5v+G5iU5kgGl++rSB3Rz8KoPutEWsCnABNEqCsm6msQJNfjrIWhrlfQtIBmf4XKPYtSgV1eUor9V8g3VdFNeumaxkLl9cTE7v4E+WGyrpNegHwXrlrS9mmypewywUWcTz8Bqnvq0RJttNGagDD9gme9smsIFrTZdOvlippM2wjjX2KQEDbGug7zLGUiXxf09N69X+yikQDyrBDTCijZcBWRLgOIgGR7SJRWxiwEn67DexGWFMiT0H3GR7ryR4wML5GPCCF3y+BzJl7yQeMGMCPIr9IvCIvrxkzCL+Qb3jYfCLjTLCWlAO8kAD8IFdwKkECxbxsRcMMU4OY9Uq1f3NijvVjslgDXDzeRs7NIK0MCRmRKrZDL6CrWxzM4cU3c6sYxy4pqxLt41gsm6qwTlSzbaJ+nloL3IJxBptjB1yQSfLX2qzEpVcAkbxUWfHx04wCtpBtr8ES8AP0AcKbDouVxIaBLfJoNJebtNXMePLwIqMCa7lCGQLWW3ToUzHdyYh6zRB0SWwTaNNrE2fhcxDyFcTbFX2LLuLvELZw5JM9EnKXloRgN9j7CM5/Tv3JfPaEcDJI4vXJ3JuM9F3Uafa2pF2NSdXCOc5/VMXaWETabANWEJJUD/r5YEME30GdY4gzoVhSVA+9p9ZpesgU9Flsi2SNg3BBokMIUEfT+J1PLa/Ac+py1UGX0XbSa+gSD3Ywv8HF6c0j/c91NWHEsBYwYggfMhU3gEbeVgVaQa3gqyc0yrB9BCm+yoJVZKttoE9/NeVH6kRx+RKFAu0T81J/3G/D9Y5ppY8BIX65yUDPNOmjnj1k/sfAQYABQLiDiCFAuIAAAAASUVORK5CYII=") center no-repeat;
  background-size: 20px;
}

/* 寮瑰嚭琛ㄥ崟 */
.sites-form-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.sites-form-mask .form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.sites-form-mask .form-group {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
}

.sites-form-mask .form-control {
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 16px;
  border: 0;
}

.sites-form-mask .form-control:focus {
  outline: 0;
}

.sites-form-mask .input-group {
  position: relative;
  height: 100%;
  width: 100%;
}

.sites-form-mask .input-group .codetxt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  font-size: 12px;
  color: #fff;
  border: 0;
  background-color: #c30d23;
  outline: 0;
  cursor: pointer;
}

.sites-form-mask .input-group .codetxt:hover {
  background-color: #8a022b;
}

.sites-form-mask .input-group .disabled {
  background-color: #bbb;
}

.sites-form-mask .close {
  position: absolute;
  right: 10px;
  top: -10px;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  cursor: pointer;
}

.sites-form-mask .close:hover {
  color: #fff;
  background-color: #c30d23;
}

.sites-form-mask #popup-form {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: 300px;
  padding: 15px;
  background-color: #fff;
  border-radius: 5px;
}

.sites-form-mask .popup-form-title {
  margin-bottom: 10px;
  font-size: 20px;
  text-align: center;
  color: #c30d23;
}

.sites-form-mask .submit {
  padding: 10px;
  font-size: 16px;
  color: #fff;
  background-color: #c30d23;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}

.sites-form-mask .submit:hover {
  background-color: #8a022b;
}

/*-椤堕儴-*/
.top_head {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    background: #333;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    overflow: hidden;
    color: #fff;
}

.top_main {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 1000px;
    margin: 0 auto;
}

.top_left a {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    vertical-align: top;
    color: #fff;
}

.logo .logo-img {
    height: 30px;
    vertical-align: middle;
}

.logo-img img {
    height: 100%;
}

.tel {
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
}

.top_right a {
    color: #fff;
    margin-right: 10px;
}

.top_right a:hover {
    text-decoration: underline;
    color: #fff;
}

/* 搴曢儴閫氭爮骞垮憡 */
.bottom-banner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 0;
  overflow: hidden;
  cursor: pointer;
  z-index: 99;
}

.bottom-banner img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}