* {
    margin: 0;
    padding: 0;
  }
  a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
body,
html {
  width:100%;
  height: 100%;
}
.orionbox a:hover{
color:#46ab23;
}
.orionbox2 dd a:hover{
  color:#46ab23;
}
.orionbox3 a:hover{
  color:#46ab23;
}
.orionbox3 p:hover{
  color:#46ab23;
}
.orionbox3 dd:hover{
  color:#46ab23;
}
.orionbox{
    width: 1200px;
    height: 60px;
    margin:auto;
    margin-top: 36px;
}
.orionbox ul li a{
 text-decoration: none;
 color: black;
}
.orionbox ul li{
   list-style: none;
   }
.hannabox-1{
    width: 127px;
    height: 60px;
    float: left;
}
.hannabox-2{
    width:558px;
    height: 60px;
    float: left;
    margin-left: 128px;
}
.ohausbox{
    width:235px;
    height: 60px;
    float: left;
    margin-left: 148px;
}
.ohausbox-1{
    width:48px;
    float: left;
}

.ohausbox-2{
    width:185px;
    float: left;
}

.ohausbox-2 p{
    font-weight: 400px;
    font-size:20px;
    letter-spacing: 0.1em;
    margin-left: 10px;
}

#ohausbox-2p{
    font-weight: 400px;
    font-size:12px;
    letter-spacing: 00.755em;
    color: #999999;
    margin-top: 5px;
}
#ohauslogoimg{
    width: 80%;
    margin-top: -30px;
}











.hannabox-2 select {
    text-indent: 1em;
    font-size: 14px;
    height: 35px;
    width: 92px;
    border-color: #e3e3e3;
    box-sizing: border-box;
  
    float: left;
    outline: none;
  }
  .hannabox-2 input {
    box-sizing: border-box;
    width: 386px;
    height: 35px;
    padding: 5px;
    border: 1px solid #e3e3e3;
    outline: none;
    float: left;
    font-size: 14px;
    background: white;
    border-left: none;
  }
  #centerbox3button {
    box-sizing: border-box;
    margin-left: 5px;
    width: 92px;
    height: 35px;
    background-color: #efefef;
    color: #000;
    font-size: 14px;
    padding: 4px;
    border-radius: 2px;
    border: #e3e3e3 1px solid;
    border: none;
  }
  .hannabox-2-1{
      width: 100%;
      height: 35px;
  }
  .hannabox-2-2{
    width: 100%;
    height: 20px;
    margin-top:4px;
}
.hannabox-2-2 ul li a{
    float: left;
    font-size: 12px;
    margin-left: 15px;
}
#hannali a{
    color: red;
    font-size: 13px;
    font-weight: bold;
}
.hannabox-2-2 img{
    float: left;
}
.hannabannerbox{
    width: 100%;
}
.bannerbox{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    
  }
  .swiper-slide img{
    width: 100%
  }
  .btnloop {
    position: absolute;
    bottom: 0;
  }
  
  :root {
    --swiper-theme-color: #fff !important;
  }
  /* 轮播图小点的颜色修改 */
  
 .orionbox2{
     width: 100%;
     height:300px;
     position: relative;
 }
 .hannabox3{
    width: 1200px;
    height:250px;
    margin: auto;
    margin-bottom: 20px;
    position: absolute;
    left: 15%;
    top: 10%;
}
.hannabox3 dl{
    width:200px;
    height:250px;
    float: left;
    margin-left: 10px;
    margin-left: 46px;
}
.hannabox3 dt{
  width:100%;
  height:200px;
  border: 1px solid #eaeaea;
  border-radius: 50%;
  position: relative;
}
.hannabox3 dd{
  width:100%;
  height:30px;
}
#hannabox3dl{
  margin-left: 0;
}
.hannabox3 dl dt img{
  width: 60%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
margin:auto;
}
#hannaimg3{
  width: 50%;
}
#hannaimg4{
  width: 80%;
}
#hannaimg5{
 margin-bottom: 55px;
}
.hannabox3 dd{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  line-height: 30px;
}
.orionbox3{
  width: 100%;

  background: #F5F5F5;
}

