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

}

.banner{
	width:100%;
	float:left;
	overflow:hidden;

	
	    background-size: cover;
    background-position: center center;
	margin-top:40px;display:table;
	padding:70px 20px 70px 20px;box-sizing:border-box;
	margin-bottom:50px;
	
	}
	.bannerzong{  vertical-align:middle;
  display:table-cell;
  text-align:center;
  
		}
		.banner1{
	width:100%;    color: #222222;
    font-size: 44px;
	float:left;}
	
	.banner2{
	width:100%; 
color: #222222;
  font-size: 20px;
	line-height:35px;
	margin-top:30px;
	float:left;}
	
	.shiping{
		width:100%;
		overflow:hidden;
		text-align:center;
		float:left;}
.shiping p{
	width:100%;
	max-width:990px;
	height:450px;
	
	
	
	display:inline-block;}	
	
	
	
	
	.shiyanzong{
		width:100%;
		float:left; box-sizing:border-box;padding:0px 20px 0px 20px;
		overflow:hidden;
		}
		
			.shiyan{
		width:100%;
		margin:auto;
		max-width:760px;
		margin-top:70px;
		
		overflow:hidden;
		}
		
		
	.shiyan .shiyan1:nth-child(2) .shiyan1-1 {
		float:right;
	padding-right:0px;
	padding-left:20px;
	
		

}
.shiyan .shiyan1:nth-child(2) .shiyan1-1 {
	-webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);}

	.shiyan .shiyan1:nth-child(2) .shiyan1-2 {
	    padding-left: 0px;
		padding-right:10px;
	
		

}


	.shiyan1{
		width:100%;
		float:left;
	
		color:#111;
		}
		
		.shiyan1-1{
			width:50%;
			float:left;
			padding-right:20px; box-sizing:border-box;
		
			}
			
		
				.shiyan1-1 img{
					width:100%;
					display:inline-block;
			
					height:auto;
					}
		
			.shiyan1-2{
			width:50%;
			float:left;	padding-left:10px; box-sizing:border-box;
			padding-top:120px;
			}
			
			.shiyan1-2-1{
				width:100%;
				float:left;
				
				font-size:24px;
			
				margin-bottom:30px;position:relative;
				}
				
					.shiyan1-2-1 p{
				width:30px;
				height:1px;
				display:inline-block;
				position:absolute;
				bottom:-10px;
				left:0px;
				background-color:#111;
				}
				
						.shiyan1-2-2{
				width:100%;
				float:left;
				line-height:35px;
				
				}
				
				.shiyan1-2-2 p{
					margin-bottom:50px;}
	.shiyan2{
		width:100%;
		float:left;
		overflow:hidden;
		}
		
		
		
		.pingzhi{
			width:100%; box-sizing:border-box;padding:0px 20px 0px 20px;
			float:left;
			color:#111;
			
			}
			.pingzhi1{
				width:100%;
				font-size:24px;
				position:relative;
				text-align:center;
				margin-bottom:30px;
				float:left;
				
				}
				
				.pingzhi1 p{
					    display: inline-block;
    height: 1px;
    width: 30px;
    background-color: #222222;
    bottom: -10px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
					}
					
						.pingzhi2{
				width:100%;
				text-align:center;
				float:left;
				line-height:30px;
						
						}
						
						
							.jiancezong{
		width:100%;
		float:left;
		overflow:hidden;
		padding:0px 20px 0px 20px;box-sizing:border-box;
		margin-top:20px;
		
		}
		
			.jiance{
		width:100%;
		margin:auto;
		max-width:1175px;
	
		overflow:hidden;
		
		}
		
			.jiance1{
		width:100%;
		color:#f3960f;
		float:left;}
		
		.jiance1 p{
			display:inline-block;
			float:left;
			width:40px;
			height:40px;box-sizing:border-box;
			line-height:38px;
			font-size:18px;
			font-style:oblique;
			border:#f3960f solid 1px;
			text-align:center;
			
			
			}
			
			.jiance1 span{
			display:inline-block;
			font-size:18px;line-height:39px;
			margin-top:12px;
			margin-left:20px;
			
			float:left;
			
			}
			
				.jiance2{
		
		color:#111;
		margin-top:50px;
		margin-left:-145px;
		
		float:left;}
		
					.jiance2-1{
						width:295px;
						height:280px;
						margin-left:145px;
						float:left;
						
						
						}
						
							.jiance2-1-1{
								width:100%;
								float:left;
								overflow:hidden;
								}
								
									.jiance2-1:hover .jiance2-1-1 img{ -webkit-transform:rotate(5deg) scale(1.15);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:750ms;
  -moz-transform: rotate(5deg) scale(1.15);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:750ms;
    -o-transform: rotate(5deg) scale(1.15);
  -o-transition-timing-function:ease-out;
  -o-transition-duration:750ms;
 -ms-transform: rotate(5deg) scale(1.15);
  -ms-transition-timing-function:ease-out;
  -ms-transition-duration:750ms;
										}
									.jiance2-1-1 img{
										width:100%;
										height:195px;
										 -webkit-transform:scale(1, 1);
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:500ms;
  -moz-transform:scale(1, 1);
  -moz-transition-timing-function:ease-out;
  -moz-transition-duration:500ms;
   -o-transform:scale(1, 1);
  -o-transition-timing-function:ease-out;
  -o-transition-duration:500ms;
   -ms-transform:scale(1, 1);
  -ms-transition-timing-function:ease-out;
  -ms-transition-duration:500ms;
										}
								
								.jiance2-1-2{
									width:100%;
									float:left;
									}
									
										.jiance2-1-2 p{
											width:100%; overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;
											line-height:25px;
									
											margin-top:5px;
											
											
											}
											.jiance2-1-2 span{
											width:100%;
											height:25px; font-family: 'Cambria';
											float:left;overflow: hidden; 
											font-style:oblique;
											line-height:25px;
											
											}
											
											
											
											
											
											.gongyingzong{
		width:100%;
		float:left;
		overflow:hidden;
		padding:0px 20px 0px 20px;box-sizing:border-box;
		margin-top:20px;
		
		}
		
		.gongying{
		width:100%;
		margin:auto;
		max-width:1175px;
	
		overflow:hidden;
		
		}
		
		.gongying1{
		width:100%;
		color:#f3960f;
		float:left;}
		
		.gongying1 p{
			display:inline-block;
			float:left;
			width:40px;
			height:40px;box-sizing:border-box;
			line-height:38px;
			font-size:18px;
			font-style:oblique;
			border:#f3960f solid 1px;
			text-align:center;
			
			
			}
			
			.gongying1 span{
			display:inline-block;
			font-size:18px;line-height:39px;
			margin-top:12px;
			margin-left:20px;
			
			float:left;
			
			}							
											
											
					.gongying2{
		width:100%;
		margin-top:30px;
		

		float:left;}	
		
		.gongying2-1{
			
			width:25%;min-width:170px;
			text-align:center;
			
			height:100px;
			float:left;}
			
				.gongying2-1 img{	width:170px;
			height:100px;
			display:inline-block;
			filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
	
	 transition: 1s all;
    -webkit-transition: 1s all;
    -o-transition: 1s all;
    -moz-transition: 1s all;
    -ms-transition: 1s all;
			
					}
					
					.gongying2-1:hover{filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
						}
						
						
						.zhanshi{
							width:100%;
							overflow:hidden;
							float:left;
							margin-top:120px;
							}
						.zhanshi1{
							width:25%;
							float:left;
						
						}
						
						.zhanshi1 img{
							width:100%;
							height:auto;
							}
		
											
											
											
			
			@media screen and (min-width:320px) and (max-width:399px) {
				
						
		.banner {
			margin-top:0px;}
	.shiping p {
		width:80%;
		height:auto;
		}
					
					
							.shiyan1-1 {
    width: 100%;
	text-align:center;

		padding-right: 0px;
		
		}
		
			.shiyan1-1 img{
				width:100%;
			
			}
			
			.shiyan1-2 {
				width:100%;padding-left: 0px;
				text-align:center;
				padding-top:50px;
				padding-bottom:50px;}
				.shiyan1-2-1 p {
					left:50%;
					margin-left:-15px;}
					
					.shiyan .shiyan1:nth-child(2) .shiyan1-1 {
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);	padding-left: 0px;}
	
	
			.jiance2{
			text-align:center;}
		.jiance2-1 {
			display:inline-block;
			float:none;}
			
			
			.gongying2{
				text-align:center;}
			.gongying2-1 {
				float:none;
				margin-bottom:30px;
				margin-left:10px;
				margin-right:10px;
				display:inline-block;
				}
				.zhanshi {
					margin-top:30px;}
						.zhanshi1 {
				width:100%;}
				
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
					
							
		.banner {
			margin-top:0px;}
				.shiping p {
		width:80%;
		height:auto;
		}


		.shiyan1-1 {
    width: 100%;
	text-align:center;

		padding-right: 0px;
		
		}
		
			.shiyan1-1 img{
				width:80%;
			
			}
			
			.shiyan1-2 {
				width:100%;padding-left: 0px;
				text-align:center;
				padding-top:50px;
				padding-bottom:50px;}
				.shiyan1-2-1 p {
					left:50%;
					margin-left:-15px;}
					
					.shiyan .shiyan1:nth-child(2) .shiyan1-1 {
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
	padding-left: 0px;
	
	}
	
	
			.jiance2{
			text-align:center;}
		.jiance2-1 {
			display:inline-block;
			float:none;}
	
	.gongying2{
				text-align:center;}
			.gongying2-1 {
				float:none;
				margin-bottom:30px;
				margin-left:10px;
				margin-right:10px;
				display:inline-block;
				}
					.zhanshi {
					margin-top:30px;}
				
						.zhanshi1 {
				width:50%;}

			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
			
					
		.banner {
			margin-top:0px;}
		
	.shiping p {
		width:80%;
		height:auto;
		}
		
		
				.shiyan1-1 {
    width: 100%;
	text-align:center;

		padding-right: 0px;
		
		}
		
			.shiyan1-1 img{
				width:50%;
			
			}
			
			.shiyan1-2 {
				width:100%;padding-left: 0px;
				text-align:center;
				padding-top:50px;
				padding-bottom:50px;}
				.shiyan1-2-1 p {
					left:50%;
					margin-left:-15px;}
					
					.shiyan .shiyan1:nth-child(2) .shiyan1-1 {
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);}
	
			.jiance2{
			text-align:center;}
		.jiance2-1 {
			display:inline-block;
			float:none;}
			
			.gongying2{
				text-align:center;}
			.gongying2-1 {
				float:none;
				margin-bottom:30px;
				margin-left:10px;
				margin-right:10px;
				display:inline-block;
				}
					.zhanshi {
					margin-top:30px;}
				
						.zhanshi1 {
				width:50%;}
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			
					
		.banner {
			margin-top:0px;}
				.shiping p {
		width:60%;
		height:auto;
		}
		
		
		
		.shiyan1-1 {
    width: 100%;
	text-align:center;

		padding-right: 0px;
		
		}
		
			.shiyan1-1 img{
				width:50%;
			
			}
			
			.shiyan1-2 {
				width:100%;padding-left: 0px;
				text-align:center;
				padding-top:50px;
				padding-bottom:50px;}
				.shiyan1-2-1 p {
					left:50%;
					margin-left:-15px;}
					
					.shiyan .shiyan1:nth-child(2) .shiyan1-1 {
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);}
	
			.jiance2{
			text-align:center;}
		.jiance2-1 {
			display:inline-block;
			float:none;}
			
			.gongying2{
				text-align:center;}
			.gongying2-1 {
				float:none;
				margin-bottom:30px;
				margin-left:10px;
				margin-right:10px;
				display:inline-block;
				}
				
						.zhanshi1 {
				width:50%;}
		}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
			
					
		.banner {
			margin-top:0px;}

				.shiping p {
		width:60%;
		height:auto;
		}
		
				.jiance2{
			text-align:center;}
		.jiance2-1 {
			display:inline-block;
			float:none;}
			
			
			.zhanshi1 {
				width:50%;}
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
			
					
		.banner {
			margin-top:0px;}
	.shiping p {
		width:60%;
		height:auto;
		}
					
					
							.jiance2{
			text-align:center;}
		.jiance2-1 {
			display:inline-block;
			float:none;}
			
			}

	@media screen and (min-width: 1200px)and (max-width:1279px){
		
				
		.banner {
			margin-top:0px;}
		
		.jiance2{
			text-align:center;}
		.jiance2-1 {
			display:inline-block;
			float:none;}
		
					
				}
				
				
					@media screen and (min-width: 1280px)and (max-width:1400px){
						
					
				}