.hcy{
  color:white;
}

.hcy:hover{
  color:  #6dcfff;
  font-size: 2.3rem;
}


.a{
  font-size: 1.5rem;  
}

li:hover a{
  font-size: 1.5rem;
}

html,body {
  height: 100%;
}

* {
    margin: 0;
    padding: 0;
  }
  
  body{
    min-height:100%;
    height: auto !important;
    height: 100%; /*IE6不识别min-height*/
    position: relative;
    padding-bottom: 4rem;/*等于footer的高度*/
  }



  img{
border: 1px black solid;
}

  a {
    text-decoration: none;
  }

  header h1 {
    font-size: 4rem;
   letter-spacing: 1rem;
    color: #6dcfff;
   
    width: 30%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
  }

  header b {
    color: rgb(255, 255, 255);
  }

  header{      
    background-color: rgb(24, 73, 103);
  }

  header ul{
    
    width: 69%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
  }

  header li {
    width: 18%;
  }

 
 

  section div.toubu {
    width: 92rem;
    height: 4rem;
    margin: 1rem auto 0;
    line-height: 4rem;
    background-color: black;
  }

  section div .right {
    float: right;
  }

  section div.zuti {
    width: 77rem;
    margin: 3rem auto;
  }

  .tu{
    width: 22.5rem;
    height: 15rem;
    display: inline-block;
    margin-right: 2rem;
    margin-bottom: 2rem;
  }

