body{
  background-color: #e4f2fb;
}
.bg{
  background: url(../images/background.png) no-repeat;
  width: 100%;
  
}
/* .container{
  width: 1224px;
  margin: 0 auto;
} */
.con{
  /* width: 100%; */
  box-sizing: border-box;
  /* margin-top: 60px; */
  width: 1224px;
  margin: 40px auto 0;
}

/* top */
.top{
  overflow: hidden;
  width: 1224px;
  margin: 0 auto;
}
.logo{
  position: absolute;
  left: 150px;
  top: 20px;
  width: 239px;
  height: 54px;
}
.select{
  margin-top: 340px;
 }

.banner{
  margin-top: 426px;
  width: 100%;
  height: 328px;
  background: url(../images/banner.png);
}

.shzdly{
  height: 439px;
  background: url(../images/shzdly.png);
  padding: 160px 0 0 34px;

}
.shzdly .li{
 margin-left: 36px;
 width: 335px;
 height: 202px;
 display: inline-block;
 transition: all 0.4s;
}
.shzdly .li:hover{
  transform: scale(1.03);
  transition: all 0.4s;
}

 .zhzzjd{
  height: 515px;
  background: url(../images/zhzzjd.png);
  padding: 160px 0 0 40px;
  margin-top: -294px;
 }
 .zhzzjd .li{
  width: 285px;
  display: inline-block;
  height: 305px;
  font-size: 18px;
  color: #333;
  box-sizing: border-box;
 }
 .zhzzjd .li1{
  padding: 26px 14px 0 30px;
 }
 .zhzzjd .li2{
  padding: 26px 22px 0 22px;
 }
 .zhzzjd .li3{
  padding: 26px 18px 0 13px;
  width: 273px;
 }
.zhzzjd .li3 .imgcell{
margin-top:-1px;
margin-left: 1px;
}
.zhzzjd .li3 .imgcell img{
 margin-top: -2px;
}
 .zhzzjd .li4{
  padding: 26px 21px 0 17px;
  width: 277px;
 }
.zhzzjd .li4 .imgcell{
    margin-left: 1px;
}
 .zhzzjd .li:hover{
  font-weight: bold;
 }
 .zhzzjd .imgcell{
  width: 242px;
  height: 230px;
  display: inline-block;
  transition: all 0.4s;
 }
 .zhzzjd .imgcell:hover{
  transform: scale(1.03);
  transition: all 0.4s;
 }
 .zhzzjd span{
  display: block;
  text-align: center;
  height: 54px;
  line-height: 54px;
color: #0068bb;
 }

 .clyzzw{
  height: 395px;
  background: url(../images/clyzzw.png) no-repeat;
  position: relative;
margin-top: 20px;
    height: 400px;
 }
 .clyzzw .li{
  width: 318px;
  height: 105px;
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
 }
 .clyzzw .li:hover{
  transform: scale(1.03);
  transition: all 0.4s;
 }
 .clyzzw .zcjd {
  top: 160px;
  left: 72px;
 }
 .clyzzw .hdjl {
  top: 160px;
  left: 622px;
 }
 .clyzzw .dczj {
  top: 285px;
  left: 280px;
 }
 .clyzzw .hygq {
  top: 285px;
  left: 825px;
 }
 .qhjd{
  height: 601px;
  background: url(../images/qhjd.png);
  padding: 160px 0 0 115px;
 }
 .qhjdcell{
  width: 970px;
  height: 367px;
  background: url(../images/qhjdcell.png) no-repeat;
  position: relative;
 }
 .qhjdcell a span{
  font-size: 24px;
  color: #fff;
 }
 .qhjdcell a span:hover{
  color: #fde67d;
 }
 .qhjdcell .li{
  position: absolute;
 }
 .gzjg{
  top: 141px;
  left: 86px;
 }
 .zwgkpt{
  top: 160px;
  left: 460px;
 }
 .gzqktb{
  top: 265px;
  left: 250px;
 }
 .zfxxgknb{
  top: 200px;
  left: 705px;
 }

.wselect {
  background: url(../images/select.png) no-repeat center;
    height: 45px;
    width: 162px;
    top: 346px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    color: #fff;
    position: absolute;
    font-weight: bold;
}
/* .wselect span {
color: #fff;
font-size: 24px;
width: 84px;
text-align: right;
height: 56px;
line-height: 56px;
position: absolute;
left: -87px;
} */
.wselect select {
display: block;
float: left;
height: 45px;
line-height: 45px;
outline: none;
width: 162px;
text-indent: 30px;
background: none;
border: 0px;
font-size: 24px;
color: #fff;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */

}
.wselect select option {
color: #333;
background: #4db5ff;
}
.hsjczwul1,.hsjczwul2,.hsjczwul3 {
overflow: hidden;
}
.hsjczw{
  padding: 160px 0 0 56px;
  position: relative;
 
 }
 .hsjczwul2{
  position: absolute;
    top: 272px;
    left: 165px;
 }
 .hsjczwul3{
  margin-top: 19px;
 }
.hsjczwbg{
  background: url(../images/hsjczw.png) -9px 0;
  width: 100%;
  height: 938px;
}
.hsjczw .li{
  background: url(../images/block.png);
width: 206px;
height: 206px;
color: #0068bb;
font-size: 18px;
float: left;
margin-left: 16px;
padding: 45px 50px;
box-sizing: border-box;
transition: all 0.4s;
}
.hsjczw .li:hover{
  transform: scale(1.04);
  transition: all 0.4s;
}
.hsjczw .gzicon{
  width: 36px;
  height: 36px;
  background: url(../images/gzicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .gfxwjicon{
  width: 36px;
  height: 36px;
  background: url(../images/gfxwjicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .ghxxicon{
  width: 36px;
  height: 36px;
  background: url(../images/ghxxicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .xzxkicon{
  width: 36px;
  height: 36px;
  background: url(../images/xzxkicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .xzcficon{
  width: 36px;
  height: 36px;
  background: url(../images/xzcficon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .qtfwicon{
  width: 36px;
  height: 36px;
  background: url(../images/qtfwicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .ssjgkicon{
  width: 36px;
  height: 36px;
  background: url(../images/ssjgkicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .xzzficon{
  width: 36px;
  height: 36px;
  background: url(../images/xzzficon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .czyjsicon{
  width: 36px;
  height: 36px;
  background: url(../images/czyjsicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .xzsyxsficon{
  width: 36px;
  height: 36px;
  background: url(../images/xzsyxsficon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .zdhyicon{
  width: 36px;
  height: 36px;
  background: url(../images/zdhyicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .zdjcygkicon{
  width: 36px;
  height: 36px;
  background: url(../images/zdjcygkicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .zfgbicon{
  width: 36px;
  height: 36px;
  background: url(../images/zfgbicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .xzzficon{
  width: 36px;
  height: 36px;
  background: url(../images/xzzficon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw .ggqsyicon{
  width: 36px;
  height: 36px;
  background: url(../images/ggqsyicon.png);
  margin-left: 33px;
  margin-top: 10px;
}
.hsjczw span{
  line-height: 28px;
    display: block;
    border-top: 1px solid;
    text-align: center;
    height: 28px;
    margin-top: 15px;
}
.footer{
  border-top: 2px solid #4db5ff;
    margin-top: 50px;
}