.contactPage .img img{
  min-width: 0;
}
.contactPage .content .img .pageT{
  height: 328px;
}
.contactPage .content .img .pageTL{
  background-color: #F5F5F5;
  width: 54%;
  height: 328px;
  float: left;
  overflow: hidden;
}
.contactPage .content .img .pageTL .header{
  padding: 30px 0 12px;
  margin-left: 30px;
  font-size: 26px;
  color: red;
  font-weight: 700;
  width: 80%;
  border-bottom: 1px solid red;
  letter-spacing: 3px;
}
.contactPage .content .img .pageTL .notice{
  width: 80%;
  height:40px;
  margin: 10px 0 0 30px;
}
.contactPage .content .img .pageTL .notice .time{
  width: 90px;
  height:40px;
  padding: 0 10px;
  float: left;
}
.contactPage .content .img .pageTL .notice .time .timeL{
  font-size: 24px;
  float: left;
  line-height:40px;
  color: #596068;}
.contactPage .content .img .pageTL .notice:hover .time .timeL{
  color:red;
}
.contactPage .content .img .pageTL .notice .time .timeR{
  height:40px;
  font-size: 8px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  color: #919599;
}
.contactPage .content .img .pageTL .notice:hover .time .timeR{
  color:red;
}
.contactPage .content .img .pageTL .notice .center{
  height:40px;
  width: 70%;
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  line-height:40px;
  font-size: 16px;
  color: #464D56;
  letter-spacing: 2px;
  padding-left: 10px;
}
.contactPage .content .img .pageTL .notice:hover .center{
  color:red;
}
.contactPage .content .img .pageTR{
  background: url('<?= STATIC_PATH ?>/index/images/pageTR.png') no-repeat center;
  background-size: cover;
  width: 46%;
  height: 328px;
  float: right;}
.contactPage .content .img .pageB{
  height: 328px;
  position: relative;}
.contactPage .content .img .pageB .pageBL{
  background: url('<?= STATIC_PATH ?>/index/images/pageBL.png') no-repeat center;
  background-size: cover;
  width: 34%;
  height: 328px;
  float: left;}
.contactPage .content .img .pageB .pageBC{
  background: url('<?= STATIC_PATH ?>/index/images/pageBC.png') no-repeat center;
  background-size: cover;
  width: 33%;
  height: 328px;
  float: left;}
.contactPage .content .img .pageB .pageBR{
  background: url('<?= STATIC_PATH ?>/index/images/pageBR.png') no-repeat center;
  background-size: cover;
  width: 33%;
  height: 328px;
  float: left;}
.contactPage .content .img .pageB .centerBox{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 50px 0;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  background-color: #000000;
  opacity: 0.60;
}
.contactPage .content .img .pageB .centerBox:hover{
  background-color: red;
  opacity: 0.74;
}
.contactPage .content .img .pageB .centerBox:hover .centerSpan{
  color: #FFFFFF;
}
.contactPage .content .img .pageB .centerBox .imgBlack{
  display: block;
  z-index: 999;
}
.contactPage .content .img .pageB .centerBox .imgLight{
  display: none;
}
.contactPage .content .img .pageB .centerBox:hover .imgBlack{
  display: none;
}
.contactPage .content .img .pageB .centerBox:hover .imgLight{
  display: block;
}
.contactPage .content .img .pageB .centerBox span{
  font-size: 24px;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.contactPage .content .img .pageB .centerBox span i{
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
}
@media all and (max-width:1024px) {
  .contactPage .content .img .pageTL .notice .center{
    height:40px;
    width: 60%;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    line-height:40px;
    font-size: 16px;
    color: #464D56;
    letter-spacing: 2px;
    padding-left: 10px;
  }
}