@charset "utf-8";

/*bannar*/
.lianxi{display:block;width: 80vw;height: auto;min-height: 85vh; margin: auto;margin-top: 5vw;}
.myslogan{float:left;}
.selfinfomation{float:right;width: 25vw;}
.social{float: left;}
.phone{float: right;}
  
.myslogan p{font-size: 2.6vw;font-weight:800;line-height: 3.6vw;}
.selfinfomation h2{font-size: 1.3vw;font-weight:600;line-height: 3.15vw;}

.social a{font-size: 1.1vw;font-weight:300;line-height:2.4vw;position: relative;
  text-decoration:underline ;text-decoration-thickness: 1px;text-underline-offset: 5px;}

  
.social a:hover{color: blue;font-weight:400;}
.phone p{font-size: 1.1vw;font-weight:300;line-height: 2.4vw;}



@media (max-width : 767px) {
  .lianxi{display:block;width: 90vw;height: auto;min-height: 90vh; margin: auto;margin-top: 5vw;position: relative;}
  .myslogan{float:left;width: 100vw;margin-bottom:5vw;}
  .selfinfomation{float:left;width: 90vw;display:flex;}
  .social{width: 20vw;}
  .phone{opacity: 0;}
    
  .myslogan p{font-size: 8vw;font-weight:800;line-height: 13vw;}
  .selfinfomation h2{font-size: 6vw;font-weight:600;line-height: 15vw;}
  
  .social a{font-size: 6vw;font-weight:300;line-height:15vw;position: relative;
    text-decoration:underline ;text-decoration-thickness: 1px;text-underline-offset: 3px;}
  
    
  .social a:hover{color: blue;font-weight:400;}
  .phone p{font-size: 6vw;font-weight:300;line-height:15vw;}
  





}