@charset "utf-8";
/* CSS Document */
div,ul,li,body,p{margin:0; padding: 0; font-size: 14px; font-family: "Microsoft Yahei", "微软雅黑", sans-serif;}
    .clearfix::after{ clear: both; display: block; height: 0; content: '';}
	ul,li{ list-style: none;}
	#cont { width: 100%; padding: 0 20px; margin: 0 auto; background-color:#e8e8e8;}
	#tainer{ width:816px; margin: 0 auto;}
	#tainer li{ position:relative;width: 230px;border: 1px solid #ccc; height: 150px; line-height: 150px; text-align: center; margin: 20px; float: left; cursor: pointer;  overflow: hidden;}
	#tainer li p{ height:150px; width: 100%; position: absolute; left: 0; top: -150px; color: #ffffff;
        z-index: 2; }
    #tainer li .img{ width: 230px; height: 150px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
    #tainer li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
    #tainer li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
    #tainer li p span{ display: block; width: 94%; margin: 0 auto; line-height: 24px; font-size: 12px; padding-top:60px;}
    #tainer li p a{ display: block; position: absolute; width: 32px; height: 32px; left:50%; margin-left: -16px; top:20px; background:url("images/link.png") no-repeat 0 0;}
    .explain{
	display: block;
	height: 100px;
	width: 920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}