body{min-width: 1200px;}
.top{
  width: 100%;
  height:40px;
  background:rgba(18,20,22,1);
}
.nav{
  width:100%;
  height:84px;
  background:rgba(255,255,255,1); 
}
.imgContent{
  width:1200px;
  margin:20px auto;
  /* border:1px solid red; */
}
.crumbs{
  text-align: left;
  font-size:14px;
  color:rgba(102,102,102,1);
  line-height:24px;
  overflow: hidden;
  margin: 38px 0 20px 0;
}
.crumbs::before{
  display: inline-block;
  content: '';
  width:13px;
  height:17px;  
  background-color: #666;
  margin-right:10px; 
}
/* 图片分类 */
#tit {
  width:1198px;
  height:55px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(214, 214, 214, 0.83);
  box-shadow:0px 3px 6px 0px rgba(29,29,29,0.1);
  /* opacity:0.3; */
  border-radius:5px;
  line-height: 57px;
}
#tit span{
  width:73px;
  height:21px; 
  text-align: center;
  cursor: pointer; 
  background:rgba(239,239,239,1);
  border-radius:10px;
  font-size:14px;
  color:rgba(153,153,153,1);
  line-height:32px;
  padding:0 8px;
  margin:0 17px;
}
#tit span.select{
  color: #fff;
  width:73px;
  height:21px;
  background:rgba(222,97,78,1);
  border-radius:10px;
  font-size:14px;
  line-height:21px;
  text-align: center;
}
#con>li {
  display: none;
  height:auto;
  width: 1200px;
  /* background: pink; */
  font-size: 16px;
  text-align: center;
}
#con li.show {
  display: block;
}
#tit::before{
  display: inline-block;
  content: '分类:';
  font-size:14px;
  line-height:32px;
  color:#333;
  margin-left: 15px;
}
.img_list div{
  width:386px;
  height:270px;
  border-radius:5px;
  float: left;
  position: relative;
  margin-top: 20px;
}
.img_list div img{
  width:386px;
  height:218px;
  display: block;
}
.img_list div:nth-child(3n-1){
  margin:20px 21px 0 21px;
}
.img_list div span{
  position: absolute;
  right:15px;
  bottom:65px;
  font-size:16px;
  color:#fff;
}
.img_list div p{
  width: 100%;
  font-size:18px;
  font-weight:bold;
  color:rgba(51,51,51,1); 
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding:20px 0 10px 0;
}
/* page */
.page{
  width: 100%;
  text-align: center;
  padding: 40px 0;
}
.page span{
  display: inline-block;
  /* width:37px; */
  height:37px;
  /* border:1px solid rgba(191,191,191,1); */
  /* opacity:0.39; */
  border-radius:5px;
  line-height: 37px;
  /* margin: 0 10px; */
  cursor: pointer;
}
.page .red{
  background:rgba(222,97,78,1);
  border:1px solid rgba(222,97,78,1);
  color:#fff;
}

/* */
.ph_show{display: none;}
/* 适配移动页面2020-6-10 */
@media (max-width: 689px) and (min-device-width: 320px), (max-device-width: 480px){
  html{
    font-size: 26.67vw;
  }
  body {
    min-width: 1200px;
    -webkit-text-size-adjust: none !important;
    min-width: 100%;
    width: 100%; 
    background: #fff;
  }
  .pc_hide{display: none;}
  .ph_show{display: block;}
  
  /*  */

  .tpjc_ph_nav{
    width:100%;
    height: .4rem;
    background: #ffffff; 
    box-shadow: 0pt 3pt 6pt 0pt rgba(196,196,196,0.2);
  }
  .tpjc_ph_nav span{
    display: block;
    float: left;
    margin-left: .2rem;
    line-height: .4rem;
    font-size: .14rem;
    color: #fe8833;
    
  }
  .tpjc_ph_nav span a{
    color: #333333;
  }
  .tpjc_ph_nav span.ph_add{
    background: url(#)no-repeat bottom;
  }
  .tpjc_ph_nav span.ph_add a{
    color: #fe8833;
  }
  .tpjc_content{
    width:3.45rem;
    height:auto;
    margin:0 auto;
  }
  .tpjc_content li{
    width: 100%;
    height: 1.94rem;
    position: relative;
    margin-top:.2rem;
  }
  .tpjc_content li img{
    width:100%;
    height:100%;
  }
  .tpjc_content li .ph_txt{
     position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: .77rem;
    background: linear-gradient(180deg,rgba(0,0,0,0), #000000);
  }
  .tpjc_content li .ph_title{
    
    font-size: .16rem;
    text-indent: 1em;
    color:#fff;
    line-height: 0.3rem;
    margin-top: .15rem;
  }
  .tpjc_content li .ph_time{ 
   line-height: 0.25rem;
    font-size: .12rem;
    text-indent: 1em;
    color:#fff; 
  }
  .ph_page{
    width:100%;
    height:.21rem;
    text-align: center;
    margin: .26rem auto .46rem;
  }
  /*  */
  .ph_footer{
    width:100%;
    height:1.49rem;
    background: #c90200;
  }

  

}