/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	margin:0 auto;
	font-size:12px;	
	font-family:"Microsoft Yahei";
	background:#fff;
	text-align:justify;	
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#666;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#f60;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}




@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background:#050a2a url("../images/lead3.jpg") no-repeat top center;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.l3_t1{
	text-align: center;
	height: 270px;
	line-height: 270px;
	font-size:52px;
	font-weight: bold;
	color:#fff;
	position: relative;
	z-index: 20;
}
.l3_links{
	width: 1020px;
	margin:0 auto;
	position: relative;
	z-index: 20;
	text-align: center;
}
.l3_item{
	width: 450px;
	height: 360px;
	float: left;
	margin:0 30px;
	display: block;
	color:#fff !important;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.l3_item:hover{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.l3_item .photo{
	display: block;
	width: 422px;
	height: 236px;
	border:1px solid #043a9e;
	padding:12px 13px;
	background:rgba(5,26,61,0.6);
}
.l3_item .photo img{
	display: block;
	width: 422px;
	height: 236px;
}
.l3_item .name{
	height: 45px;
	line-height: 45px;
	font-size:18px;
	color:#fff;
	text-align: center;
}
.copy{
	height: 42px;
	line-height: 42px;
	text-align: center;
	position: relative;	
	z-index: 100;
	background:#111;
	color:#fff;
	width: 100%;
}
.copy a{
	color:#fff;
}
.copy a:hover{
	text-decoration:underline;
}