.hannabox5{
  width:1200px;
  height:1620px;
  margin: auto;
}
.hannabox5-1{
  width:778px;
  margin: auto;
  float: left;
  margin-top: 30px;
}
.hannabox5-2{
  width:399px;
  margin: auto;
  float: left;
  margin-left: 23px;
  margin-top: 30px;
}
.hannabox5-1-1{
  width: 100%;
  height:774px;
}
.orionbox4{
  width: 735px;
  height: 47px;
  margin: auto;
  border-bottom: 1px solid #46ab23;
}
.orionbox4 p{
 font-size: 19px;
 line-height: 47px;
font-weight: bold;
}
.hannabox6-2{
  width: 735px;
  height: 175px;
  margin: auto;
  margin-top: 24px;
}
.orionbox1{
  width: 735px;
  height: 175px;
  margin: auto;

}
.hannabox6-2 dl{
  width: 230px;
  height: 175px;
  float: left;
  margin-left: 19px;
}
.hannabox6-2 dt{
  height: 136px;
  border: 1px solid #eaeaea;
  position: relative;
}
.hannabox6-2 dd{
  height: 39px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
line-height: 39px;
}
#hannabox6-2dl{
  margin-left: 0;
}
.hannabox6-2 dt img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.orionbox1 ul{
  width: 100%;
}
.orionbox1 ul li{
  width: 48%;
  float: left;
  margin-top:8px;
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left:2%;
}
.orionbox1 ul li a{
font-size: 13px;
}
.orionbox3 a{
text-decoration: none;
color: black;
}
.hannabox7{
  width:778px;
  height: 800px;
  margin: auto;
  float: left;
  margin-top: 30px;

}
.hannabox8{
  width: 100%;
  height:778px;
  background: white;
}
.hannabox8-1{
  width: 100%;
  height:778px;
  background: white;
  margin-top: 30px;
}
.hannabox8-1-1{
  width: 735px;
height: 47px;
margin: auto;
}
.hannabox8-1-2{
  width: 735px;
  height:731px;
  margin: auto;
  margin-top: 20px;
  }
  .hannabox8-1-2-1{
    width: 320px;
    height:731px;
    float: left;
    }
    .hannabox8-1-2-2{
      width: 403px;
      height:731px;
      float:right;
      margin-left: 12px;
   
      }
      .hannabox9{
        width: 100%;
        height:170px;
      }
      .hannabox9-1{
        width: 100%;
        height:170px;
 
        margin-top: 20px;
      }
      .hannabox9-1 dl{
        width: 150px;
        height:170px;
        float: left;
      }
      .hannabox9-1 dd{
  font-size: 11px;
margin-top: 5px;
      }
      .hannabox9 dd{
        font-size: 11px;
        margin-top: 5px;
            }
      #hannabox9-1-1{
        margin-left: 20px;
    
      }

