/*微信二维码*/
.weixin {
position: relative;
}

.weixin img.qrcode {
position: absolute;
z-index: 99;
top:75px;
right: -28px;
width: 7.5rem;
max-width: none;
height: 7.5rem;
transform: scale(0);
transform-origin: top right;
opacity: 0;
border: .0rem solid #171f4d;/*二维码边框粗细*/
border-radius: .0rem;/*二维码边框倒角*/
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}

.weixin:hover img.qrcode {
transform: scale(1);
opacity: 1;
}
	
	
	  .lage{    
           margin:  auto;  
           overflow: hidden;  
       }  
       .lage img{  
           cursor: pointer;  
           transition: all 0.6s;  
       }  
       .lage img:hover{  
           transform: scale(1.4); 
			filter: brightness(1.5);
       }  
	   
/*手机版*/	   
.Grid {
    display: flex:
}

.Grid-cell {
    flex: 1;

    background: #FFFFFF;

    margin: 10px;	   
}   

/*九宫格老样式*/
.box .box-content {
  color: white;
  text-align: left;
  width: 100%;
  padding: 0 30px;
  transform: translateX(50%);
  position: absolute;
  top: 10%;
  left: 50%;
 
  opacity: 0;
  transition: all 0.4s ease;
}

.box:hover .box-content {
  opacity: 1;
}

.biankuang {
  border-style: solid;
  border-color: red;
}



/*超链接样式*/
/*超链接样式*/
a{text-decoration: none;
   color:#ffffff;
   	  
}
a:hover{text-decoration: none;
      color:#c7c8c9;
}	   



/*九宫格新样式*/
.container5 {
  position: relative;
  width: 100%; 
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .7);
  
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.container5:hover .overlay {
  height: 100%;
}

.text {
  text-align:center;
  white-space:normal; /*nowrap一行句子   normal换行句子*/
  color: white;
    
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); 
}

/*老板服务里的六宫格新样式*/
.overlay2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .7);
  
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.container5:hover .overlay2 {
  height: 100%;

}
.text2 {
  text-align:;
  white-space:normal; /*nowrap一行句子   normal换行句子*/
  color: white;
    
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 20%;
  left: 40%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); 
}

.overlay3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: ;
  
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.container5:hover .overlay3 {
  height: 100%;

}


.text3 {
  text-align:;
  white-space:normal; /*nowrap一行句子   normal换行句子*/
  color: white;
    
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 60%;
  left: 40%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); 
}

	  	/*
*{margin: 0;
  padding: 0;
	}

body{
	height: 10vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: aqua;
}
.container{
	/*
	弹性布局 允许换行 水品居中		
	*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
}
.card{
	width: 310px;
	height: 220px;
	overflow: hidden;
	margin: 10px;
	background-color: bisque;
	color: aliceblue;
	cursor: pointer;
	position: relative;
}
.card image{width: 100%;
            height: 100%;
	/*
	设置过度		
	*/
}
.card .text{
position: absolute;
/*inset: 30px;相当于top,right,bottom,left均为30px*/

inset: 30px;
border: 1px solid red;
padding: 0 18px;
}

.card .text ::before{
content: "";
position: absolute;
inset: 0;
left: 50% ;
border-left: 4px solid rgb(255, 255, 255,0.8);
background-color: blue;
opacity: 0;
transform: 0.5s;/*过度*/
transition-delay: 0.6s;/*过度延迟时间*/
}
.card .text h2,
.card .text p{
	margin-bottom: 6px;
	opacity: 0;
	transform: 0.35s;
}
.card .text h2,{
	font-weight: 300;
	text-transform: uppercase;
	transform: translate(30% 0%);
	transition-delay: 0.3s;
	
}
.card .text h2 span{
	font-weight: 800;
}
.card .text p{
	font-weight: 200;
	transform: translate(0% 30%);
}

/*悬停样式开始*/
.card:hover img{
	opacity: 0.3;
}
.card:hover text h2{
	opacity: 1;
	transform: translate(0% 0%);
	transition-delay: 0.4s;
}
.card:hover text p{
	opacity: 0.9;
	transform: translate(0% 0%);
	transition-delay: 0.6s;
}
.card:hover .text ::before{
	background-color: aliceblue;
	left: 0;
	opacity: 1;
	transition-delay: 0s;
}
*/