@media screen and (min-width: 768px){
    .lin-we{ border:2px solid #ccc }
    .mes{font-size: 0.65rem;color:#666;margin-bottom: 1.5rem;}
    .mes span{height: 1.7rem;line-height: 1.7rem;display: inline-block;width: 100%;text-align: center;margin-top: 5px;}
    .wx:hover{width: 16.6rem;}
    .wx:hover a{display: block;width: 330px;transition-duration: 1s}
    .wxB li{margin-left: -0.05rem;}
    .icon-l{height: 149px;z-index: 5;background: white;padding-left: 44%;display: none;position: relative}
    .icon-l span{left: 4.5rem;bottom: 3.2rem;}
    .maBox>img{width: 100%;}
    .lineWe-img {
        text-align: center;
    }
    .appimg img{
        width:100%;
    }
     .app-button {  
        width: 200px;  
        padding:8px;  
        background-color: #428bca;  
        border-color: #357ebd;  
        color: #fff;  
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
        border-radius: 10px; /* future proofing */  
        -khtml-border-radius: 10px; /* for old Konqueror browsers */  
        text-align: center;  
        vertical-align: middle;  
        border: 1px solid transparent;   
      }
      .app-button:hover {  
        
        background-color: #ddd;  
        border-color: #357ebd;  
        color:#428bca ;  
        
        border: 1px solid transparent;   
      }


}
@media screen and (max-width: 768px){
    .lin-we{ border:none;width: 100%;}
    #allmap{width: 96%;margin-left: 2%;}
    .mes{font-size: 1rem;color:#666;}
    .mes span{height: 2.5rem;line-height: 1.7rem;display: inline-block;text-align: center;margin-top: 5px;}
    .mes span{width: 100%;}
    .wx{position: relative;z-index: 99;}
    .lineWe-img {
        text-align: center;
    }
    .appimg img{
        width:100%;
    }
    #wxB li:active {
        -webkit-transform: translateY(-1rem);
        -moz-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        -o-transform: translateY(-1rem);
        transform: translateY(-1rem);}
    .wxB li{margin-left: -0.055rem;
        -webkit-transition-duration: 0.1s;
        -moz-transition-duration: 0.1s;
        -ms-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        transition-duration: 0.1s;}
    .icon-l{display: none;}
    
      .app-button {  
        width: 200px;  
        padding:8px;  
        background-color: #428bca;  
        border-color: #357ebd;  
        color: #fff;  
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
        border-radius: 10px; /* future proofing */  
        -khtml-border-radius: 10px; /* for old Konqueror browsers */  
        text-align: center;  
        vertical-align: middle;  
        border: 1px solid transparent;   
      }

}

.mg-top24{margin-top: 1.2rem;}
.color1{color:#232b4f;}
.color2{color:#979bad;}
.w876{width: 43.8rem;}
.w928{width: 46.4rem;}
.h420{height: 21rem;}

#allmap{border: 1px solid #ccc;box-shadow: 3px  2px 10px 0  #ccc;border-radius: 2px;}
.b1cc{border:1px solid #ccc;}

.weIndex{color:#666;}
.wxB li{width: 6.4rem;height: 7.55rem;}
.wx:nth-child(1),.wx:nth-child(2){
    background: url(../img/lineWe/indexIcon01.png) no-repeat;
    background-position: 50% 38.2%}
.wx:nth-child(3){
    background: url(../img/lineWe/indexIcon03.jpg) no-repeat;
    background-position: 50% 38.2%}
.wx h5{bottom: 1.8rem;width: 100%;}

.icon-l h6{line-height: 100px}
.icon-l span{position: absolute;}
.maBox{width:5rem;height: 5rem;background: #f2f2f2;position: absolute;left: 1.5rem;top:1.25rem;}