.hannabox8-1-2-2 ul li{
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}
.hannabox8-1-2-2 ul li{
 margin-top: 14px;

}
#lastli{
  margin-top: 0;
}


      #hannabox11{
        margin-top: 0;
      }
      .hannabox12{
        height: 334px;
        background: white;
      }
      .hannabox12-1{
        width:358px;
        height:47px;
        margin: auto;
      }
      .hannabox12-2{
        width:358px;
        height:287px;
        margin: auto;
        margin-top: 20px;
      }
      .orionbox5{
        width:100%;
        height: 47px;
        margin: auto;
        border-bottom: 1px solid #46ab23;
      }
      .orionbox5 p{
       font-size: 19px;
       line-height: 47px;
       font-weight: bold;
      }
      .hannabox12-2 dl{
        width: 100%;
        display: flex;
      }
      .hannabox12-2 dl dt{
        width: 49%;
      }
      .hannabox12-2 dl dd{
        width: 49%;
        margin-left: 2%;
      }
      .hannabox12-2 p{
        font-size: 16px;
        font-weight: bold;
        margin-top: 18px;
      }
      #hannabox12p4{
        font-size: 13px;
        color: #9f9f9f;
        font-weight: bold;
        margin-top: 19px;
        line-height: 20px;
      }
      .hannabox13{
        height: 609px;
        background: white;
        margin-top: 30px;
      }
      .hannabox13-2{
        width:358px;
        margin: auto;
        margin-top: 20px;
      }
      .hannabox13-2 dd{
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
      }
      #hannabox13dl{
        margin-top: 24px;
      }
      .hannabox14{
        height: 587px;
        background: white;
        margin: auto;
        margin-top: 25px;
      }
      .orionbox6{
        width:358px;
        background: white;
        margin: auto;
      }
      .orionbox6 ul li{
      list-style: none;
      font-size: 13px;
      overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
      }
      .orionbox6 span{
        width: 30px;
        height: 30px;
        background: #46ab23;
   display: inline-block;
        color: #fff;
        margin-top: 14px;
        margin-right: 10px;
        text-align: center;
        line-height: 30px;
        }

         .ppmcenterbox7-1{
          width: 1200px;
          height: 230px;
          margin: auto;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
        }
        .ppmcenterbox7-1 dl {
          width: 15%;
          height: 112px;
        }
        .ppmcenterbox7-1 dt {
          width: 100%;
          height: 70px;
          position: relative;
          border: 1px solid #e8e8e8;
        }
        .ppmcenterbox7-1 dt img {
          width: 100px;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
        }
        .img19 {
          width: 60px !important;
        }
        .ppmcenterbox7-1 dd {
          font-size: 12px;
          text-align: center;
          margin-top: 10px;
        }
        .ppmcenterbox7-1 a{
          text-decoration: none;
          color: black;
        }
        .hannabox15{
          width: 1200px;
          height: 300px;
      background: white;
         margin: auto;
         margin-top: 30px;
        }
        .hannabox15-1{
          width:100%;
          height:47px;
          margin: auto;
          margin-bottom: 20px;
        }
        .orionbox5{
          width:100%;
          height: 47px;
          margin: auto;
          border-bottom: 1px solid #46ab23;
        }
        .orionbox5 p{
         font-size: 19px;
         line-height: 47px;
  font-weight: bold;
        }
  
        .ppmfotterbox2 {
          width: 100%;
          height: 80px;
        }
        .orionbox10-1 {
          font-size: 12px;
          width: 100%;
          height: 40px;
        }
        .ppmfotterbox4 {
          width: 100%;
        }
        .ppmfotterbox2 ul li {
          list-style: none;
          font-size: 12px;
          float: left;
          margin-left: 10px;
          padding-left: 20px;
          color: white;
          line-height: 80px;
        }
        .ppmfotterbox2 ul {
          width: 1000px;
          margin: 0 auto;
        }
        .ppmfotterbox2 span img {
          width: 20px;
          height: 20px;
          vertical-align: middle;
        }
        .orionbox10-1 ul li {
          list-style: none;
          float: left;
         
          padding-left: 10px;
          color: white;
        }
        .orionbox10-1 ul {
          margin-left: 610px;
          height: 25px;
        }
        .orionbox10-1 hr {
          width: 80%;
          border: 1px solid white;
          margin-left: 90px;
        }
        
        .ppmfotterbox4 .box4-flex {
          font-size: 12px;
          color: #fff;
          display: flex;
          flex-direction: column;
          text-align: center;
        }
        .ppmfotterbox4 .box4-flex span {
          display: inline-block;
          height: 30px;
          line-height: 30px;
        }
.orionbox10{
  width: 100%;
  background: 158px;
  background:#46ab23;
  margin: auto;
}
.orionbox1 ul li::before{
content: "";
width: 6px;
height: 6px;
display: inline-block;
border-radius: 50%;
background: gray;
vertical-align: middle;
margin-right: 14px;
}

.hannabox3 dd a{
text-decoration: none;
color: black;
}
#hananimg{
  width: 90px;
}
#hannabox9dd{
  text-align: center;
}
#ohausimg7{
    width: 150px;
}
#orionimg120{
  margin-left: 30px;
  margin-top: 5px;
}
#oriondl110{
  margin-top: 8px;
}
#orgionlogo{
  width: 58%;
  margin-top: -10px;
}