@charset "utf-8";
html,
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
p,
blockquote,
th,
td,
em,
b,
i {
  padding: 0;
  margin: 0;
}
* {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
}
form,
fieldset {
  border-width: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}
img {
  border: none;
  vertical-align: bottom;
}
a {
  color: #666;
  outline: 0;
  text-decoration: none;
}
ul,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
input,
select,
textarea,
button {
  font-size: 100%;
  font-family: inherit;
}
body {
  font-size: 12px;
  line-height: 24px;
}
.fix:after {
  display: block;
  content: "$";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.fix {
  *zoom: 1;
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  font-size: 0px;
  line-height: 0;
}
.fl {
  float: left;
  display: inline;
}
.fr {
  float: right;
  display: inline;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.w1150 {
  width: 1150px;
  margin: 0 auto;
}
.hide {
  display: none!important;
}
.clearfloat:before,
.clearfloat:after {
  content: "";
  display: table;
}
.clearfloat:after {
  clear: both;
}
.clearfloat {
  *zoom: 1;
}
.addBtn {
  border: 1px solid #0385F4;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  background: #0385F4;
  padding: 0 10px;
  border-radius: 5px;
  height: 33px;
  line-height: 35px;
}
.addBtn:hover {
  color: #fff;
}
.cancelBtn {
  border: 1px solid #0385F4;
  display: inline-block;
  color: #0385F4;
  font-size: 14px;
  background: #fff;
  padding: 0 10px;
  border-radius: 5px;
  height: 33px;
  line-height: 35px;
}
.cancelBtn:hover {
  color: #0385F4;
}
.text-align-center {
  text-align: center;
}
.vatop {
  vertical-align: top;
}
.mt20 {
  margin-top: 20px!important;
}
.mb20 {
  margin-bottom: 20px!important;
}
.ml20 {
  margin-left: 20px!important;
}
.mr20 {
  margin-right: 20px!important;
}
.mt10 {
  margin-top: 10px!important;
}
.mb10 {
  margin-bottom: 10px!important;
}
.mr10 {
  margin-right: 10px!important;
}
.ml10 {
  margin-left: 10px!important;
}
.ml15 {
  margin-left: 15px!important;
}
.mr15 {
  margin-right: 15px!important;
}
.mt30 {
  margin-top: 30px!important;
}
.red {
  color: #ff0000 !important;
}
.green {
  color: #00b300 !important;
}
.lightGrey {
  color: #999 !important;
}
.lightOrange {
  color: #0385F4 !important;
}
.cardBoxbg {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 2px 2px 5px #e6e6e6;
  margin-bottom: 20px;
}
.headline {
  color: #003333;
  font-size: 14px;
  height: 45px;
  border-bottom: 1px solid #dddddd;
  line-height: 45px;
}
.headline i {
  width: 3px;
  height: 16px;
  background: #0385F4;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 15px;
}
.subtitle {
  margin: 0 20px;
  border-bottom: 1px solid #dddddd;
}
.subtitle span {
  display: inline-block;
  position: relative;
  top: 1px;
  vertical-align: middle;
  margin-top: 12px;
  padding-bottom: 5px;
  border-bottom: solid 3px #0385F4;
  font-size: 14px;
  color: #0385F4;
}
/* scrollbar style start 影响谷歌导航条样子的样式 */
::-webkit-scrollbar {
  background: transparent;
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #e1e1e1;
  width: 6px;
  height: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-track {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #fafafa;
}
/* scrollbar style end */
* {
  scrollbar-color: #e5e5e5 #f7f7f9;
  /* 火狐浏览器滑块颜色  滚动条背景颜色 */
  scrollbar-width: thin;
  /* 滚动条宽度有三种：thin、auto、none */
}
.w1500 {
  width: 1200px;
  margin: 0 auto;
}
.header {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 15;
  width: 100%;
  height: 100px;
  -webkit-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -ms-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header .logo {
  height: 100px;
}
.header .logo img {
  display: block;
  margin-top: 33px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header .logo img.small {
  display: none;
}
.header .nav dl {
  float: left;
}
.header .nav dt a {
  display: inline-block;
  margin-left: 30px;
  font-size: 21px;
  letter-spacing: 2px;
  color: #fff;
  font-weight: lighter;
  margin-top: 38px;
}
.header .nav dt a span {
  display: inline-block;
}
.page-supplychain .header .nav a.nav-supplychain {
  color: #1749BD;
}
.page-technology .header .nav a.nav-technology {
  color: #1749BD;
}
.page-about .header .nav a.nav-ablout {
  color: #1749BD;
}
.page-newscenter .header .nav a.nav-newscenter {
  color: #1749BD;
}
.page-sulala .header .nav a.nav-sulala {
  color: #1749BD;
}
.page-index .header .nav a.nav-index {
  color: #1749BD;
}
.header_fixed {
  background: #fff;
  height: 80px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.header_fixed .logo img {
  max-height: 80px;
}
.header_fixed .logo img.big {
  display: none;
}
.header_fixed .logo img.small {
  margin-top: 20px;
  display: block;
}
.header_fixed .nav dt a {
  color: #333333;
  margin-top: 25px;
}
.footer {
  height: 195px;
  background: url("../img/index/footerbg.png") no-repeat center center;
  background-size: cover;
  padding-top: 145px;
  color: #fff;
}
.footer .fl {
  width: 500px;
}
.footer .rightEwm {
  float: right;
}
.footer .rightEwm .ewmItem {
  width: 320px;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 14px;
  float: left;
}
.footer .rightEwm .ewmItem.mr20 {
  margin-right: 20px;
}
.footer .rightEwm .ewmItem .ewmImg {
  float: left;
  width: 120px;
}
.footer .rightEwm .ewmItem .ewmWen {
  float: right;
  width: 188px;
  margin-top: 4px;
}
.footer .rightEwm .ewmItem .ewmWen p {
  line-height: 28px;
  height: 28px;
}
.footer .rightEwm .ewmItem .ewmWen.rightWen p {
  line-height: 37px;
  height: 37px;
}
.footer .rightEwm .ewmItem .ewmWen .mailto {
  color: #FFFFFF;
  text-decoration: none;
}
.footer span {
  display: inline-block;
  height: 25px;
  font-size: 14px;
  margin-right: 30px;
}
.footer i {
  display: inline-block;
  vertical-align: middle;
}
.footer strong {
  font-weight: normal;
  font-size: 15px;
}
.footer b {
  font-size: 16px;
  letter-spacing: 2px;
}
.footer .icon1 {
  background: url("../img/index/foot_icon1.png") no-repeat center center;
  width: 18px;
  height: 20px;
  margin-right: 10px;
}
.footer .icon2 {
  display: inline-block;
  background: url("../img/index/foot_icon2.png") no-repeat center center;
  width: 40px;
  height: 40px;
  margin-right: 18px;
}
.footer .icon3 {
  display: inline-block;
  background: url("../img/index/foot_icon3.png") no-repeat center center;
  width: 40px;
  height: 40px;
  margin-right: 18px;
}
/*!
 * fullPage 2.7.8
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none;
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
  overflow: scroll;
}
.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 17px;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}
.fp-slidesNav ul li {
  display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}
.w1200 {
  width: 1200px;
}
.w1500 {
  width: 1500px;
  margin: 0 auto;
}
.wrap {
  width: 100%;
}
.wrap .bannerbox {
  width: 100%;
  position: relative;
}
.wrap .bannerbox .btn {
  position: absolute;
  width: 32px;
  z-index: 999;
  right: 3%;
  top: 50%;
  margin-top: -165px;
}
.wrap .bannerbox .btn i,
.wrap .bannerbox .btn b,
.wrap .bannerbox .btn strong,
.wrap .bannerbox .btn span {
  display: block;
}
.wrap .bannerbox .btn i {
  width: 8px;
  height: 8px;
  margin: 0 auto;
  background: #fff;
  border-radius: 50%;
}
.wrap .bannerbox .btn b {
  margin: 2px auto;
  width: 1px;
  height: 106px;
  background: #fff;
}
.wrap .bannerbox .btn strong {
  width: 32px;
  height: 85px;
  border: 1px solid #fff;
  border-radius: 16px;
  margin: 7px 0;
  cursor: pointer;
  position: relative;
}
.wrap .bannerbox .btn strong:after {
  content: "";
  display: block;
  top: -5px;
  left: -5px;
  position: absolute;
  width: 40px;
  height: 93px;
  border: 1px solid #fff;
  border-radius: 20px;
  -webkit-animation: wateranimate 1.8s ease-out infinite;
  animation: wateranimate 1.8s ease-out infinite;
}
.wrap .bannerbox .btn span {
  width: 32px;
  height: 28px;
  position: relative;
  z-index: 9999;
}
.wrap .bannerbox .btn span.prev {
  background: url("../img/index/ban_arrow_top.png") no-repeat center center;
}
.wrap .bannerbox .btn span.next {
  margin-top: 28px;
  background: url("../img/index/ban_arrow_bottom.png") no-repeat center center;
}
.wrap .bannerbox li {
  height: 100%;
}
.wrap .bannerbox li .w1200 {
  position: relative;
  height: 100%;
}
.wrap .bannerbox li .titlebox p {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  margin: 0 auto;
}
.wrap .bannerbox .banner1 {
  background: url("../img/index/banner1.png") no-repeat center center;
  background-size: cover;
}
.wrap .bannerbox .banner1 .titlebox {
  position: absolute;
  top: 38%;
  left: 9%;
  display: none;
}
.wrap .bannerbox .banner1 .titlebox.text_on {
  display: block;
  -webkit-animation: fadeInUp 1s ease-in-out;
  animation: fadeInUp 1s ease-in-out;
}
.wrap .bannerbox .banner1 .tit {
  width: 732px;
  height: 104px;
  text-align: center;
  padding-top: 12px;
}
.wrap .bannerbox .banner1 .subtit {
  width: 495px;
  height: 41px;
  text-align: center;
  padding-top: 10px;
  margin-top: 30px;
}
.wrap .bannerbox .banner2 {
  background: url("../img/index/banner2.png") no-repeat center center;
  background-size: cover;
}
.wrap .bannerbox .banner2 .titlebox {
  position: absolute;
  top: 28%;
  left: 12%;
}
.wrap .bannerbox .banner2 .titlebox.text_on {
  -webkit-animation: pulse 1.2s ease-in-out;
  animation: pulse 1.2s ease-in-out;
}
.wrap .bannerbox .banner2 .tit {
  width: 1021px;
  height: 106px;
  text-align: center;
  padding-top: 22px;
}
.wrap .bannerbox .banner2 .subtit {
  width: 784px;
  height: 45px;
  text-align: center;
  padding-top: 10px;
  margin-top: 30px;
}
.wrap .bannerbox .banner2 .sulala {
  position: absolute;
  right: -12%;
  top: 18%;
}
.wrap .bannerbox .banner2 .sulala p {
  width: 267px;
  height: 72px;
  background: url("../img/index/sulala_logo.png") no-repeat center center;
  padding-top: 2px;
}
.wrap .bannerbox .banner2 .sulala span {
  display: inline-block;
  width: 50px;
  height: 25px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.2);
  position: relative;
}
.wrap .bannerbox .banner2 .sulala span:after {
  content: "";
  display: inline-block;
  top: -5px;
  left: -5px;
  position: absolute;
  width: 60px;
  height: 35px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  -webkit-animation: wateranimate 1.8s ease-out infinite;
  animation: wateranimate 1.8s ease-out infinite;
}
.wrap .bannerbox .banner2 .sulala span:nth-of-type(1) {
  margin: -2px 0 0 120px;
}
.wrap .bannerbox .banner2 .sulala span:nth-of-type(2) {
  margin: -2px 0 0 38px;
}
.wrap .bannerbox .banner3 {
  width: 100%;
  overflow: hidden;
}
.wrap .bannerbox .banner3 .cont1 .titlebox,
.wrap .bannerbox .banner3 .cont2 .titlebox {
  position: absolute;
  top: 28%;
  display: none;
}
.wrap .bannerbox .banner3 .cont1 .titlebox {
  left: 7%;
}
.wrap .bannerbox .banner3 .cont1 .titlebox.text_on {
  display: block;
  -webkit-animation: fadeInLeft 1.2s ease-in-out;
  animation: fadeInLeft 1.2s ease-in-out;
}
.wrap .bannerbox .banner3 .cont2 .titlebox {
  left: 8%;
}
.wrap .bannerbox .banner3 .cont2 .titlebox.text_on {
  display: block;
  -webkit-animation: fadeInRight 1.2s ease-in-out;
  animation: fadeInRight 1.2s ease-in-out;
}
.wrap .bannerbox .banner4 {
  position: relative;
}
.wrap .bannerbox .banner4 .w1200 {
  position: absolute;
  height: 74px;
  top: 28%;
  left: 50%;
  margin-left: -600px;
}
.wrap .bannerbox .banner4 .titlebox {
  margin: 0 auto;
  width: 902px;
  text-align: center;
  display: none;
}
.wrap .bannerbox .banner4 .titlebox.text_on {
  display: block;
  -webkit-animation: slideInDown 1.2s ease-in-out;
  animation: slideInDown 1.2s ease-in-out;
}
.wrap .bannerbox .cont1,
.wrap .bannerbox .cont2,
.wrap .bannerbox .cont3,
.wrap .bannerbox .cont4 {
  width: 50%;
  height: 100%;
  display: inline-block;
  float: left;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.wrap .bannerbox .cont1 .misk,
.wrap .bannerbox .cont2 .misk,
.wrap .bannerbox .cont3 .misk,
.wrap .bannerbox .cont4 .misk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.wrap .bannerbox .cont1:hover .misk,
.wrap .bannerbox .cont2:hover .misk,
.wrap .bannerbox .cont3:hover .misk,
.wrap .bannerbox .cont4:hover .misk {
  background: rgba(0, 0, 0, 0.2);
}
.wrap .bannerbox .cont1 {
  background: url("../img/index/banner3.png") no-repeat center center;
  background-size: cover;
}
.wrap .bannerbox .cont2 {
  background: url("../img/index/banner4.png") no-repeat -350px center;
  background-size: cover;
}
.wrap .bannerbox .cont3 {
  background: #242B5A url("../img/index/banner5.png") no-repeat -200px center;
  background-size: cover;
}
.wrap .bannerbox .cont4 {
  background: url("../img/index/banner6.png") no-repeat -160px center;
  background-size: cover;
}
.wrap .bannerbox .ban_arrow {
  position: absolute;
  width: 33px;
  height: 35px;
  left: 50%;
  bottom: 30px;
  margin-left: -16px;
  background: url("../img/index/arrow_next_icon.png") no-repeat center center;
  -webkit-animation: bounce 1.75s infinite;
  animation: bounce 1.75s infinite;
}
@-webkit-keyframes wateranimate {
  0% {
    -webkit-transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes wateranimate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.wrap .category {
  height: 708px;
}
.wrap .category h6 {
  width: 346px;
  height: 57px;
  background: url("../img/index/title_category.png") no-repeat center center;
  margin: 0 auto;
}
.wrap .category strong {
  display: block;
  width: 357px;
  height: 25px;
  background: url("../img/index/title_category_sub.png") no-repeat center center;
  margin: 45px auto 0;
}
.wrap .category .categorybg {
  width: 1317px;
  height: 657px;
  margin: 195px auto 0;
  background: url("../img/index/category_bg.png") no-repeat center 11px;
}
.wrap .category li {
  width: 200px;
  float: left;
  cursor: pointer;
  margin-top: 143px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wrap .category li i {
  position: relative;
  width: 117px;
  height: 101px;
  display: block;
  background: #3463D2;
  border-radius: 50%;
  padding-top: 16px;
  margin: 0 auto;
}
.wrap .category li i:before {
  content: "";
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 auto;
}
.wrap .category li span {
  width: 98px;
  height: 86px;
  background: url("../img/index/bubble_bg.png") no-repeat center center;
  color: #333;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  line-height: 18px;
  display: table;
}
.wrap .category li span b {
  font-weight: normal;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.wrap .category li p {
  text-align: center;
  font-size: 19px;
  margin-top: 20px;
  color: #333;
  letter-spacing: 3px;
}
.wrap .category li .bubble_left {
  -webkit-transform: translate(-85px, -135px) scale(1);
  transform: translate(-85px, -135px) scale(1);
  opacity: 0;
}
.wrap .category li .bubble_right {
  -webkit-transform: translate(125px, -185px) scale(1);
  transform: translate(125px, -185px) scale(1);
  opacity: 0;
}
.wrap .category li:nth-of-type(1) i:before {
  background: url("../img/index/category_icon1.png") no-repeat center center;
}
.wrap .category li:nth-of-type(2) i:before {
  background: url("../img/index/category_icon2.png") no-repeat center center;
}
.wrap .category li:nth-of-type(3) i:before {
  background: url("../img/index/category_icon3.png") no-repeat center center;
}
.wrap .category li:nth-of-type(4) i:before {
  background: url("../img/index/category_icon5.png") no-repeat 17px center;
}
.wrap .category li:nth-of-type(5) i:before {
  background: url("../img/index/category_icon4.png") no-repeat center center;
}
.wrap .category li.on {
  width: 400px;
  margin: 143px auto 0;
}
.wrap .category li.on i:before {
  margin: 0 auto;
  -webkit-animation: category-rotate 0.75s ease-out 0.6s both;
  animation: category-rotate 0.75s ease-out 0.6s both;
}
.wrap .category li.on .bubble_left {
  -webkit-animation: show-bubble-left 5s ease-in-out 1s both;
  animation: show-bubble-left 5s ease-in-out 1s both;
}
.wrap .category li.on .bubble_right {
  -webkit-animation: show-bubble-right 5s ease-in-out 1.3s both;
  animation: show-bubble-right 5s ease-in-out 1.3s both;
}
.wrap .category li.off {
  width: 400px;
}
.wrap .category li.off i:before {
  margin: 0 auto;
  -webkit-animation: category-rotate-out 0.75s ease-out both;
  animation: category-rotate-out 0.75s ease-out both;
}
.wrap .category li.off .bubble_left {
  -webkit-animation: show-bubble-left-out 0.7s ease-in-out 0.6s both;
  animation: show-bubble-left-out 0.7s ease-in-out 0.6s both;
}
.wrap .category li.off .bubble_right {
  -webkit-animation: show-bubble-right-out 0.35s ease-in-out 1s both;
  animation: show-bubble-right-out 0.35s ease-in-out 1s both;
}
@-webkit-keyframes category-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes category-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes show-bubble-left {
  0% {
    opacity: 0;
    -webkit-transform: translate(13px, -30px) scale(0);
    transform: translate(13px, -30px) scale(0);
  }
  15% {
    -webkit-transform: translate(-95px, -125px) scale(1);
    transform: translate(-95px, -125px) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-95px, -125px) scale(1);
    transform: translate(-95px, -125px) scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(-95px, -125px) scale(1);
    transform: translate(-95px, -125px) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
}
@keyframes show-bubble-left {
  0% {
    opacity: 0;
    -webkit-transform: translate(13px, -30px) scale(0);
    transform: translate(13px, -30px) scale(0);
  }
  15% {
    -webkit-transform: translate(-95px, -125px) scale(1);
    transform: translate(-95px, -125px) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-95px, -125px) scale(1);
    transform: translate(-95px, -125px) scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(-95px, -125px) scale(1);
    transform: translate(-95px, -125px) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes show-bubble-right {
  0% {
    opacity: 0;
    -webkit-transform: translate(9px, -170px) scale(0);
    transform: translate(9px, -170px) scale(0);
  }
  15% {
    -webkit-transform: translate(125px, -195px) scale(1);
    transform: translate(125px, -195px) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(125px, -195px) scale(1);
    transform: translate(125px, -195px) scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(125px, -195px) scale(1);
    transform: translate(125px, -195px) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
}
@keyframes show-bubble-right {
  0% {
    opacity: 0;
    -webkit-transform: translate(9px, -170px) scale(0);
    transform: translate(9px, -170px) scale(0);
  }
  15% {
    -webkit-transform: translate(125px, -195px) scale(1);
    transform: translate(125px, -195px) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(125px, -195px) scale(1);
    transform: translate(125px, -195px) scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(125px, -195px) scale(1);
    transform: translate(125px, -195px) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes category-rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes category-rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes show-bubble-left-out {
  0% {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate(13px, -45px) scale(0);
    transform: translate(13px, -45px) scale(0);
  }
}
@keyframes show-bubble-left-out {
  0% {
    -webkit-transform: translate(-95px, -135px) scale(1);
    transform: translate(-95px, -135px) scale(1);
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate(13px, -45px) scale(0);
    transform: translate(13px, -45px) scale(0);
  }
}
@-webkit-keyframes show-bubble-right-out {
  0% {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate(3px, -155px) scale(0);
    transform: translate(3px, -155px) scale(0);
  }
}
@keyframes show-bubble-right-out {
  0% {
    -webkit-transform: translate(125px, -185px) scale(1);
    transform: translate(125px, -185px) scale(1);
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate(3px, -155px) scale(0);
    transform: translate(3px, -155px) scale(0);
  }
}
.wrap .service {
  height: 740px;
  background: #fff;
  padding-top: 190px;
}
.wrap .service h6 {
  width: 232px;
  height: 55px;
  background: url("../img/index/title_service.png") no-repeat center center;
  margin: 0 auto;
}
.wrap .service .tabtit {
  margin-top: 48px;
}
.wrap .service .tabtit li {
  width: 145px;
  height: 23px;
  cursor: pointer;
  margin-bottom: 20px;
  color: #B3B3B3;
  font-size: 21px;
}
.wrap .service .tabtit li:hover {
  color: #333333;
}
.wrap .service .tabtit li.on {
  color: #333333;
}
.wrap .service .tabtit li .fr {
  width: 450px;
  height: 230px;
}
.wrap .service .cont {
  margin-top: 152px;
}
.wrap .service .tabpic img {
  display: block;
}
.wrap .service .tabpic li {
  height: 255px;
  padding-top: 5px;
}
.wrap .service .textbox {
  margin: 26px 83px 0 52px;
}
.wrap .service .textbox p {
  margin-top: 12px;
  width: 465px;
  display: inline-block;
  color: #999;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 2px;
}
.wrap .service .textbox b {
  font-size: 32px;
  letter-spacing: 2px;
  display: block;
  font-weight: lighter;
  color: #333;
  line-height: 30px;
  margin-bottom: 10px;
}
.wrap .service .picbox {
  width: 445px;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wrap .service .picbox:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.wrap .service .picbox img {
  border-radius: 3px;
  display: block;
  margin: 0 auto;
}
.wrap .about {
  height: 770px;
  background: url("../img/index/about.png") no-repeat center center;
  background-size: cover;
  padding-top: 153px;
}
.wrap .about h6 {
  width: 293px;
  height: 53px;
  background: url("../img/index/title_about.png") no-repeat center center;
  margin: 0 auto;
}
.wrap .about ul {
  height: 115px;
}
.wrap .about ul li {
  border-right: 1px solid #1749BD;
  height: 115px;
  float: left;
  cursor: pointer;
}
.wrap .about ul li span,
.wrap .about ul li i {
  display: block;
}
.wrap .about ul li span {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wrap .about ul li:nth-of-type(1),
.wrap .about ul li:nth-of-type(4) {
  width: 249px;
}
.wrap .about ul li:nth-of-type(1) span,
.wrap .about ul li:nth-of-type(4) span {
  width: 250px;
  height: 45px;
  margin-top: 7px;
}
.wrap .about ul li:nth-of-type(1) i,
.wrap .about ul li:nth-of-type(4) i {
  width: 250px;
  height: 29px;
  margin-top: 29px;
}
.wrap .about ul li:nth-of-type(2),
.wrap .about ul li:nth-of-type(3) {
  width: 349px;
}
.wrap .about ul li:nth-of-type(2) span,
.wrap .about ul li:nth-of-type(3) span {
  width: 350px;
  height: 45px;
  margin-top: 7px;
}
.wrap .about ul li:nth-of-type(2) i,
.wrap .about ul li:nth-of-type(3) i {
  width: 350px;
  height: 29px;
  margin-top: 31px;
}
.wrap .about ul li:hover span {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.wrap .about ul:nth-of-type(1) {
  margin-top: 70px;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(1) span {
  background: url("../img/index/about/num1.png") no-repeat 0px center;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(1) i {
  background: url("../img/index/about/text1.png") no-repeat 54px center;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(2) span {
  background: url("../img/index/about/num2.png") no-repeat center center;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(2) i {
  background: url("../img/index/about/text2.png") no-repeat center center;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(3) span {
  background: url("../img/index/about/num3.png") no-repeat center center;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(3) i {
  background: url("../img/index/about/text3.png") no-repeat center center;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(4) {
  border-right: none;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(4) span {
  background: url("../img/index/about/num4.png") no-repeat 20px center;
}
.wrap .about ul:nth-of-type(1) li:nth-of-type(4) i {
  background: url("../img/index/about/text4.png") no-repeat 100px center;
}
.wrap .about ul:nth-of-type(2) {
  margin-top: 130px;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(1) span {
  background: url("../img/index/about/num5.png") no-repeat 30px center;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(1) i {
  background: url("../img/index/about/text5.png") no-repeat 56px center;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(2) span {
  background: url("../img/index/about/num6.png") no-repeat center center;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(2) i {
  background: url("../img/index/about/text6.png") no-repeat center center;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(3) span {
  background: url("../img/index/about/num7.png") no-repeat center 1px;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(3) i {
  background: url("../img/index/about/text7.png") no-repeat center center;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(4) {
  border-right: none;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(4) span {
  background: url("../img/index/about/num8.png") no-repeat 98px center;
}
.wrap .about ul:nth-of-type(2) li:nth-of-type(4) i {
  background: url("../img/index/about/text8.png") no-repeat 91px center;
}
.wrap .about a.morebtn {
  display: block;
  text-align: center;
  border: 1px solid #1749BD;
  background: #fff;
  width: 139px;
  height: 44px;
  margin: 125px auto 0;
  line-height: 44px;
  font-size: 20px;
  color: #1749BD;
  font-family: "PingFang SC", "Microsoft Yahei";
}
.wrap .about a.morebtn:hover {
  color: #fff;
  background: #1749BD;
}
.wrap .bank {
  height: 340px;
  background: #fff;
  padding-top: 160px;
  margin: 110px 0  130px;
}
.wrap .bank h6 {
  width: 234px;
  height: 53px;
  background: url("../img/index/title_bank.png") no-repeat center center;
  margin: 0 auto;
}
.wrap .bank .bd {
  width: 1032px;
  margin: 0 auto;
}
.wrap .bank .bd .tempWrap {
  margin: 0 auto;
  width: 1032px !important;
}
.wrap .bank .cont {
  position: relative;
  margin-top: 100px;
}
.wrap .bank ul {
  height: 140px;
  margin-left: 0px;
}
.wrap .bank .next {
  background: url("../img/index/arrow_right.png") no-repeat center center;
  right: 0;
}
.wrap .bank .prev {
  background: url("../img/index/arrow_left.png") no-repeat center center;
  left: 0;
}
.wrap .bank .next,
.wrap .bank .prev {
  position: absolute;
  display: block;
  width: 27px;
  height: 48px;
  top: 46px;
  cursor: pointer;
}
.wrap .bank li {
  float: left;
  margin-right: 83px;
}
.wrap .bank li,
.wrap .bank img {
  width: 140px;
  height: 140px;
}
.wrap .newscenter {
  height: 845px;
  padding-top: 130px;
  background: #fff;
}
.wrap .newscenter h6 {
  width: 233px;
  height: 55px;
  background: url("../img/index/title_news.png") no-repeat center center;
  margin: 0 auto;
}
.wrap .newscenter ul {
  margin-top: 100px;
}
.wrap .newscenter li {
  width: 560px;
  height: 402px;
  background: #fff;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  float: left;
}
.wrap .newscenter li:nth-of-type(1) {
  margin-right: 70px;
}
.wrap .newscenter li a {
  display: block;
  position: relative;
  width: 556px;
  height: 402px;
  margin: 2px 0 0 2px;
}
.wrap .newscenter li a:after {
  content: "";
  height: 2px;
  width: 100%;
  background: #1749BD;
  position: absolute;
  bottom: 0;
  left: -100%;
  z-index: 4;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.wrap .newscenter li a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 262px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wrap .newscenter li a .cont {
  width: 418px;
  height: 208px;
  background: #fff;
  position: absolute;
  bottom: 48px;
  left: 50%;
  margin-left: -257px;
  padding: 0 48px;
}
.wrap .newscenter li a .cont p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  height: 60px;
  margin-top: 72px;
  color: #333333;
  font-size: 20px;
  line-height: 30px;
}
.wrap .newscenter li a .cont i {
  display: inline-block;
  font-style: normal;
  color: #CCCCCC;
  font-size: 16px;
  margin-top: 15px;
  float: left;
}
.wrap .newscenter li a .cont span {
  display: inline-block;
  width: 53px;
  height: 24px;
  background: url("../img/index/arrow.png") no-repeat center center;
  float: right;
  margin-top: 15px;
  margin-right: 30px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wrap .newscenter li a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.wrap .newscenter li a:hover:after {
  left: 0;
  bottom: 2px;
}
.wrap .newscenter li a:hover span {
  opacity: 1;
  margin-right: 0px;
}
.wrap .newscenter li a:hover i {
  color: #1749BD;
}
.wrap .newscenter a.morebtn {
  display: block;
  text-align: center;
  border: 1px solid #1749BD;
  background: #1749BD;
  width: 139px;
  height: 44px;
  margin: 125px auto 0;
  line-height: 44px;
  font-size: 20px;
  color: #fff;
  font-family: "PingFang SC", "Microsoft Yahei";
}
.wrap .newscenter a.morebtn:hover {
  color: #1749BD;
  background: #fff;
}