.fl{
  float: left;
}
.fr{
  float: left;
}
.banner{
  width: 100%;
  height: 817px;
  background: url(../images/banner.png) no-repeat;
}
.content{
  position: absolute;
  top: 575px;
  left: 0;
}
.bg{
  width: 100%;
  height: 669px;
  background: url(../images/bg.png) no-repeat;
}
.logo{
position: absolute;
top: 30px;
left: 130px;
width: 267px;
height: 64px;
}
.articlebg{
  width: 770px;
  height: 813px;
  background: url(../images/article.png) no-repeat;
  position: relative;
margin-top: 10px;
}
.article{
      margin-left: 170px;
    width: 512px;
    box-sizing: border-box;
    height: 780px;
    background: url(../images/articlecon.png) no-repeat;
    margin-top: 21px;
}
.article p{
  text-indent: 2em;
  color: #fff;
  font-size: 22px;
  line-height: 45px;
  letter-spacing: 2px;
}
.articlebg .clickmore{
  width: 216px;
  height: 48px;
  position: absolute;
  right: 144px;
  bottom: 74px;
}
.gzzb {
  box-sizing: border-box;
  padding: 100px 68px 65px;
  background: url(../images/zbbg.png) no-repeat;
  width: 740px;
  height: 834px;
  position: relative;
}
.gzzb .more {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 45px;
  right: 68px;
}
.gzzb ul li {
  background: url(../images/cellbg.png) no-repeat;
  width: 275px;
  height: 307px;
  transition:  0.2s all;
  margin-top: 25px;
  color: #1651FF;
  text-align: center;
    overflow: hidden;
    float: left;
}
.gzzb ul li:hover{
  transform: scale(1.01);
  transition:  0.2s all;
}
.gzzb ul li:nth-of-type(2n) {
  margin-left: 54px;
}
.gzzb .title1{
    margin-top: 45px;
    font-size: 22px;
    font-weight: bold;
}
.gzzb .title2{
 margin-top: 45px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
}
.gzzb .qishu{
  font-size: 24px;
color: #C10404;
}
.gzzb .qishu a{
color: #C10404;
    display: block;
    width: 275px;
    height: 307px;
    box-sizing: border-box;
    padding-top: 252px;
}
}
.footer {
    background: #fff !important;
    border-top: 2px solid #e0f5fa !important;
    color: #fff !important;
margin-top:50px
}