/*gcal*/
#gcal{ padding: 20px 0;}
#gcal li{ float: left; height: 230px; width: 600px;}
#gcal li .pic{ width: 300px; height: 230px; float: right; overflow: hidden;}
#gcal li .pic img{ width: 300px; height: 230px; transition:transform 1s ease 0s;}
#gcal li .font{ width: 220px; height: 150px; float: left; background: #f9f9f9; padding: 40px; color: #868686; line-height: 30px; }
#gcal li .font .tit{ color: #444444; font-weight: bold; font-size: 20px;}
#gcal li .content22{ line-height: 25px;font-size: 15px; padding-top: 20px;}
#gcal li:hover .font{ background: #db1725; color: #fff;}
#gcal li:hover .font .tit{ color: #fff;}
#gcal li:hover .pic img{transform: scale(1.1, 1.1);} 
#gcal li:nth-child(3) .pic{ float: left;}
#gcal li:nth-child(3) .font{ float: right;}
#gcal li:nth-child(4) .pic{ float: left;}
#gcal li:nth-child(4) .font{ float: right;}

@media(max-width:1024px)
{
   #gcal li{width:98%;margin:1% 0;}
   #gcal li .font{width:58%;padding: 40px 8px;}
   #gcal li .pic{width: 40%;}
   #gcal li .pic img{width:100%;}
}

@media(max-width:768px)
{
	#gcal li .font{width:56%;}
}

@media(max-width:640px)
{
    #gcal li{height:166px;}
	#gcal li .font{width:40%;height:166px;overflow:hidden;padding:0;}
	#gcal li .font .tit{padding: 27% 1%;}
	#gcal li .content22{display:none;}
	#gcal li .pic{width: 59%;height:166px;}
	 #gcal li .pic img{height:166px;}
	
}