*{
    margin: 0;
    padding: 0;
    height:100%;
    width:100%;
  }


label {
  font-weight: 700;
}

html, body, div, span, object, iframe,h1, h2, 
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, 
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, 
ol, ul, li,fieldset, form, label, legend,table, caption, tbody, 
tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption, 
figure, footer, header, hgroup, menu, nav, section, summary,time, mark, 
audio, video {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline-style:none;/*FF*/ 
    height: 100%;
    box-sizing: border-box;
}

.wrap{
  background: url('img/bg.png')no-repeat;
  background-size: 100% 100%;
  position: relative;
  min-height:1306px;
  overflow: hidden;
}
.sel{
  position: absolute;
  top: 86px;
  right: 17%;
  width: 220px;
  border-radius: 5px;
  padding-left: 10px;
  
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
}
.footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 210px;
  background-color: rgb(0, 0, 0,0.5);;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 40px 0;
  padding-right: 360px;
  justify-content: flex-end;
 
}
.content{
  margin: 0 auto;
  width: 1200px;
  height: 1100px;
  overflow: hidden;
  padding-bottom: 210px;
  text-align: center;
}
.content h1{
  font-size: 46px;
  height: 80px;
  line-height: 1.2;
  padding-top: 20px;
  box-sizing: border-box;
  font-weight: bold;
  color: #454545;
  text-align: center;
  box-sizing: border-box;
}
.content h4{
  line-height: 1.1;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  color: #999;
}
.flex{
  display: flex;
}
.flex1{
  flex: 1;
}
.flexb{
  flex: 1.5;
}
.flex2{
  flex: 2;;
}
.img-top{
  height: 590px;
}
.btn-img{
  flex-direction:column;
  align-items: center;
}

.img-top-r{
  display: flex;
  flex-direction:column;
}

.flex1-img{
  height: 292px;;
}
.flex1-img img{
  width: 50%;
}
.img-bot{
  height: 292px;
}

.img-bottom{
  display: flex;
  height: 292px;
}



.footer .nav{
  width: 300px;
  height: 78px;
  padding: 0px 50px;
  box-sizing: border-box;
  font-size: 14px;
  color: #fff;
  flex-direction: column
}

.footer .nav .nav-item,.footer .nav{
  display: flex;
  justify-content: space-between;
  align-items: center
}

.footer .nav .nav-item{
  width: 100%;
  line-height: 1;
  height: 40px;
}

.footer .contact{
  width: 300px;
  height: 130px;
  padding: 20px 34px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 25px;
  color: #fff;
  margin: 0 10px
}

.footer .qrcodes{
  width: 210px;
  height: 130px;
  padding-top: 20px;
  box-sizing: border-box;

  display: flex;

  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 12px;
  color: #fff;
  margin-left: 70px;
}

.footer .qrcodes .code{
  width: 80px;
  height: 80px;
  margin-bottom: 8px
}