html,body {
    height: 100%;
  }
  body {position:absolute;background-color:#fff;top: 0px;left: 0px;right: 0px;bottom: 0px;font-family:arial,'Microsoft Yahei', '΢ÈíÑźÚ',sans-serif;}
  div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p{padding:0; margin:0;font-family:arial,'Microsoft Yahei', '΢ÈíÑźÚ',sans-serif;}
  a:hover{text-decoration: none;}
  .swiper-container {overflow:hidden;position:absolute;height:100%;width:100%;margin:0 auto;z-index:0;}
  .swiper-wrapper{margin:0 auto;}
  .swiper-slide {background-size:cover;}
  @media (max-width:1023px) {
    .swiper-slide img {}
  }
  @media (max-width:479px) {
    .swiper-slide img {}
  }
  #hlogo {position:absolute;top:100px;width:434px;z-index:1;text-align:center;background:url(logo.png) no-repeat left top;height:56px;}
  @media (max-width:799px) {
    #hlogo {
      background-size:360px;width:360px;top:60px;
    }
  }
  @media (max-width:479px) {
    #hlogo {
      background-size:320px;width:320px;top:30px;
    }
  }
  #rightnav {width:50px;height:210px;position:absolute;top:100px;right:10px;z-index:1;}
  #rightnav a.rn1{width:50px;height:50px;background:url(c-1.png) no-repeat center top;display:block;}
  #rightnav a.rn1:hover{background:url(c-2.png) no-repeat center top;}
  #rightnav a.rn2{width:50px;height:50px;background:url(c1-1.png) no-repeat center top;display:block;margin-top:30px;}
  #rightnav a.rn2:hover{background:url(c1-2.png) no-repeat center top;}
  #rightnav a.rn3{width:50px;height:50px;background:url(c2-1.png) no-repeat center top;display:block;margin-top:30px;}
  #rightnav a.rn3:hover{background:url(c2-2.png) no-repeat center top;}
  
  #hnavbg {position:absolute;bottom:50px;width:100%;z-index:1;}
  #hnav {width:960px;z-index:1;margin:0 auto;}
  @media (max-width:959px) {
    #hnav {width:480px;margin:0 auto;}
  }
  @media (max-width:479px) {
    #hnav {width:320px;margin:0 auto;}
  }
  #hnav span{display:block;float:left;width:156px;height:40px;margin-right:4px;margin-bottom:4px;}
  #hnav span a.hnava{display:block;height:40px;font: 16px/34px ΢ÈíÑźÚ;color:#fff;text-align:center;background:url(dh-2.png) no-repeat;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
  #hnav span a.hnava:hover{}
  #hnav span ul {display:none;}
  #hnav span:hover ul {display:block;}
  #hnav span ul li{ border-bottom:1px solid #315472;height:34px;overflow:hidden;display:block;padding:0;}
  #hnav span ul li a{display:block;height:34px;line-height:34px;font-weight:bold;font-size:14px;background:#172737 url(dot-2.png) no-repeat 20px 14px;color:#fff;padding-left:35px;text-align:left;color:#fff;}
  #hnav span ul li a:hover {background:#0693c0 url(dot-2.png) no-repeat 20px 14px;}