footer{
   display:flex;
   width:100%;
   margin-top:5rem;
   height:4rem;
   border-style:solid;
   border-top:0.2rem solid #669999;
   border-right:0 #669999;
   border-left:0 #669999;
   border-bottom:0 #669999;
   padding-top:2rem;
}
.headTag{
  position:fixed;
  width: 100%;
  /*background-color:rgba(0,0,0,0.6); */
  background-color:white;
  
}
.footer_a{
width:7%;
display:inline-block;
}
.footer_a img{
width:100%;
}
.footer_b{
width:90%;
text-align:center;
display:inline-block;
}
.a_img{
display:flex;
}
.img_a{
width:70%;
}
.navbar-header img{
  height:8rem;
  max-height:8rem;
  padding:1rem;
  vertical-align:middle;
}
.navbar-header span{
  color:white;
  font-size:20px;
}
.navbar-header span a,a:link,a:hover,a:focus,a:visited{
    text-decoration:none;color:black;
}
.headTagLeft span{
  font-size:25px;
  color:white;
}
.imgTag{
  position:relative;
  width: 100%;
  height: 100%;
}
.imgTag img{
  top:0;
  width: 100%;
  height: 100%;
  opacity:0.8;
}
.blockTag{
  display:inline-flex;
  margin:auto;
  width:100%;
}
.blockTag img{
 /*width:50%;
 height:50%;*/
  width:100%;
  height:100%;
}
.imgtittle{
  display:inline-flex;
  margin:auto;
  width:100%;
  height:5rem;
}
.imgtittle_3{
  width:30%;
  background-color:#669999;
  height:0.8rem;
  margin-top:2rem;
}
.imgtittle_t{
  border-style:solid;
  border-right:2rem solid #669999;
  border-left:2rem solid #669999;
  border-top:0.2rem solid #669999;
  border-bottom:0.2rem solid #669999;
  text-align:center;
  height:3rem;
  line-height:3rem;
  background-color:#669999;
  color:white;
  font-size:2rem;

  margin:2rem 0 1rem 0;
}
.imgtittle_font{
  width:40%;
  height:1rem;
  margin-top:1rem;
  text-align:center;
  font-size:2rem;
}
.blockline{
width:100%;
margin:1rem 0;
display:flex;
}
.block_quarter{
width:25%;
padding:1rem;
}
.block_quarter img{
 width:100%;
}
.blockHelf{
  display:flex;
  width:50%;
}
.blockHelf img{
  width:100%;
  height:100%;
}
.expertise_bottom{
width:100%;
display:inline-flex;
}
.expertise_bottom_right{
width:75%;
}
.expertise_bottom_left{
width:25%;
padding:1rem;
}
.expertise_bottom_left img{
width:100%;
}
.show_img{
width:30%;
display:none;
}
.show_img img{
width:100%;
}
.blockRight{
display:flex;
width:70%;
height:20rem;
}
.blockLeft{
display:flex;
width:30%;
height:20rem;
}
.blockLeft img{
height:100%;
width:100%;
}

@font-face{
    font-family:font_a;
    src:url('a.ttf');
}
@font-face{
    font-family:font_b;
    src:url('b.ttc');
}

@media screen and (max-width:600px){
.block_quarter{
width:100%;
padding:1rem 0;
}
.blockline{
display:block;
margin:auto;
}
.blockHelf{
width:100%;
margin:1rem 0;
padding:1rem 0;
}
.blockLeft{
width:100%;
}
.block_quarter img{
display:none;
}
.show_font{
display:inline;
width:70%;
}
.expertise_bottom_right{
width:100%;
}
.expertise_bottom_left{
display:none;
}
.show_img{
display:inline;
width:30%;
}
.imgtittle_t{
width:100%;    
}
.imgtittle_3{
width:20%;
}
.imgtittle_font{
width:60%;
}
.footer_a{
width:18%;
}
.footer_b{
width:70%;
}