html {
  height: 100%;
  position: relative; }

body {
  position: relative;
  height: 100%;
  background: url("../images/body_bg.png");
  background-size: 100%;
  background-repeat: no-repeat; }

.icon {
  display: inline-block;
  background: url("../images/icon_list.png");
  background-size: 606px 212px;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  flex: 0 0 36px; }

.icon.big {
  flex: 0 0 106px;
  width: 106px;
  height: 106px; }

.icon.zhon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px; }

.icon.xx {
  background-position: -318px 0; }

.icon.bj {
  background-position: -354px 0; }

.icon.sl {
  background-position: -390px 0; }

.icon.lt {
  background-position: -425px 0; }

.icon.fdj {
  background-position: -462px 0; }

.icon.shu {
  background-position: -498px 0; }

.icon.jia {
  background-position: -534px 0; }

.icon.bin {
  background-position: -390px -36px; }

.icon.hua {
  background-position: -425px -36px; }

.icon.wjj {
  background-position: -462px -36px; }

.icon.hfdj {
  background-position: -498px -36px; }

.icon.tw {
  background-position: -534px -36px; }

.icon.jqqd {
  background-position: -570px -36px; }

.icon.gth {
  background-position: -318px -72px; }

.icon.rxx {
  background-position: -212px -106px; }

.icon.sgg {
  background-position: -262px -106px; }

.icon.sjp {
  background-position: -312px -106px; }

.icon.bsm {
  background-position: -362px -106px; }

.icon.sfdj {
  background-position: -212px -156px; }

.icon.dn {
  background-position: -262px -156px; }

.icon.gsp {
  background-position: -312px -156px; }

.icon.dp {
  background-position: -362px -156px; }

