#hero {

    width: 100%;

    height: 70vh;

    margin-top: 0px; 

} 

#hero h1 {

  margin: 0 0 10px;

  font-size: 39px;

  font-weight: 700;

  line-height: 56px;

  color: #000;

}

#hero h2 {

    color: blue;

    margin-bottom: 5px !important;

    font-size: 31px;

    line-height: 35px;

}

.law li{

	border-bottom:1px solid #ccc;

	display:flex;

	padding-bottom:5px;

	clear:both;

	padding-left:0px !important;

}

.law li figure{

	width:15%;

	float:left;

}

.law li div.content{

	width:85%;

	float:left;

	font-size:13px;

}

.law li div.content h4{

	font-size:14px;

	color:#001D8B;

	font-weight:bold;	

}

.faq-item p{

	font-size:24px;

}

#contact p{ font-size:24px;}

#contact h3{ font-weight:bold; font-size:43px;}

.wachat {

    position: fixed;

    bottom: 10px;

    right: 6%;

    z-index: 9999;

}

.wacall{

	position: fixed;

    bottom: 10px;

    right: 12%;

    z-index: 9999;

}
#header {
  z-index: 997;
  transition: all 0.5s;
  padding: 10px 0;
  background: #fff;
}
#header .logo img {
    padding: 0;
    margin: 0;
    max-height: 60px;
}
@media screen and (max-width: 600px) {

	#hero h1 {

  margin: 0 0 10px;

  font-size: 30px;

  font-weight: 700;

  line-height: 56px;

  color: #000;

}

#contact h3{ font-weight:bold; font-size: 31px;}

#contact h4{font-size: 25px;}

#contact p{

	font-size:17px;

}

.law li figure{

	width:20%;

	float:left;

}

.law li div.content{

	width:80%;

	float:left;

	font-size:13px;

}

#footer p{ text-align:center  !important;} 

.wachat {

    position: fixed;

    bottom: 10px;

    right: 15%;

    z-index: 9999;

}

.wacall{

	position: fixed;

    bottom: 10px;

    right: 30%;

    z-index: 9999;

}

.section-title h2::before, .section-title h2::after {

  content: "";

  width: 0px;

  height: 0px;

  background: #fff;

  display: none;

}

}