.page-banner {
  display: block;
  height: 438px;
  position: relative; }
  .page-banner .page-center-1230 {
    height: 1px; }

.page-banner-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: no-repeat center;
  background-size: cover; }

.page-banner-swiper {
  position: absolute;
  width: 100%;
  height: 438px;
  left: 0;
  right: 0;
  margin: 0 auto; }
  .page-banner-swiper:hover .hd {
    opacity: 1; }
  .page-banner-swiper .hd {
    opacity: 0;
    transition: all .8s; }
  .page-banner-swiper .hd .prev,
  .page-banner-swiper .hd .next {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 58px;
    height: 100px;
    background: #f00;
    cursor: pointer;
    opacity: .8; }
  .page-banner-swiper .hd .prev {
    left: 0;
    background: url("https://feng8.com/assets/pub/images/zuo.jpg") no-repeat center; }
  .page-banner-swiper .hd .next {
    right: 0;
    background: url("https://feng8.com/assets/pub/images/you.jpg") no-repeat center; }
  .page-banner-swiper .bd {
    height: 438px;
    width: 100%;
    overflow: hidden; }
    .page-banner-swiper .bd a {
      display: block;
      height: 100%;
      background: no-repeat center;
      background-size: 100% 100%; }

.page-banner-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 312px;
  background: #fff;
  height: 438px; }
  .page-banner-left .pbl-section {
    padding-top: 38px;
    color: #333; }
  .page-banner-left .pbl-section-title {
    float: left;
    width: 74px;
    font-size: 20px;
    line-height: 30px;
    text-align: center; }
  .page-banner-left .pbl-section-title-l2 {
    font-size: 14px;
    color: #666; }
  .page-banner-left .pbl-section-content {
    padding-left: 74px; }
  .page-banner-left .pbl-section-box {
    border-left: 1px solid #eaeaea;
    font-size: 0; }
  .page-banner-left .pbl-section-link {
    display: inline-block;
    font-size: 14px;
    width: 79px;
    text-align: center;
    line-height: 20px; }
    .page-banner-left .pbl-section-link:hover {
      color: #fe0000; }

.xgt-top-menus {
  padding: 24px 0;
  font-size: 0; }

.xgt-top-menu {
  position: relative;
  display: inline-block;
  font-size: 16px;
  width: 292px;
  height: 109px;
  color: #fff;
  margin-right: 20px;
  text-align: center; }
  .xgt-top-menu:last-child {
    margin-right: 0; }
  .xgt-top-menu img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1; }

.xgt-top-menu-title {
  padding-top: 25px;
  font-size: 30px; }

.xgt-top-menu-desc {
  margin-top: 10px;
  font-size: 14px; }

.xgt-main-list {
  padding: 20px 0 1px;
  font-size: 0;
  background: #f7f7f9; }
  .xgt-main-list .xml-box {
    display: inline-block;
    width: 292px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    font-size: 16px;
    transition: all .3s; }
    .xgt-main-list .xml-box:hover {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05);
      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.6); }
    .xgt-main-list .xml-box:nth-child(4n) {
      margin-right: 0; }
  .xgt-main-list .xml-img-box {
    height: 205px; }
    .xgt-main-list .xml-img-box img {
      display: block;
      width: 100%;
      height: 100%; }
  .xgt-main-list .xml-title {
    padding: 0 10px;
    line-height: 45px;
    font-size: 16px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center; }
    .xgt-main-list .xml-title:hover {
      color: #fe0000; }