@charset "utf-8";
html, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
			    img{border-style: none;}
			    ul, ol, li{ line-height: 180%; text-decoration: none; list-style-type:none;}
			
			a {	
				color: #000000;
			}
			a:link {
				text-decoration: none;
				color: #000000;
			}
			a:visited {
				text-decoration: none;
				color: #000000;
			}
			a:hover {
				text-decoration: none;
				color: #000000;
			}
			a:active {
				text-decoration: none;
				color: #000000;
			}
			
			body {           
			    margin:0;
				padding:0;
				line-height: 180%;
				font-size: 14px;
				font-family:"Microsoft YaHei","Microsoft Simhei","SimSun","微软雅黑","Arial Narrow",HELVETICA;			    
			        }
			
			.main{
				background-repeat: no-repeat;
				background-position: center top;
				 background-image: url(../images/bg111.png);				 
			}		
					 .kldhpic{
						 width:1230px; 
						 height:535px;
						 margin:0 auto;
					 }
					 .bqrwmain{
						 width:1230px; 
						 height:420px; 
						 margin:60px auto;
					 }
					 .bqrwleft{
						 width:560px; 
						 height:110px; 
						 float:left;
						 margin-top:460px;
					 }
					 .bqrwright{
						 width:650px; 
						 height:490px; 
						 float:right;
						 margin-top:120px;
					 }
					 .wqhgpic{
						 width:1230px; 
						 height:141px; 
						 margin:0 auto;
						 padding-top:230px;
					 }
					 .wqhgmain{
						 width:1116px; 
						 height:1513px; 
						 margin:50px auto; 
						 background-image:url(../images/bjj.png);
					 }
					 .wqhgcontent{
						 width:850px; 
						 height:1460px;
						 margin:0 auto; 
						 padding-top:120px;
					 }
					 .wqhgcontentrow{
						 width:850px; 
						 height:220px;
					 }
					 .wqhgcontentrowleft{
						 width:425px; 
						 height:220px; 
						 float:left;
					 }
					 .wqhgcontentrowright{
						 width:415px; 
						 height:220px; 
						 float:right;
						 padding-left:10px;
					 }
					 #zoom{
					      width: auto;
					      height: auto;
					      overflow: hidden;
					 }
					 #zoom img{
					    cursor: pointer;
					    transition: all 0.6s;
					 }
					 #zoom img:hover{
					    transform: scale(1.4);
					 }
					 .di{
						 margin-top:50px; 
						 text-align:center;
					 }
			.home-foc,
			.home-foc .photo {
				width: 100%;
				height: 984px;
				overflow: hidden;
				position: relative;
				z-index: 2;
			}
			
			.home-foc .photo img {
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -960px;
			}
			
			
			
			.animated {
				-webkit-animation-duration: 3s;
				animation-duration: 3s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				position: relative;
				z-index: 1;
			}
			
			.animated.infinite {
				-webkit-animation-iteration-count: 1;
				animation-iteration-count: 1;
			}
			
			
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0
				}
			
				100% {
					opacity: 1
				}
			}
			
			@keyframes fadeIn {
				0% {
					opacity: 0
				}
			
				100% {
					opacity: 1
				}
			}
			
			.fadeIn {
				-webkit-animation-name: fadeIn;
				animation-name: fadeIn
			}
			
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
			
			<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2022-03-30 19:55:48" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->