@charset "utf-8";
/* CSS Document */
.top{
	width:100%;
	float:left;

}
.banner{
	width:100%;
	float:left;
	height:260px;

	    background-size: cover;
    background-position: center center;
	margin-top:40px;
	
	}
	
	.banner1{
	width:100%;
	float:left;
	color:#fff;
	text-align:center;
	font-size:44px;
	font-weight:bold;
		line-height:60px;
		margin-top:100px;
	
	
	}


	.shijianzong{
	width:100%;
	float:left;
	overflow:hidden;
	
	}
	
		.shijian{
	width:100%;

	max-width:980px;
	margin:auto;
	overflow:hidden;
	padding:100px 20px 100px 20px; box-sizing:border-box;
	
	}
	
		.shijian1{
	width:100%;
	float:left;
	overflow:hidden;
	
		}
.zongyi{
	width:100%;
	overflow:hidden;
	

	float:left;
	
	
	}
	
	.zongyi:hover .zongyi1 img{				    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
		
		}
	
	
	.zongyi1{
		float:left;
		width:520px;
		height:260px;
		
		}
		
			.zongyi1 img{
				width:100%;
				height:auto;
				
				    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
				}
				
				
				
				
					.zongyi2{
		float:left;
		width:370px;
		height:260px;
		margin-left:50px;
		position:relative;
		
		}
		
		
				.zongyi2-1{
		float:left;
		font-size:50px;
		color:#000000;
		font-weight:bold;
		width:100%;
		overflow:hidden;
		line-height:60px;
		position:relative;
		
			-webkit-transform:translateX(-80px);
	transform:translateX(-80px);
	-moz-transform:translateX(-80px);
	-ms-transform:translateX(-80px);
		}
		
			.zongyi2-1 p{
				display:inline-block;
				position:absolute;
				width:40px;
				height:2px;
				background-color:#000;
				left:5px;
				bottom:0px;
				
				
				
				}
		
			.zongyi2-2{
		float:left;
		width:100%;
		font-size:23px;
		color:#000;
		font-weight:bold;
		margin-top:20px;
			
			}
				.zongyi2-3{
		float:left;
		width:100%;
		line-height:25px;
		height:100px;
		overflow:hidden;
		margin-top:10px;
		font-size:14px;
		color:#1f1f1f;
	
			
			}
			
			
			
			
					.shijian2{
	width:100%;
	float:left;
	overflow:hidden;
	
		}
		
		
		
		
						
					.shijian2zong .shijian2:nth-child(odd) .zhanshi1{
    float: right;

}

				.shijian2zong .shijian2:nth-child(odd) .zhanshi2{
					margin-left:0px;
					margin-right:50px;


}

		.shijian2zong .shijian2:nth-child(odd) .zhanshi2-1{
			    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    -moz-transform: translateX(80px);
    -ms-transform: translateX(80px);
	text-align:right;


}

		.shijian2zong .shijian2:nth-child(odd) .zhanshi2-1 span{
			right:0px;
			left:auto;
		}
		
		
		.shijian2zong .shijian2:nth-child(even) .liebiao2 p{
			-webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
	float:right;
	
    transform-origin: right top;
    right: 48%;
	left:auto;
	
			
			}
			
			.shijian2zong .shijian2:nth-child(even) .liebiao2-1{
				text-align:right;}
					
		
		
		
		
		
		
		
		
		
	
			
				.liebiao2 p{
					display:inline-block;
					width:0px;
					float:left;
					height:1px;
					left:48%;
					position:relative;
					
					border-bottom:#999999 dashed 2px;
					
-webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
	
	transform-origin:left top;} 

				
					
	
					
					
					
					
		.liebiao2{
			width:100%;
			overflow:hidden;
			min-height:210px;
			float:left;
			
			}
			
				.liebiao2-1{
			width:100%;
			float:left;
			min-height:210px;
				}
					
					
					
					
					.zhanshi{
	width:100%;
	overflow:hidden;
	

	float:left;
	
	
	}
	
	.zhanshi:hover .zhanshi1 img{				    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
		
		}
	
	
	.zhanshi1{
		float:left;
		width:520px;
		height:260px;
		
		}
		
			.zhanshi1 img{
				width:100%;
				height:auto;
				
				    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
				}
				
				
				
				
					.zhanshi2{
		float:left;
		width:370px;
		height:260px;
		margin-left:50px;
		position:relative;
		
		}
		
		
				.zhanshi2-1{
		float:left;
		font-size:50px;
		color:#000000;
		font-weight:bold;
		width:100%;
		overflow:hidden;
		line-height:40px;
		font-style:italic;
		position:relative;  font-family: "Aparajita";
		
			-webkit-transform:translateX(-80px);
	transform:translateX(-80px);
	-moz-transform:translateX(-80px);
	-ms-transform:translateX(-80px);
		}
		
			.zhanshi2-1 span{
				display:inline-block;
				position:absolute;
				width:40px;
				height:2px;
				background-color:#000;
				left:0px;
				bottom:0px;
				
				
				
				}
		
			.zhanshi2-2{
		float:left;
		width:100%;
		font-size:23px;
		color:#000;
		font-weight:bold;
		margin-top:20px;
			
			}
				.zhanshi2-3{
		float:left;
		width:100%;
		line-height:25px;
		height:100px;
		overflow:hidden;
		margin-top:10px;
		font-size:14px;
		color:#1f1f1f;
	
			
			}
			
