@charset "utf-8";
html,body,div,p,span,a,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{padding:0;margin:0}
html, body {position: relative;}
body{font:14px 'Microsoft YaHei',Arial,Helvetica,sans-serif,'宋体';background:#fff;width:100%;}
input{font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,'宋体'}
a{text-decoration:none;color:#333;display: block;}
li{list-style:none}
i{font-style: normal;}
.fl{float:left}
.fr{float:right}
img{border:none;width: 100%;height: 100%;display: block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.w100{width: 100%;}
.mgauto{margin: 0 auto;display: block;}
.center{text-align: center;}
.bgfff{background: #fff;}
.mt25{margin-top: 25px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mr15{margin-right: 15px;}
.ml50{margin-left: 50px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.hide{display: none;}
.show{display: block;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.red{color:red;}
.gray{color: #afafaf;}
.black{color: #000;}
.white{color: #fff;}
.flex{display: flex;}
.w1200{width: 1200px;margin: 0 auto;}
.flex{display: flex;}



.header{
  height: 100px;
  line-height: 100px;
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}
.header .flex{
  align-items: center;
}
.header .icon{
  width: 60px;
}
.header a{
  font-weight: 800;
}

.banner{
  width: 100%;
  height: 425px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(232, 234, 236);
  background-position: 50% 50%;
  background-image: url('../static/bg.jpg');
  margin-top: 100px;
  position: relative;
}
.banner p {
  position: absolute;
  right: 15%;
  top: 50%;
  margin-top: -40px;
  font-size: 42px;
  color: #fff;
  letter-spacing: 10px;
}



.background,.contact{
  width: 100%;
  padding: 100px 0;
}
.background h2,.contact h2{
  font-size: 24px;
}
.background p,.contact p{
  font-size: 16px;
  line-height: 25px;
}


.privacy{
  padding: 100px 0;
}
.privacy h2{
  text-align: center;
  font-size: 30px;
  padding: 60px 0;
}
.privacy p{
  padding: 10px 0;
  font-size: 16px;
  line-height: 24px;
}


@media (max-width: 580px) {
  .w1200{
    width: 95%;
  }
  .pr30{
    padding-right: 15px;
  }
  .header .flex a{
    display: none;
  }
  .header .flex h2{
    font-size: 18px;
  }

  .banner p {

    right: 2%;
    font-size: 16px;
  }
}