/* 行业 · 应用 */

/* 生产车间 */
.workshop {
  height: 100vh;
  overflow: hidden;
}
.workshop {
  /* width: calc(100% - 397px);
  margin-left: 397px; */
  width: calc(100% - 20.7vw);
  margin-left: 20.7vw;
  height: 100vh;
  padding: 0 70px;
  box-sizing: border-box;
  padding-top: 68px;
}




/* 标题 */
.workshop .goodtou {
  border-bottom: 2px solid #f5f5f5;
  padding-bottom: 28px;
}

.workshop .biaoti {
  background: url(../images/success.png) no-repeat;
  height: 82px;
  width: 700px;
  overflow: hidden;
  /* margin-bottom: 65px; */
  
}
.workshop .biaoti h3{
  font-size: 50px;
  color: #000066;
  margin-top: 18px;
  margin-left: 39px;
}


#masonry {
  /* width: 1300px; */
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  margin-top: 60px;
  overflow: hidden;
}
.workshop .workshop-c .temp {
  width: 25%;
  padding:10px;
  box-sizing: border-box;
  /*height: 350px;*/
}
.workshop .workshop-c .temp .jpg {
  /*height: 251px;*/
}
.workshop .workshop-c .temp .jpg img{
  width: 90%;
  transition: all 0.5s ease-out;
  /*height: 90%;*/
  display: block;
  margin: 0 auto;
  border: 1px solid #dddddd;
}
.workshop .workshop-c .temp .jpg img:hover {
  transform: scale(1.1) translateZ(0);
  cursor: pointer;
}
.workshop .workshop-c .temp .di {
  text-align: center;
  padding:5px;
} 
.workshop .workshop-c .temp .di span{
  color: #4e4e4e;
  font-size: 18px;
  line-height: 36px;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} 



/* 新闻下面的按钮 */
.workshop .cc_botton {
  width: 100%;
  display: flex;
}
.workshop .pagination{
  display: flex;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 120px;
font-size: 14px;
}
.btn-group {
display: flex;
}
#page_center_botton {
display: none;
}
.workshop .pagination .btn{
  display: block;
  width: 100px;
  height: 40px;
  background-color: #0f4492;
  color: white;
  text-align: center;
  line-height: 40px;
  margin-right: 1px;
  font-weight: bold;
  cursor: pointer;
  margin-right: 10px;
}
.workshop .pagination .btn-group a {
  /* background-color: #ec0a00; */
}
.workshop .pagination .btn:hover{
  background-color: #cebdbd;;
}


/* 适应1200-1400的屏幕 */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .workshop {
      padding: 0 10px;
      padding-top: 68px;
    } 
    
    /* 显示滚动条 */
    .workshop {
      height: 100vh;
      overflow: visible;
  }
}


/* 手机端 */
@media all and (max-width: 550px) {
    .workshop {
      width: 100%;
      margin-left: 0;
      height: auto;
      padding: 0 10px;
      box-sizing: border-box;
      padding-top: 90px;
    }
    .workshop .biaoti h3 {
      font-size: 33px;
      color: #000066;
      margin: 0px;
    }
    .workshop .biaoti {
        background: #fff;
        text-align: center;
        height: auto;
        width: 100%;
        overflow: hidden;
        margin-bottom: 0;
    }
    
    .workshop .goodtou {
      border-bottom: 2px solid #f5f5f5;
      padding-bottom: 20px;
    }
    .workshop .workshop-c .temp {
        width: 50%;
        /*height: 310px;*/
       padding: 0px;
    }
    
    .workshop .workshop-c .temp .di span {
    	font-size: 16px;
    }

    /* 新闻下的按钮 */
    .workshop .pagination .btn {
        width: 75px;
        height: 30px;
        line-height: 30px;
    }
    .workshop .pagination {
        margin-top: 10px;
        margin-bottom: 50px;
    }
    
    #masonry {
    	margin-top: 20px;
    }
    
}