#z-section .z-about-content {
  width: 100%;
  background: url('../image/bg.jpg') no-repeat;
  background-size: 100% 100% !important;
  padding: 40px 0;
}
#z-section .z-about-content .z-about-image {
display: inline-block;
width: 100%;
height: 250px;
background: url('../image/about.jpg') no-repeat;
background-size: 100% 100% !important;
margin-top:30px;
}
#z-section .z-about-content  h3{
width: 100%;
height: 40px;
font-family: 'Noto Sans';
color: rgba(255,255,255,0.8);
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
#z-section .z-about-content  h3:after{
position: absolute;
content: '';
width: 70px;
height: 5px;
left:0;
background: rgb(233,114,14);
border-radius: 3px;
bottom: -2.5px;
}
#z-section .z-about-content p{
text-align: justify;
color: #fff;
font-size: 15px;
font-family: 'Noto Sans';
}
#z-section .z-well-block {
  padding: 30px 0;
  width: 100%;
}
#z-section .z-well-block  h3 {
  width: 100%;
  position: relative;
  font-family: 'Noto Sans';
  color: rgb(41,119,155);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  height: 35px;
}
#z-section .z-well-block  p {
  text-align: justify;
  font-family: 'noto sans';
  padding-top: 10px;
  box-sizing: border-box;
}
#z-section .z-well-block  h3:after {
  position: absolute;
  width: 100px;
  content: '';
  height: 5px;
  left: 0;
  bottom: -2.5px;
  background: rgb(41,119,155);
  border-radius: 3px;
}
#z-section .z-well-block  .panel-group {
  margin-top: 20px;
  font-family: 'Noto Sans';
}
#z-section .z-facebook {
  width: 100%;
  height: 350px;
  padding-top: 10px
}
@media all and (max-width: 440px ) {
#z-section .z-about-content .z-about-image {
  height: 200px
}
}
@media all and (max-width: 350px ) {
#z-section .z-about-content .z-about-image {
  height: 170px
}
}