body,h1,h2,h3,h4,h5,h6,p{margin:0;}
body .bg-black img{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: -9;}
.tab-close{position: absolute;top: 30px;right: 15px;z-index: 9999;}
/*--city hall popup css--*/
.blog-popup-content{padding:20px 50px;font-family: 'open_sansregular';}
.blog-left-content p, .blog-right-content p{font-size:18px;color: #000;font-weight: normal;text-align: justify;margin-top:0;}
.space-para{display: block;height: 10px;width: 100%;}
.blog-left-content{width: 49%;float: left;margin-right:1%;}
.blog-right-content{width: 50%;float: left;}
.clear{clear:both;}
.blog-short img{width:100%;}
.blog-small{width: 185px;float: left;margin-right: 10px;}
.blog-small img{width:100%;}
.blog-popup-content{}
.blog-popup{background: url("../images/paper-bg.png") repeat 100% 100%;position: absolute;width: 1105px;
top: 135px;left: 0;border-radius:5px;right: 0;margin:0 auto 15px;}
.blog-popup-close{position: absolute;top: -25px;right: -25px;}
.blog-popup-close a img{width: 50px;}
.bg-black-op{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index: 9999;display:none;}
/*--city hall popup css end--*/
.btm-contant {
  display:none;
}

@media all and (max-width:1199px) and (min-width:1024px)
{
.blog-popup {
    width: 1010px;
}
.blog-left-content p, .blog-right-content p {
    font-size: 15px;
}
}
@media (max-width: 1200px){
.blog-popup {
  width: 75%;
}
}
@media (max-width: 1023px){
.big-close a {
  top: 133px!important;
}
}
@media (max-width: 767px){
	.blog-popup-content {
  padding: 20px 12px;
}
.blog-popup-content {
  margin-bottom: 83px;
  padding: 20px 12px;
}
.blog-left-content {
  width: 100%;
}
.btm-contant {
  background: none repeat scroll 0 0 rgb(237, 38, 38);
  border-radius: 5px 5px 0 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 9px 0;
  position: fixed;
  right: 0;
  text-align: center;
  width: 96%;
  z-index: 999;
  display:block;
}
.btm-contant > p {
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 23px;
}
.blog-left-content p, .blog-right-content p {
  font-size: 16px;
}
.blog-popup {
  width: 81%;
}
.blog-right-content {
  margin-top: 20px;
  width: 100%;
}
}
@media (max-width: 640px){
.big-close img {
  width: 33px!important;
}
.blog-small {
  float: left;
  margin-right: 0;
  width: 100%;
}
}

@media (max-width: 480px){
	.big-close img {
  width: 25px !important;
}
	.big-close a {
  right: 2px!important;
}
}