.flex {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .flex .flex_1 {
    flex: 1; }

.flex.between {
  justify-content: space-between; }

.flex.wrap {
  flex-wrap: wrap; }

.app {
  position: relative;
  max-width: 1180px;
  min-width: 1180px;
  margin: 0 auto;
  background: linear-gradient(top, rgba(255, 255, 255, 0) 100px, #fff 0);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 100px, #fff 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 100px, #fff);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 100px, #fff);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 100px, #fff); }
  .app .form .form-item label {
    text-align: justify;
    text-align-last: justify; }
  .app .form input, .app .form select {
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding-left: 10px;
    flex: 1; }
  .app header {
    height: 100px;
    line-height: 100px;
    color: #1f447b;
    font-weight: 600; }
    .app header h1 {
      font-size: 24px; }
    .app header p {
      font-size: 18px; }
    .app header .login {
      font-size: 16px; }
      .app header .login a {
        color: #1f447b; }
        .app header .login a:active {
          color: #1f447b; }
        .app header .login a:hover {
          text-decoration: underline; }
 .nav{height:48px;line-height:48px;background:-webkit-linear-gradient(top, #459cf5, #2060bf)}
.nav ul{width:1200px;height:48px;margin:0 auto;padding-left:3px}
.nav ul li{float:left;padding:0 5px}
.nav ul li a{display:block;padding:0 25px;color:#FFF;font-size:18px;font-family:"微软雅黑","黑体";white-space:nowrap}
.nav ul li a:link,.nav ul li a:visited {color:#FFF;}
.nav ul li a:hover,.nav ul li a:active{background:-webkit-linear-gradient(top, #2060bf, #459cf5);text-decoration:none;color:#FFF}
.nav_cur{background:#FE7903 !important;text-decoration:none;color:#FFF}
.banner {
    position: relative;
    width: 100%;
    height:500px;
    background: url("../images/banner.jpg") center no-repeat; }
  .app .one {
    background: #f1faf0;
    margin: 20px;
    padding: 10px;
    line-height: 36px;
    border-radius: 28px; }
    .app .one .item:first-child {
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      padding: 0 20px;
      border-radius: 18px;
      background: linear-gradient(top, #71de65, #34c126);
      background: -webkit-linear-gradient(top, #71de65, #34c126);
      background: -moz-linear-gradient(top, #71de65, #34c126);
      background: -ms-linear-gradient(top, #71de65, #34c126);
      background: -o-linear-gradient(top, #71de65, #34c126); }
    .app .one .item {
      font-size: 18px;
      color: #333;
      margin-right: 20px;
      cursor: pointer; }
      .app .one .item:hover {
        text-decoration: underline; }
      .app .one .item span {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        line-height: 26px;
        border-radius: 50%;
        color: #fff;
        background: #73df67;
        text-align: center;
        margin-right: 10px;
        margin-top: -4px; }
  .app .two {
    padding: 0 20px 10px; }
    .app .two .item {
      position: relative;
      flex: 0 0 106px;
      height: 106px;
      background: #f8f8f8;
      margin-bottom: 8px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      cursor: pointer;
      transition: all 0.2s; }
      .app .two .item .icon {
        margin-bottom: 6px;
        transition: all 0.3s; }
      .app .two .item:hover {
        color: #008fff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
        .app .two .item:hover .icon {
          transform: scale(0.92); }
    .app .two .item.big {
      font-size: 26px;
      color: #fff;
      font-weight: 600; }
      .app .two .item.big .icon {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1; }
      .app .two .item.big p {
        position: relative;
        z-index: 2; }
    .app .two .item:nth-of-type(1) .icon {
      background-position: 0 0; }
    .app .two .item:nth-of-type(6) .icon {
      background-position: -106px 0; }
    .app .two .item:nth-of-type(9) .icon {
      background-position: -212px 0; }
    .app .two .item:nth-of-type(12) .icon {
      background-position: 0 -106px; }
    .app .two .item:nth-of-type(15) .icon {
      background-position: -106px -106px; }
    .app .two .item:nth-of-type(18) .icon {
      background-position: 0 0; }
  .app .three {
    padding: 20px;
    align-items: flex-start; }
    .app .three .left, .app .three .right {
      width: 100%;
      color: #333; }
      .app .three .left h1, .app .three .right h1 {
        position: relative;
        width: 100%;
        color: #fff;
        font-size: 20px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: #29b6f6;
        z-index: 2; }
      .app .three .left .box, .app .three .right .box {
        background: #f0f9fd;
        padding: 25px; }
    .app .three .right h1 {
      margin-bottom: 20px; }
    .app .three .right .box {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      align-items: flex-start; }
      .app .three .right .box .form {
        margin-right: 20px;
        text-align: right; }
        .app .three .right .box .form .form-item {
          margin-bottom: 21px; }
        .app .three .right .box .form label {
          font-size: 18px;
          flex: 0 0 100px; }
        .app .three .right .box .form input, .app .three .right .box .form select {
          height: 40px;
          line-height: 40px; }
        .app .three .right .box .form .button {
          width: 238px;
          height: 40px;
          line-height: 40px;
          background: #29b6f6;
          color: #fff;
          font-size: 18px; }
    .app .three .right .phone-list {
      flex: 0 0 310px;
      background: #ffffff;
      box-sizing: border-box;
      padding: 12px 15px; }
      .app .three .right .phone-list h2 {
        text-align: center;
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 2px solid red; }
        .app .three .right .phone-list h2 span {
          color: red; }
      .app .three .right .phone-list .list {
        height: 280px;
        overflow: hidden; }
      .app .three .right .phone-list ul .item {
        line-height: 28px; }
        .app .three .right .phone-list ul .item span {
          font-size: 14px;
          flex: 1;
          text-align: center; }
        .app .three .right .phone-list ul .item span:last-child {
          color: red; }
    .app .three .left {
      flex: 0 0 402px;
      margin-right: 20px; }
      .app .three .left .box {
        margin-bottom: 20px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
        .app .three .left .box .form {
          width: 100%;
          text-align: right; }
          .app .three .left .box .form .form-item {
            margin-bottom: 20px; }
          .app .three .left .box .form label {
            font-size: 18px;
            flex: 0 0 70px; }
          .app .three .left .box .form input, .app .three .left .box .form select {
            height: 50px;
            line-height: 50px; }
          .app .three .left .box .form .button {
            width: 282px;
            height: 50px;
            line-height: 50px;
            background: #29b6f6;
            color: #fff;
            font-size: 20px; }
      .app .three .left img {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
  .app .four {
    height: 95px;
    background: #f9f9f9; }
    .app .four span:first-child {
      background: none;
      border: 0;
      font-size: 28px;
      color: #29b6f6; }
      .app .four span:first-child::before {
        position: absolute;
        left: 0;
        display: inline-block;
        vertical-align: middle;
        content: '';
        height: 50px;
        width: 5px;
        background: #29b6f6; }
    .app .four span {
      display: inline-block;
      height: 50px;
      line-height: 50px;
      background: #fff;
      border: 1px solid #ddd;
      margin-right: 60px;
      padding: 0 30px;
      cursor: pointer; }
      .app .four span .icon {
        vertical-align: middle; }
  .app .five {
    padding: 40px 20px 30px; }
    .app .five .item:nth-of-type(1), .app .five .item:nth-of-type(5) {
      background: linear-gradient(left, #4fb6f8, #42a5f6);
      background: -webkit-linear-gradient(left, #4fb6f8, #42a5f6);
      background: -moz-linear-gradient(left, #4fb6f8, #42a5f6);
      background: -ms-linear-gradient(left, #4fb6f8, #42a5f6);
      background: -o-linear-gradient(left, #4fb6f8, #42a5f6); }
      .app .five .item:nth-of-type(1):hover, .app .five .item:nth-of-type(5):hover {
        box-shadow: 0 0 10px #42a5f6; }
    .app .five .item:nth-of-type(6), .app .five .item:nth-of-type(10) {
      background: linear-gradient(left, #f65040, #f54337);
      background: -webkit-linear-gradient(left, #f65040, #f54337);
      background: -moz-linear-gradient(left, #f65040, #f54337);
      background: -ms-linear-gradient(left, #f65040, #f54337);
      background: -o-linear-gradient(left, #f65040, #f54337); }
      .app .five .item:nth-of-type(6):hover, .app .five .item:nth-of-type(10):hover {
        box-shadow: 0 0 10px #f65040; }
    .app .five .item:nth-of-type(2) {
      background: linear-gradient(left, #90a6b1, #78909c);
      background: -webkit-linear-gradient(left, #90a6b1, #78909c);
      background: -moz-linear-gradient(left, #90a6b1, #78909c);
      background: -ms-linear-gradient(left, #90a6b1, #78909c);
      background: -o-linear-gradient(left, #90a6b1, #78909c); }
      .app .five .item:nth-of-type(2):hover {
        box-shadow: 0 0 10px #78909c; }
    .app .five .item:nth-of-type(3) {
      background: linear-gradient(left, #00c9dd, #00bcd5);
      background: -webkit-linear-gradient(left, #00c9dd, #00bcd5);
      background: -moz-linear-gradient(left, #00c9dd, #00bcd5);
      background: -ms-linear-gradient(left, #00c9dd, #00bcd5);
      background: -o-linear-gradient(left, #00c9dd, #00bcd5); }
      .app .five .item:nth-of-type(3):hover {
        box-shadow: 0 0 10px #00bcd5; }
    .app .five .item:nth-of-type(4) {
      background: linear-gradient(left, #9768ce, #7e57c2);
      background: -webkit-linear-gradient(left, #9768ce, #7e57c2);
      background: -moz-linear-gradient(left, #9768ce, #7e57c2);
      background: -ms-linear-gradient(left, #9768ce, #7e57c2);
      background: -o-linear-gradient(left, #9768ce, #7e57c2); }
      .app .five .item:nth-of-type(4):hover {
        box-shadow: 0 0 10px #7e57c2; }
    .app .five .item:nth-of-type(7), .app .five .item:nth-of-type(8), .app .five .item:nth-of-type(9) {
      background: linear-gradient(left, #6f80ce, #5c6bc0);
      background: -webkit-linear-gradient(left, #6f80ce, #5c6bc0);
      background: -moz-linear-gradient(left, #6f80ce, #5c6bc0);
      background: -ms-linear-gradient(left, #6f80ce, #5c6bc0);
      background: -o-linear-gradient(left, #6f80ce, #5c6bc0); }
      .app .five .item:nth-of-type(7):hover, .app .five .item:nth-of-type(8):hover, .app .five .item:nth-of-type(9):hover {
        box-shadow: 0 0 10px #5c6bc0; }
    .app .five .item {
      flex: 0 0 220px;
      box-sizing: border-box;
      padding: 15px;
      border-radius: 6px;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
      margin-bottom: 10px;
      transition: all 0.3s; }
      .app .five .item .icon {
        margin-right: 15px; }

footer {
  border-top: 1px solid #2060bf;
  padding: 20px 0;
  text-align: center;
  color: #2060bf;
  margin-top: 40px; }
  footer a {
    color: #2060bf; }
    footer a:hover {
      text-decoration: underline; }
	  
.layui-icp-list {
    margin: 15px 0;
}

    .layui-icp-list li {
        display: inline-block;
    }

.layui-square {
    width: 40px;
    height: 40px;
    background: #5d91cc;
}

.beian{color: #fff;}
.beian a:link, a:visited {
    text-decoration: none;
color: #fff;}

/*# sourceMappingURL=index.css.map */