.img2 {
  display: none!important;
}
/* 顶图 */
.caseShowImg {
  width: 100%;
  height: 434px;
  background: url("../../images/caseShow/caseShowImgBg.png") no-repeat center/cover;
  margin-top: -22px;
}
/* 电力行业 */
.ele {
  margin: -210px auto 0;
  width: 1500px;
  height: 840px;
  background: #F7F8FA;
}
.ele .Left img {
  display: block;
  margin: 22px 8px;
}
.ele .Left .img2 {
  display: none;
}
.ele .Right {
  padding: 0 130px;
  position: relative;
}
.title {
  margin: 50px 0;
}
.title h3 {
  width: 170px;
  font-size: 26px;
  font-weight: bold;
  color: #222;
  position: relative;
  margin-bottom: 18px;
}
.title h3::before {
  display: block;
  content: '';
  width: 4px;
  height: 27px;
  background-color: #2F80F7;
  position: absolute;
  top: 1px;
  left: -16px;
}
.title p {
  width: 816px;
  font-size: 16px;
  font-weight: bold;
  color: #484848;
}
.caseDes h3 {
  width: 425px;
  font-size: 26px;
  font-weight: bold;
  color: #222;
  margin-bottom: 18px;
}
.caseDes p {
  width: 800px;
  font-size: 16px;
  color: #484848;
  text-indent: 28px;
}
.caseDes p span {
  display: block;
}
ul.caseImgDisplay {
  position: absolute;
  left: 78px;
  top: 423px;
}
ul.caseImgDisplay::before {
  display: block;
  content: '';
  width: 97%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: -21px;
}
ul.caseImgDisplay li {
  display: inline-block;
  margin-right: 27px;
  position: relative;
}
ul.caseImgDisplay li p {
  font-size: 16px;
  font-weight: bold;
  color: #484848;
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 26px;
}
ul.caseImgDisplay li img {
  display: block;
}
/* 轨道交通行业 */
/* 石油石化 */
.gdjt,.sysh {
  margin: 52px auto 0;
  width: 1500px;
  height: 840px;
  background: #F7F8FA;
}
.sysh {
  margin-bottom: 50px;
}
.gdjt .Left img,.sysh .Left img {
  display: block;
  margin: 22px 8px;
}
.gdjt .Right,.sysh .Right{
  padding: 0 130px;
  position: relative;
}
/* 中国人民解放军海军安庆医院XX项目 */
.caseCenter .jfjaqyy {
  width: 1920px;
  height: 842px;
  background-color: #F7F8FA;
  padding-top: 80px;
}
.content {
  margin: 0 auto 0;
  width: 1500px;
}
.Top h3 {
  width: 1000px;
  font-size: 40px;
  font-weight: bold;
  color: #121928;
  position: relative;
}
.Top h3::before {
  display: block;
  content: '';
  width: 48px;
  height: 4px;
  background-color: #2F80F7;
  position: absolute;
  top: -18px;
  left: 0;
}
.Top i {
  font-style: normal;
  width: 500px;
  font-size: 22px;
  color: #ccc;
  display: block;
  margin: 12px 0;
}
.Des {
  position: relative;
}
.Des .Left {
  z-index: 1;
}
.Des .Left img {
  display: block;
  margin: 110px 0;
}
.Des .Right>div {
  width: 1250px;
  height: 552px;
  background-color: #fff;
  position: absolute;
  top: 47px;
  left: -235px;
}
.txahfy .Des .Right>div {
  background-color: #F7F8FA;
}
.Des .Right ul {
  margin: 77px 0 0px 390px;
}
.Des .Right ul li h3 {
  width: 550px;
  font-size: 26px;
  font-weight: bold;
  color: #222;
  position: relative;
  margin-bottom: 20px;
}
.Des .Right ul li:nth-child(2) h3 {
  margin-top: 30px;
}
.Des .Right ul li h3::before {
  display: block;
  content: '';
  width: 25px;
  height: 14px;
  background: url("../../images/caseShow/desArrowH3.png") no-repeat center/cover;
  position: absolute;
  top: 7px;
  left: -40px;
}
.Des .Right ul li p {
  width: 808px;
  font-size: 16px;
  color: #484848;
  letter-spacing: 1px;
  text-indent: 25px;
  line-height: 26px;
}
/* 中国移动通信集团安徽有限公司阜阳分公司 */
.caseCenter .txahfy {
  width: 1920px;
  height: 842px;
  padding-top: 80px;
}
/* 江苏大剧院工程有源滤波项目 */
.caseCenter .jsdjy {
  width: 1920px;
  height: 1084px;
  background-color: #F7F8FA;
  padding-top: 80px;
}
/* 应用项目 */
.caseYyxm {
  width: 100%;
  height: 1248px;
  background: #13161C;
  position: relative;
}
.caseYyxm .yyxmTop {
  width: 1500px;
  height: 237px;
  background: url("../../images/caseShow/yyxmTopImg.jpg") no-repeat center/cover;
  margin: 0 auto;
  position: absolute;
  top: -162px;
  left: 0;
  right: 0;
}
.caseYyxm .projectList {
  width: 1500px;
  padding-top: 130px;
  margin: 0 auto;
}
.caseYyxm .projectList ul li {
  display: inline-block;
  width: 33%;
  margin: 0 -4px 20px 0;
}
.caseYyxm .projectList ul li:nth-child(2),.caseYyxm .projectList ul li:nth-child(3),
.caseYyxm .projectList ul li:nth-child(5),.caseYyxm .projectList ul li:nth-child(6),
.caseYyxm .projectList ul li:nth-child(8),.caseYyxm .projectList ul li:nth-child(9)
{
  padding: 0 64px;
}
.caseYyxm .projectList ul li img {
  display: block;
  width: 211px;
  height: 65px;
  margin-bottom: 30px;
}
.caseYyxm .projectList ul li p {
  width: 400px;
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
/* 笔记本电脑 1366 */
@media (max-width: 1366px){
  .ele, .gdjt, .sysh {
    width: 1100px;
    height: 640px;
  }
  .ele .Left img,.gdjt .Left img,.sysh .Left img {
    margin: 15px 0px;
    width: 400px;
  }
  .ele .Right,.gdjt .Right,.sysh .Right {
    padding: 0 90px;
  }
  .title p {
    width: 630px;
    font-size: 14px;
  }
  .caseDes h3 {
    margin-bottom: 9px;
  }
  .title {
    margin: 40px 0 30px 0;
  }
  .caseDes p {
    width: 630px;
    font-size: 14px;
  }
  ul.caseImgDisplay li {
    margin-right: 6px;
  }
  ul.caseImgDisplay li img {
    width: 308px;
  }
  ul.caseImgDisplay li p {
    bottom: 15px;
  }
  ul.caseImgDisplay::before {
    top: -8px;
  }
  ul.caseImgDisplay {
    top: 343px;
  }
  .caseCenter .jfjaqyy,.caseCenter .txahfy {
    width: 100%;
    height: 710px;
  }
  .caseCenter .jsdjy {
    width: 100%;
    height: 940px;
  }
  .content {
    width: 1100px;
  }
  .Des .Left img {
    width: 400px;
  }
  .Des .Right>div {
    width: 970px;
    height: 440px;
  }
  .Des .Right ul {
    margin: 60px 0 0px 355px;
  }
  .Des .Left img {
    margin: 100px 0;
  }
  .Des .Right ul li p {
    width: 600px;
  }
  .Top i {
    margin: 12px 0 0px 0;
  }
  .caseYyxm .yyxmTop {
    width: 1100px;
    height: 174px;
    top: -120px;
  }
  .caseYyxm .projectList {
    width: 1100px;
  }
}
/* 移动端 */
@media(max-width: 768px) {
  .caseShowImg {
    background: url("../../images/caseShow/caseShowImgBg1.jpg") no-repeat center/cover;
    height: 132px;
  }
  .ele {
    width: 100%;
    height: 730px;
  }
  .gdjt, .sysh {
    margin: 18px auto 0;
  }
  .ele {
    margin: 18px 0 0 0;
  }
  .img1,ul.caseImgDisplay li p{
    display: none!important;
  }
 .img2 {
    display: block!important;
    width: 92%!important;
    margin: 0 auto!important;
  }
  .col-xs-12 {
    padding: 0;
  }
  .ele .Right, .gdjt .Right, .sysh .Right {
    padding: 0 33px;
  }
  .title h3,.caseDes h3 {
    font-size: 20px;
    margin-bottom: 10px;
    width: 100%;
  }
  .title {
    margin: 26px 0 20px 0;
  }
  .title p,.caseDes p {
    width: 100%;
  }
  ul.caseImgDisplay {
    /* top: 390px;
    left: 15px; */
    width: 100%;
    margin: 20px auto 0;
    position: unset;
  }
  ul.caseImgDisplay li {
    margin-right: -4px;
    width: 50%;
  }
  ul.caseImgDisplay li img.img2 {
    width: 96%!important;
  }
  /* 轨道交通 */
  .gdjt {
    width: 100%;
    height: 848px;
  }
  .gdjt .img2 {
    padding-top: 15px;
  }
  .gdjt .caseImgDisplay {
    top: 490px;
  }
  /* 石油石化 */
  .sysh {
    width: 100%;
    height: 730px;
  }
  .sysh .img2 {
    padding-top: 15px;
  }
  .sysh .caseImgDisplay {
    top: 372px;
  }
  ul.caseImgDisplay::before {
    top: -2px;
  }
  /* 中国人民解放军海军安庆医院XX项目 */
  .caseCenter .jfjaqyy {
    padding-top: 35px;
  }
  .caseCenter .jfjaqyy{
    width: 100%;
    height: 940px;
    padding: 0 33px;
  }
  .caseCenter .txahfy {
    width: 100%;
    height: 1000px;
    padding: 0 33px;
  }
  .content {
    width: 100%;
  }
  .Top h3 {
    font-size: 20px;
    width: 100%;
    transform: none!important;
  }
  .Top i {
    font-size: 16px;
    width: 100%;
    transform: none!important;
  }
  .Des .Left img {
    width: 92%;
    margin: 26px auto 0;
  }
  .Des .Right>div {
    background-color: #F7F8FA;
    margin: 0 auto;
    width: 100%;
    left: 0;
  }
  .Des .Right ul li h3 {
    font-size: 20px;
    text-indent: 41px;
    width: 100%;
  }
  .Des .Right ul {
    margin: 0px auto;
    width: 100%;
  }
  .Des .Right ul li p {
    width: 100%;
  }
  .Des .Right ul li h3::before {
    left: 3px;
  }
  /* 阜阳 */
  .txahfy {
    background-color: #F7F8FA;
    margin-top: 15px;
  }
  .txahfy .Top h3 {
    font-size: 18px;
  }
  .caseCenter .txahfy {
    padding-top: 50px;
  }
  /* 应用项目 */
  .caseYyxm {
    height: 100%;
    padding-bottom: 50px;
    padding: 0 100px;
  }
  .caseYyxm .projectList {
    width: 100%;
  }
  .caseYyxm .yyxmTop {
    width: 100%;
    background: url("../../images/caseShow/yyxmTopImg1.jpg") no-repeat center/cover;
    height: 120px;
    top: 0;
  }
  .caseYyxm .projectList ul li p {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
  }
  .caseYyxm .projectList ul li {
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
  }
  .caseYyxm .projectList {
    padding-top: 160px;
  }
  .caseYyxm .projectList ul li img {
    margin: 0 auto 15px;
    width: 160px;
    height: 50px;
  }
  .caseYyxm .projectList ul li:nth-child(2), .caseYyxm .projectList ul li:nth-child(3), .caseYyxm .projectList ul li:nth-child(5), .caseYyxm .projectList ul li:nth-child(6), .caseYyxm .projectList ul li:nth-child(8), .caseYyxm .projectList ul li:nth-child(9) {
    padding: 0;
  }
  .caseCenter .jsdjy {
    padding: 0 33px;
  }
}