.head{
  height: 498px;
  width: 100%;
  background: url(../images/banner.png) no-repeat center;
}
.logo{
  display: inline-block;
  position: absolute;
  top: 20px;
}
.mar {
  width: 1240px;
  margin: 0 auto;
  position: relative;
}
.con{
  margin-top: -60px;
}
.txt{
  height: 170px;
  width: 100%;
  /*box-shadow: #dedede 0px 0px 5px 1px; */
box-shadow: 5px 0 5px -5px #dedede,-5px 0 5px -5px #dedede,#dedede 0 5px 5px -5px;
  line-height: 40px;
  font-size: 20px;
  padding:  38px 52px 0 52px;
  background-color: #fff;
box-sizing: border-box;
border-top: 3px solid #34c2f3;
}
.cxyzlist {
  overflow: hidden;
padding: 0 0 5px 2px;
}
.cxyzlist .li-cell {
height: 378px;
  width: 398px;
}
.cxyzlist li {
  float: left;
  height: 378px;
  width: 396px;
  border: 1px solid  #dedede;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 40px;
transition: all 0.2s; 
margin-left:24px;
}

.cxyzlist li:nth-of-type(3n+1){
margin-left:0
}
.cxyzlist li:hover {
  transition: all 0.2s;
box-shadow: #999999 0px 0px 5px 1px ;
  
}
.cxyzlist li .cxyzlistimg{
  width: 367px;
  height: 280px;
 }
 .cxyzlist li .cxyzlisttxt {
  line-height: 35px;
padding: 0 10px;
font-size: 18px;
padding-top: 8px;
 }
.footer {
    background: #fff !important;
    border-top: 2px solid rgb(70,150,227) !important;
    color: #fff !important;
margin-top:50px
}