/*响应式*/
@media only screen and (min-width: 1700px) and (max-width:2000px){
	/************地产   全息**************/
	.di{
		font-size: 24px;
		margin-top: -93px;
	}
	.viwe{ 
    	width:98%; 
		float: left;
		position:relative;
		overflow: hidden;
    }
    .viwe img{ max-width: 100%;}
    .hover{
      width:100%;
       height: 0px; 
      background-color:rgba(0,0,0,0.5);
      position:absolute; 
      overflow: hidden;
      top: 30px; 
      left: 0; 
      transition: all  0.2s;
      z-index: 999;
    }
    .viwe:hover .hover{ height: 150px;transform:rotate(0deg);}
    .viwe h2{ 
    	font-size: 16px;
    	text-align: center;
    	margin-top: 15px; 
    	margin-bottom: 10px;
        border-bottom: 1px solid rgba(255 ,255 ,255 ,0.5) ;
        color: #fff;
      }
    .viwe p{
    	font-size: 13px;
      	padding: 0 5% 0 5%;
      	color: #fff;
      }
      
   
      	/************************首页   hover 效果***************************/
     .da{
    	width: 69%;
    }  
    .xiao{
    	width: 30%;
    }
    .viweS{ 
    	width:100%; 
		float: left;
		position:relative;
		overflow: hidden;
    }
    .viweS img{width: 100%;overflow: hidden;}
    .hoverS{
      width:100%;
       height: 0px; 
      background-color:rgba(0,0,0,0.5);
      position:absolute; 
      overflow: hidden;
      top: 30px; 
      left: 0; 
      transform:rotate(55deg) ;
      transition: all  0.2s;
      z-index: 999;
    }
    .viweS:hover .hoverS{ height: 140px;transform:rotate(0deg);}
	.viweS:before{
	  content: "";
      position: absolute;		
      top:-280px;	
      right:0;
      width: 430px;
      height:430px;
      background:rgba(119,0,36,0.6);
      transform:rotate(55deg) translateX(40px);
      transform-origin: 100% 0%;/*定转换的位置*/
      transition: all 200ms ease 0.4s;
    }
    .viweS:hover:before{top:0;}
    .viweS:after{
      content: "";
      position: absolute;
      bottom:-280px;
      left:0;
      width: 430px;
      height:430px;
      background:rgba(119,0,36,0.6);
      transform:rotate(55deg) translateX(-40px);
      transform-origin: 0% 100%;/*定转换的位置*/
      transition: all 200ms ease 0.4s;
    }
    .viweS:hover:after{ bottom: 0;}
    .viweS h2{ 
    	font-size: 16px;
    	text-align: center;
    	margin-top: 25px; 
    	margin-bottom: 15px;
        border-bottom: 1px solid rgba(255 ,255 ,255 ,0.5) ;
        color: #fff;
      } 
    .viweS p{
      	padding: 0 5% 0 5%;
      	color: #fff;
      }
/***************经典文化*****************/
	.wen{
		font-size: 14px;
	}

}

