@CHARSET "UTF-8";
#_relateSite{overflow:hidden;}
#_relateSite ul li{float:left; width:calc(100% / 3 - 20px); margin:10px; box-sizing:border-box; border:1px solid #ddd; padding:25px; transition:all .3s ease;}
#_relateSite ul li:hover{border-color:#183a6a;}
#_relateSite ul li .thum{width:100%; text-align:center; height:110px; overflow:hidden;}
#_relateSite ul li .thum img{max-width:calc(100% - 2px); max-height:calc(100% - 2px); border:1px solid #ddd;}
#_relateSite ul li ._relateList dl dt{margin:15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#_relateSite ul li ._relateList dl dt span{ font-size:1.1em; color:#000;}
#_relateSite ul li ._relateList dl dd{font-size:0.9em; line-height:1.4em; height:2.8em; overflow:hidden;}
#_relateSite ul li .homepage{display:block; padding:8px 10px; border:1px solid #cccccc; padding-left: 18px; text-align:center; font-size:0.9em; color:#000; margin-top:20px; transition:all .3s ease;}
#_relateSite ul li .homepage:hover{background-color:#d3e6ff;}
#_relateSite ul li .homepage:before{content:''; width:11px; height:11px; vertical-align:middle; display:inline-block; background: url("../images/new_window.png") no-repeat; margin-top:-2px; margin-right:5px;}

@media only screen and (max-width:1024px){
	#_relateSite ul li .thum{height:70px;}
}
@media only screen and (max-width:600px){
	#_relateSite ul li{width: calc(100% / 2 - 20px);}
	#_relateSite ul li .thum{height:90px;}
}
@media only screen and (max-width:480px){
	#_relateSite ul li{width: calc(100% - 20px);}
	#_relateSite ul li .thum{height:auto;}
}