.zuti img:hover{
  transform: scale(1.2);

}

  section h1 {
    font-size: 2rem;
  }

  p {
    font-size: 1.5rem;
  }

  section div i.teshuziti {
    
    display: inline-block;
    vertical-align: middle;
  }

  section div i.ouy {
    display: inline-block;
    vertical-align: middle;
  }

  section b {
    font-size: 2rem;
    display: inline-block;
    vertical-align: middle;
    color: white;
  }

  .tupianjeishao {
    width: 21rem;
    
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem;
  }

  section div.zuobankuai {
    width: 53rem;
    margin-left: 5rem;
    display: inline-block;
    vertical-align: middle;
  }

  section div.tou {
    width: 57rem;
    height: 4rem;
    line-height: 4rem;
    background-color: black;
    margin-left: -2rem;
  }

  section div.youbankuai {
    width: 25rem;
    margin-left: 7rem;
    display: inline-block;
    vertical-align: top;
  }

  section div.youtou {
    width: 29rem;
    height: 4rem;
    line-height: 4rem;
    background-color: black;
    margin-left: -2rem;
  }

  section div.shuoming {
    height: 17rem;
    border-bottom: 0.1rem solid black;
  }

  section img.tupian {
    width: 20rem;
    height: 13rem;
    display: inline-block;
    vertical-align: middle;
  }

  section div.wenzi {
    width: 30rem;
    height: 13rem;
    display: inline-block;
    vertical-align: middle;
  }

  a.more {
    display: inline-block;
    background-color: rgb(24, 73, 103);
    margin-top: 1rem;
    color: rgb(255, 255, 255);
  }

  section h1.biaoti {
    display: inline;
    vertical-align: middle;
  }

  section div.mokuai {
    height: 15rem;
    width: 100%;

  }



  footer {
    font-size: 0.5rem;
    color: white;
    text-align: center;
    background-color: rgb(24, 73, 103);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4rem;/*脚部的高度*/
    clear:both;
}

  @font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1589278637793');
    /* IE9 */
    src: url('iconfont.eot?t=1589278637793#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALAAAsAAAAABoQAAAJ0AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBEIEtATYCJAMICwYABCAFhG0HMBvTBcgekiRFqhDjqRzvkwAUhXh4/n7Uue+/qQgcjNbKzQRrjcIVWl9a8WyBuVzLzZdB7/hj+apEimGTyx/ntjS+TleZ1iHpytp+4nC2+jyX07urgAKZ/3kvlzkmTeoFGAdSgHthFFkJnXHD2AUv8DmBSr0sYnVqYRlaZfa6QNzW6gBaCzFZZsVyobThaBYvlShPj9I18CL6ffwXRCtJScFu27w6eQwjv7RT1vDw5KHTASFOQKdLUGAayMRuY25dg2DsBpW5RoPgWM3BL12vBw5xVKtgf53dWA26YT74pT3FowonkJnOGLAxKUxRY9Nx5/Zz9/57/+Hn4O5r7/D2dvfubu/h4eD+fh9y20bEw2J5+PFH5eeKzoe874gDcbLlV0XzQ7Ff/1fx5IWIkRiFVFzPtodxekwcbIo1sbq2NQZjYFisirVKfkxYZNOWpTcCwev67PXM/pVXZfDu89WRbFiA8lP5g18mHziUDaVtT1mTN5aSMQ230lGpEidwqNH7VFPL/XlCeUHOkJTpQaHcMJlZ0yhRZQalyi2g0pTp01WaGA0iV2DSJUCod4Wk1lsU6t2QmfWGEq1+Uao+GlBpP5qurDIaun3F0AHTMR5eoD7KUuk6uT1uXiR1Eh+YvDLirJIpdRJ9xysXpykls8SO8lQFzBKlyRKcAq9RHGeYm6xGR+yEzHnVdWXTh5yjLIF2KwxygJFj6NAFpB3JpGQwnrVXvr+IKCdiB0zHQF10FTFKenbkc3gDyGldOmjgUd4pnVICjElIMjIJNAUWkVgsg/LmRTXkCHOEEzK5KtcZJYfqnO0Nyd+dgEq2OYUzr1B6Qdt0QQA=') format('woff2'),
      url('iconfont.woff?t=1589278637793') format('woff'),
      url('iconfont.ttf?t=1589278637793') format('truetype'),
      /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url('iconfont.svg?t=1589278637793#iconfont') format('svg');
    /* iOS 4.1- */
  }

  @font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1589293042317');
    /* IE9 */
    src: url('iconfont.eot?t=1589293042317#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAO4AAsAAAAAB/gAAANpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqDVIMqATYCJAMMCwgABCAFhG0HQRv7Bsg+gE1kiO4F0RKosaRtOrJxwuaZ82UsiHsf8APARVDt99mzu+8dIARlFIFkUKmoEy4sgTSri5AExgBp1rH5E9f8So3UZWLUeWKF5Xl72gR23r6m0QaWQNtvr8t1XreQxDKmrGItNaY77uePlU9+2kcVRi9jUBqExzj+//u5aKoC/LYznLVFhRZIpPhsuqZ/fH3vfboAqwYYrKSVMSaReQh+nhUWgwlY/f8/l9O7hm+f37JAU5hj+VETJA6o1/O9MYqygAskIO8hXu3SDvs2gVaTzMCd3ssbsAq6KBBLrciBTZmVmtrQLNQlO4u4q9KcrqUjgTv+9+MvexAkVUZX7jt3FMDuD/OPCdxtcMpFSMZzgt9HxlqAQpwpdR/TDNNrwVpVdau+tFaENFbsP75Y09Yr/eMlokar28FKVKWTkthcgh9EqHH++6jRihvwCfX9fcPN0zaGvqaU8/CIIsb0XyDE3JXa6Ktx/8QtL9p07J2gV1Y1fzLo1c/Bf5/JAa4nipddhM8YPDKrm/rg4n560x7fMwBDDIWxBFEN+cm/a7S454Ndd7D0w30Qjx2l951Z+iwx5EzgT6Cvmf+MZVfX4HCm1zn+AI2dpPeqxdgJlxJr5x0n3pN+J1RAKVqtTiw/vcFl1W9ZvcqmwBWEq6pey9r3+T3DvHq/P+Col2uDJ6ZQMD6hH4IncEIj+YU+0/9Vkgb0V2sDqK/RkG4LHPF9GPzys+X8NcgBNMr/4FXIypd85W/+xt2XN2Unzr8dFPC1yweDDQVo56X5Xj3Bv5O0bCiajFpyUcS22Mhl+9g3I0ShoPHH6qHXs792oDWZ0A7EkDSZgKzZPFqIa6HSZh3Umm2BVmvE97fp09IUpQWrjQBCtyUknd5B1u2EFuIDKoNeUOsOGFodCd2JbRajrnK1ySkF+LzAxHMZWjbtB7VXFM1yJ0mZz7gjqZMYblvt2dwJlSRjrKnn0Y5qiKFwgcdwH+U5YyWckteNWLWabtoqZU/a8FxA3w6COIoEUMECqvNYKXR7q37u81dIZCbnSA2mynuHiFoyOHKwsrdAT9RlK8y1PNI2F9nRoUKoQrACioGT5GaaoUb5tBTx1IZaj2RlykZaVdqqN+bXFs+3D1rRE3KkyFG0n+0lseOXpHIm7thKrXxNXBkBAAAAAA==') format('woff2'),
      url('iconfont.woff?t=1589293042317') format('woff'),
      url('iconfont.ttf?t=1589293042317') format('truetype'),
      /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url('iconfont.svg?t=1589293042317#iconfont') format('svg');
    /* iOS 4.1- */
  }

  @font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1589335966248');
    /* IE9 */
    src: url('iconfont.eot?t=1589335966248#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
      url('iconfont.woff?t=1589335966248') format('woff'),
      url('iconfont.ttf?t=1589335966248') format('truetype'),
      /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url('iconfont.svg?t=1589335966248#iconfont') format('svg');
    /* iOS 4.1- */
  }

  .iconfont {
    font-family: "iconfont" !important;
    font-size: 4rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  
  .iconduihaoqipao2:before {
    content: "\e618";
    color: white;
    background-color: rgb(24, 73, 103);
  }

  .icontime:before {
    content: "\e619";
    color: rgb(24, 73, 103);
  }

  .icongengxin:before {
    content: "\e646";
    color: rgb(24, 73, 103);
  }

  .iconchabei:before {
    content: "\e667";
    color: rgb(24, 73, 103);
  }

  .iconiconceshi:before {
    content: "\e601";
    color: rgb(24, 73, 103);
  }

  @font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1593920296788'); /* IE9 */
    src: url('iconfont.eot?t=1593920296788#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAUMAAsAAAAACZAAAAS9AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqGJIUkATYCJAMUCwwABCAFhG0HURs5CFFUT1pkH4Vt2yOqPl4WQow+cez7qMZ4eFpjvT8zu6g0SKKRbtJIhGha8SgWGynQ5e5CurTHv5teAl1NkoqnolAxnyidGPICHhYCEwudqyET1a/9z7HUi7Z7B5If6JwyEqMBT/CAupa4NxpG6kazvYnqVMLrOtAZ+ODFBNqNEsNW69t3BzeFMysQx2qlFNxKWqWHHFoVdcvGIj7ARWt6xK8CeI+/P/5BdriRVJmzcHu3TgGV3978zPx/Xt8QAbzlzJC2kTEHFOKy1XpMkEbnCLQbYaFFYP6sVZK+4bXX67g3P5sGJryQvN39h0eRhEzUHGknh12MFb7B5+YyL1JLJIsjs/DceCTzfNHVhnb0Av+JLXCUY0umZVndS7cL8AmIjHH36m5r72y58pq8EfD7TZ7ez1swwcNmVKaE4Iv+Vrhg8eaffSTz15Ld5y4K7DFvQ3DrgsVGdNBw0ta9+9zJQZL51q4UZyu24Zgie3STSXKj/ZZdFLzA2nMuaXMUH3AGeS7ZI7rj7HDKNvzw9f3rPWw2kjxq6z75cioWND8I+E0Jvhu2YJhhHgTOC1x3KOGCUxS8xNnqucDeIzBwC3Oiz9otj5g3v3XfMf7o5OPWE0MXOCROp0ffDW022fz7EuuaaO9lq8B2l+y99yZ/a8od6+3emCccYhEvp3PI3IGkwLl3IU3tLsmUeIbOocTEJEJETiTExEJSRCw6dFVMTMTF+CSikR0fMDGz1/fRb/6NGv1t9PK330b9eTc9dTPTo7sAnF42SRaNWwrFuyfHV0zSaFXKiaET+/YNPi1CBsOMCriU22OpRoP8enwaImxY1CAc/7mH/07fweP71ZwMm3481BCE+SwZksnjPk9xHvKwtIjn/1/lKqGsYYoFG1BRjcVsksI/S4+ZxAS/sX4TiOVXC7dgtUcO+fz78G/Ofmx5NrhrZyFeqQipS3/3QERMoMYMKM+dWPvwcebnhi/uA3yGzJ1xMV59c+pyloRsxNv49m569yNThi3rr+3t0c4o4gedGMSLhEwnzz5zbQNzu+R28F9nUX1YXGTM8B7J43ckjRncy8skXTt/mMcRh2760e3b+sJ3lc3MqfPsW0Nej6YT6LljA64aAtBcy2cE+QDNmrwbvwFAPsUPAjRteYtA9wf7He9FG90H+Jb+avUs4CtJlxy7m7YCmBT+JTIw7+/EA9uKKXB0VdErfa7uq2z4s0iTkWxHQ85+j5eRD8H5hFZDOSQtRiBrNYYs2DmodJiHWqsFaDerYXuHASyBKG2YMY5B6LUDkm6fkPW6hizYR1AZ9glqvSGAdjtBHNhhItQeNSySckhByYZSajljoD0D55EUdkVKs07KFgUxVYJYkzpAZaVnVhMNyIDYJZaYLMpsjqMpmmX0VD27HNLpGMrIMhok59JVHGcszsig2+4pXc7owcMKFiLFQRQoMkNR1OQYBnTYm+NR+/quECUzHSm2p6rBKoGwTNT9U7KkywSQDVIDVPUow00slLJxODQ/jcZi6FHqyYzo3CiDYmwfp4HIcdKpJoSNimVw3WhUmr69XP8a837MNZ0bVpEiR4kqaq17yKBUmJksF5PKTEtdOHOkknr5I9UKKaNQG5QyMwAAAAA=') format('woff2'),
    url('iconfont.woff?t=1593920296788') format('woff'),
    url('iconfont.ttf?t=1593920296788') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1593920296788#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .icongengduo1:before {
    content: "\e623";
    color: white;
    background-color: rgb(24, 73, 103);
  }
  
  .iconshufa:before {
    content: "\e60c";
    color: white;
    background-color: rgb(24, 73, 103);
  }
  
  .icontuhua:before {
    content: "\e7f4";
    color: white;
    background-color: rgb(24, 73, 103);
  }
  
  .iconhuidaodingbu:before {
    content: "\e600";
    color: white;
    background-color: rgb(24, 73, 103);
  }