@media only screen and (min-width: 0px) and (max-width:1700px){
	/************地产   全息**************/
	.di{
		font-size: 20px;
		margin-top: -78px;
	}
	.viwe{ 
    	width:98%; 
		float: left;
		position:relative;
		overflow: hidden;
    }
    .viwe img{ max-width: 100%;}
    .hover{
      width:100%;
       height: 0px; 
      background-color:rgba(0,0,0,0.5);
      position:absolute; 
      overflow: hidden;
      top: 20px; 
      left: 0; 
      transition: all  0.2s;
      z-index: 999;
    }
    .viwe:hover .hover{ height: 140px;transform:rotate(0deg);}
    .viwe h2{ 
    	font-size: 14px;
    	text-align: center;
    	margin-top: 15px; 
    	margin-bottom: 10px;
        border-bottom: 1px solid rgba(255 ,255 ,255 ,0.5) ;
        color: #fff;
      }
    .viwe p{
    	font-size: 12px;
      	padding: 0 5% 0 5%;
      	color: #fff;
      }
	
	
	 	/************************首页   hover 效果***************************/
	.da{
    	width: 67%;
    }  
    .xiao{
    	width: 32%;
    } 
    .viweS{ 
    	width:100%; 
		float: left;
		position:relative;
		overflow: hidden;
    }
    .viweS img{ width: 100%;overflow: hidden;}
    .hoverS{
      width:100%;
       height: 0px; 
      background-color:rgba(0,0,0,0.5);
      position:absolute; 
      overflow: hidden;
      top: 20px; 
      left: 0; 
      transform:rotate(55deg) ;
      transition: all  0.2s;
      z-index: 999;
    }
    .viweS:hover .hoverS{ height: 130px;transform:rotate(0deg);}
	.viweS:before{
	  content: "";
      position: absolute;		
      top:-280px;	
      right:0;
      width: 430px;
      height:430px;
      background:rgba(119,0,36,0.6);
      transform:rotate(55deg) translateX(40px);
      transform-origin: 100% 0%;/*定转换的位置*/
      transition: all 200ms ease 0.4s;
    }
    .viweS:hover:before{top:0;}
    .viweS:after{
      content: "";
      position: absolute;
      bottom:-280px;
      left:0;
      width: 430px;
      height:430px;
      background:rgba(119,0,36,0.6);
      transform:rotate(55deg) translateX(-40px);
      transform-origin: 0% 100%;/*定转换的位置*/
      transition: all 200ms ease 0.4s;
    }
    .viweS:hover:after{ bottom: 0;}
    .viweS h2{ 
    	font-size: 14px;
    	text-align: center;
    	margin-top: 25px; 
    	margin-bottom: 15px;
        border-bottom: 1px solid rgba(255 ,255 ,255 ,0.5) ;
        color: #fff;
      } 
    .viweS p{
    	font-size: 12px;
      	padding: 0 5% 0 5%;
      	color: #fff;
      }
/***************经典文化*****************/
	.wen{
		font-size: 12px;
	}

}


/*响应式-----------------------2//////////*/
@media only screen and (min-width: 1800px) and (max-width:2000px){
	/***********************商业展览   虚拟现实***************************/
	.shang{
		margin-top: -260px;
		padding: 0 45px 0 45px;	
		color:#fff;
	}
	.shang h2{
		font-size: 22px;
	}
	.shang p{
		margin-top: 10px;
		font-size: 16px;
	}
	.shang1{
		margin-top: -210px;
		padding: 0 45px 0 45px;	
		color:#fff;
	}
}
@media only screen and (min-width: 1600px) and (max-width:1800px){
	/***********************商业展览  虚拟现实***************************/
	.shang{
		margin-top: -240px;
		padding: 0 42px 0 42px;	
		color:#fff;
	}
	.shang h2{
		font-size: 22px;
	}
	.shang p{
		margin-top: 10px;
		font-size: 16px;
	}
	.shang1{
		margin-top: -190px;
		padding: 0 40px 0 40px;	
		color:#fff;
	}
	.shang1 h2{
		font-size: 20px;
	}
	.shang1 p{
		margin-top: 9px;
		font-size: 14px;
	}
}
@media only screen and (min-width: 0px) and (max-width:1600px){
	/***********************商业展览    虚拟现实***************************/
	.shang{
		margin-top: -215px;
		padding: 0 40px 0 40px;	
		color:#fff;
	}
	.shang h2{
		font-size: 21px;
	}
	.shang p{
		margin-top: 5px;
		font-size: 15px;
	}
	
	.shang1{
		margin-top: -160px;
		padding: 0 35px 0 35px;	
		color:#fff;
	}
	.shang1 h2{
		font-size: 18px;
	}
	.shang1 p{
		margin-top: 8px;
		font-size: 13px;
	}
}