#main {
  min-width: 1200px; }

/* Banner */
.banner {
  width: 100%;
  min-width: 1000px;
  height: 440px;
  position: relative;
  background-size: auto 440px; }
  .banner .list {
    height: 100%; }
    .banner .list li {
      height: 100%;
      margin: auto; }
    .banner .list .bg1 {
      background: url("/images/banner/banner1.png") no-repeat center center;
      background-color: #FFC524; }
    .banner .list .bg2 {
      position: absolute;
      background: url("/images/banner/banner2.png") no-repeat center center;
      background-color: #FF9419; }
    .banner .list .bg {
      background-size: auto 440px; }
  .banner .tip {
    width: 1000px;
    height: 20px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    bottom: 30px;
    z-index: 3; }
  .banner .tip span {
    width: 80px;
    height: 6px;
    margin: 0 8px;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    opacity: .4;
    border-radius: 10px;
    transition: all .25s ease; }
  .banner .tip span.on {
    background: #fff;
    opacity: 1;
    width: 80px; }
  .banner .bannerAdd {
    height: 370px;
    position: absolute;
    bottom: 0; }
  .banner .w1200 {
    position: relative;
    z-index: 10;
    padding-top: 1px;
    padding-bottom: 10px; }
    .banner .w1200 .banner_title {
      display: block;
      margin-top: 110px;
      font-size: 40px;
      color: #FFFFFF;
      line-height: 48px; }
    .banner .w1200 .banner_hint {
      display: block;
      margin-top: 12px;
      width: 180px;
      color: #FFFFFF;
      line-height: 22px; }
    .banner .w1200 .banner_btn {
      margin-top: 36px;
      display: block;
      width: 128px;
      background: #FFFFFF;
      border-radius: 24px;
      text-align: center;
      line-height: 44px;
      color: #FF8800; }
      .banner .w1200 .banner_btn:hover {
        box-shadow: 0px 2px 6px 0px #E67A00; }

.xiaozhutong-wrapper .title {
  margin-top: 90px;
  font-size: 40px;
  font-weight: 500;
  color: #3D4042;
  line-height: 56px;
  text-align: center; }

.xiaozhutong-wrapper .fn-box {
  margin-top: 56px;
  padding-bottom: 30px; }
  .xiaozhutong-wrapper .fn-box .fn-item {
    position: relative;
    width: 276px;
    height: 260px;
    background: #FFFFFF;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    float: left;
    margin-right: 32px;
    margin-bottom: 37px;
    border: none;
    transition: all 0.3s;
    overflow: hidden; }
    .xiaozhutong-wrapper .fn-box .fn-item > div {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .xiaozhutong-wrapper .fn-box .fn-item img {
      display: block;
      width: 80px;
      height: 80px;
      margin-top: 36px;
      margin-bottom: 24px; }
    .xiaozhutong-wrapper .fn-box .fn-item .qrcode {
      width: 144px;
      height: 144px;
      margin-bottom: 18px; }
    .xiaozhutong-wrapper .fn-box .fn-item .fn-title {
      font-size: 20px;
      color: #3D4042;
      line-height: 24px; }
    .xiaozhutong-wrapper .fn-box .fn-item .fn-summary {
      margin-top: 10px;
      text-align: center;
      font-size: 16px;
      color: #999999;
      line-height: 24px; }
    .xiaozhutong-wrapper .fn-box .fn-item:nth-child(4n) {
      margin-right: 0; }
    .xiaozhutong-wrapper .fn-box .fn-item .back {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      top: 100%;
      z-index: 1;
      transition: all 0.3s;
      background: #fff; }
    .xiaozhutong-wrapper .fn-box .fn-item:hover {
      box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.06);
      transform: translateY(-10px); }
      .xiaozhutong-wrapper .fn-box .fn-item:hover .front {
        opacity: 0.3; }
      .xiaozhutong-wrapper .fn-box .fn-item:hover .back {
        transform: translateY(-100%); }

.xiaozhutong-wrapper .three-step {
  position: relative;
  margin-top: 56px;
  padding-bottom: 100px; }
  .xiaozhutong-wrapper .three-step .steps {
    font-size: 0; }
    .xiaozhutong-wrapper .three-step .steps .step {
      position: relative;
      width: 240px;
      height: 210px;
      background: #FFFFFF;
      border-radius: 6px;
      margin-right: 80px;
      position: relative;
      float: left; }
      .xiaozhutong-wrapper .three-step .steps .step img {
        width: 100%;
        height: 100%; }
      .xiaozhutong-wrapper .three-step .steps .step:nth-child(4) {
        margin-right: 0; }
      .xiaozhutong-wrapper .three-step .steps .step .step-hint {
        margin-top: 34px;
        font-size: 20px;
        font-weight: 600;
        color: #666666;
        line-height: 28px; }
      .xiaozhutong-wrapper .three-step .steps .step .circle-bar {
        position: absolute;
        left: 0;
        right: 0;
        top: -1px;
        margin: 0 auto;
        width: 104px;
        height: 6px;
        background: #FF8800;
        border-radius: 0px 0px 100px 100px; }
      .xiaozhutong-wrapper .three-step .steps .step:after {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: translateX(135%);
        content: '';
        width: 44px;
        height: 32px;
        background: url("/images/banner/arrow.png") no-repeat center center;
        background-size: cover; }
      .xiaozhutong-wrapper .three-step .steps .step:last-child:after {
        display: none; }

.footer-apply {
  background: url("/images/banner/xztbg.png") center center no-repeat; }
  .footer-apply label {
    box-shadow: 0 2px 8px 0 #F0EBE6;
    border: 1px solid #F5F4F2; }

.footer-apply {
  height: 280px;
  width: 100%;
  text-align: center;
  background-size: cover; }

.footer-apply h2 {
  padding-top: 88px;
  font-size: 34px;
  font-weight: 500;
  color: #3d4042;
  line-height: 1; }

.footer-apply .xztOpenForm {
  cursor: pointer;
  display: inline-block;
  background: #FF8800;
  width: 96px;
  height: 36px;
  line-height: 36px;
  border-radius: 22px;
  color: #fff; }

.clear:after {
  display: block;
  content: '';
  clear: both; }