.clear{clear: both;}
.submenu1 li{float: left;width: 140px;text-align: center;line-height: 40px;font-size: 16px;
	height: 40px;background: url(../images/jjml/kuang.png) no-repeat;margin-right: 20px;}
.submenu1 li:nth-child(7){margin: 0;}
.submenu1 li:nth-child(1) a{background: url(../images/jjml/jgda.png) no-repeat;    padding-left: 25px;}
.submenu1 li:nth-child(2) a{background: url(../images/jjml/jwda.png) no-repeat;    padding-left: 25px;}
.submenu1 li:nth-child(3) a{background: url(../images/jjml/jbda.png) no-repeat;    padding-left: 34px;}
.submenu1 li:nth-child(4) a{background: url(../images/jjml/jdda.png) no-repeat;    padding-left: 30px;}
.submenu1 li:nth-child(5) a{background: url(../images/jjml/skda.png) no-repeat;    padding-left: 25px;}
.submenu1 li:nth-child(6) a{background: url(../images/jjml/zzda.png) no-repeat;   padding-left: 34px;}
.submenu1 li:nth-child(7) a{background: url(../images/jjml/yxda.png) no-repeat;    padding-left: 25px;}
.detailContent ul li{
    width: 361px;
    height: 447px;
}

.sHoverItem .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 38px 20px 0;
  }
  .sHoverItem .mask a {
    color: #fff;
  }
.sHoverItem .mask p {
    line-height: 30px;
    padding: 2px 0;
    font-size:16px;
  }
  .maskp1{font-size:20px !important;}
  .sHoverItem .img{
      width: 100%;
  }
  .detailContent {margin-top: 28px;}

  .jd{position: relative;height: 500px;margin-right: 15px;margin-bottom: 20px;
    float: left;}
  .jd>p{position: absolute;    bottom: 12px;left:0 ;    font-size: 22px;width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;text-align: center;}
  .jd:nth-child(3n){ margin-right: 0;}

@media (max-width: 768px) {
    .sidebar li{   margin:0 16%; margin-top: 10px;}
    .submenu1 li{margin:0 20px;margin-bottom: 10px;}
    .submenu1 li:nth-child(2n){margin-right: 0;}
    .submenu1 li:nth-child(7){margin:0 20px;}
    .jd{margin-right: 0;    margin: 0 auto;
        width: 305px;margin-bottom: 20px;
        display: block;min-height: 430px;
        float: none;}
    .jd>p{text-align: center;}
    .detailContent ul li{width: 100%;height: auto;}
    .jd:nth-child(3n){margin:0 auto;margin-bottom: 20px;}
}
@media (max-width: 420px) {
	.sidebar li{   margin:0 10%; margin-top: 10px;}

}
@media (max-width: 320px) {
    .submenu1 li{margin: 0 8px 10px;}
    .submenu1 li:nth-child(7){margin: 0 8px 10px;}
}