@charset "utf-8";

	    .img_and_tit {
	    	width: 100%;
	    	margin-bottom: 10px;
	    }
	
	    .img_and_tit dd {
	    	width: 23%;
	    	float: left;
	    	padding: 10px 0px;
	    	color: #003da5;
	    	font-size: 15px;
	    	margin-right: 2.666%;
	    	transition: transform 0.2s ease;
	    	cursor: pointer;
	    	overflow: hidden;
	
	    }
	
	    .img_and_tit dd:hover {
	    	transform: scale(1.02);
	    }
	
	    .img_and_tit dd:nth-child(4n+4) {
	    	margin-right: 0;
	    }
	
	    .img_and_tit dd img {
	    	width: 100%;
	    	height: auto;
	    	border-radius: 5px;
	    	border: rgba(222, 222, 222, 0.6) solid 1px;
	    }
	
	    .img_and_tit dd a {
	    	color: #003da5;
	    	font-size: 15px;
	    	height: 30px;
	    	display: block;
	    	width: 100%;
	    	white-space: nowrap;
	    	overflow: hidden;
	    	text-overflow: ellipsis;
	    	padding: 6px 0;
	    	margin: 0;
	    	font-weight: bold;
	    }
	
	    .img_and_tit dd a:hover {
	    	color: #c6a866;
	    }
	
	    @media only screen and (max-width:850px) {
	    	.img_and_tit dd {
	    		width: 48%;
	    		margin-right: 2%;
	    	}
	
	    	.img_and_tit li:nth-child(even) {
	    		margin-right: 0;
	    	}
	    }