@media screen and (min-width:320px) and (max-width:399px) {
	
								
		.banner {
			margin-top:0px;}	
			
			
						.liebiao2 p {
			left:20%;}
			
			
			.zongyi1 {
				width:100%;
				height:auto;}
				
				.zhanshi1 {
					width:100%;
					height:auto;}
					.zongyi2 {
				width:100%;
				margin-left:0px;
				margin-top:20px;
				height:auto;
				
				}
			
			
			.zongyi2-1 {
				
				-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
				}
				
				.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 {
					-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
text-align:left;
					}
					
						.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 span {
							right:0px;
							left:0px;
							
							
					
					}
					.shijian2zong .shijian2:nth-child(2n) .liebiao2 p {
						right:20%;}
					.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2 {
						margin-right:0px;
						margin-top:20px;}
			
				.zhanshi2 {
					width:100%;
					height:auto;
					margin-left:0px;
					margin-top:20px;}
					
					.zhanshi2-1 {-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
						}
			
	
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
				
		
		.banner {
			margin-top:0px;}
			
			
						.liebiao2 p {
			left:20%;}
			
				.zhanshi1 {
					width:100%;
					height:auto;}
			.zongyi1 {
				width:100%;height:auto;}
					.zongyi2 {
				width:100%;
				margin-left:0px;
				margin-top:20px;
				height:auto;
				
				}
			
			
			.zongyi2-1 {
				
				-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
				}
				.shijian2zong .shijian2:nth-child(2n) .liebiao2 p {
						right:20%;}
				.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 {
					-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
text-align:left;
					}
					
						.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 span {
							right:0px;
							left:0px;
							
							
					
					}
					
					.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2 {
						margin-right:0px;
						margin-top:20px;}
			
				.zhanshi2 {
					width:100%;
					height:auto;
					margin-left:0px;
					margin-top:20px;}
					
					.zhanshi2-1 {-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
						}
			
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
		
	
		.banner {
			margin-top:0px;}
			
			
				.liebiao2 p {
			left:20%;}
			
			.zongyi1 {
				width:100%;height:auto;}
			
					.zongyi2 {
				width:100%;
				margin-left:0px;
				margin-top:20px;
				height:auto;
				
				}
			
			
			.zongyi2-1 {
				
				-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
				}
				
				.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 {
					-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
text-align:left;
					}
					
						.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 span {
							right:0px;
							left:0px;
							
							
					
					}
					
					.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2 {
						margin-right:0px;
						margin-top:20px;}
			
				.zhanshi2 {
					width:100%;
					height:auto;
					margin-left:0px;
					margin-top:20px;}
					
					.zhanshi2-1 {-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
						}
			
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			
		
		.banner {
			margin-top:0px;}
			
			
			
			
			
			
			
			.zongyi2 {
				width:100%;
				margin-left:0px;
				margin-top:20px;
				height:auto;
				
				}
			
			
			.zongyi2-1 {
				
				-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
				}
				
				.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 {
					-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
text-align:left;
					}
					
						.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 span {
							right:0px;
							left:0px;
							
							
					
					}
					
					.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2 {
						margin-right:0px;
						margin-top:20px;}
			
				.zhanshi2 {
					width:100%;
					height:auto;
					margin-left:0px;
					margin-top:20px;}
					
					.zhanshi2-1 {-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
						}
			
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
		
		.banner {
			margin-top:0px;}
			
			
			.zongyi2 {
				width:100%;
				margin-left:0px;
				margin-top:20px;
				height:auto;
				
				}
			
			
			.zongyi2-1 {
				
				-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
				}
				
				.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 {
					-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
text-align:left;
					}
					
						.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2-1 span {
							right:0px;
							left:0px;
							
							
					
					}
					
					.shijian2zong .shijian2:nth-child(2n+1) .zhanshi2 {
						margin-right:0px;
						margin-top:20px;}
			
				.zhanshi2 {
					width:100%;
					height:auto;
					margin-left:0px;
					margin-top:20px;}
					
					.zhanshi2-1 {-webkit-transform: translateX(0px);
transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
						}
			
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
			
		.banner {
			margin-top:0px;}
					
			
			}

	@media screen and (min-width: 1200px)and (max-width:1279px){
				
		.banner {
			margin-top:0px;}
					
				}
				
				
					@media screen and (min-width: 1280px)and (max-width:1400px){
						
					
				}