@charset "utf-8";
/* CSS Document */
body{ background:#fff;}
.banner{ max-width:1920px;
         height:467px;
		 background:url(../images/ty-0.jpg) no-repeat center;
		 padding-top:156px;
		 box-sizing:border-box;
          }
.banner h1{ width:100%;
            text-align:center;
			font-size:45px;
			color:#fff;}
.banner p{ width:100%;
            text-align:center;
			font-size:20px;
			color:#fff;
			line-height:75px;}
#container{ width:1220px; margin: 0 auto;}
#container li{ position:relative;width: 400px;height: 260px; text-align: center; margin:10px 10px 10px 0; float: left; overflow: hidden;}
#container li p{ height:100%; width: 100%; 
       position: absolute; 
	   left: 0; top: -100%; 
	   color: #ffffff;
        z-index: 2; 
		
		display: table;
		_position: relative;}
#container li .img{ width: 400px; height: 260px; 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;}
#container 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)}
#container li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80);  }
#container li p span{ display: block; line-height: 24px; font-size: 14px; padding:20px; color:#999; box-sizing:border-box;text-align:center;display: table-cell; 
		vertical-align: middle;_position:absolute;
		_top:50%;
		_left:50%;
}
.explain{ display: block; margin:0 auto;}
.jx1{ width:100%;
	text-align:center;
	font-size:16px;
	color:#36dffe;
	line-height:100px;
	display:block;}