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

}
.banner{
	width:100%;
	float:left;
	height:460px;
	overflow:hidden;
	
	    background-size: cover;
    background-position: center center;
	margin-top:40px;
	
	}
	
	.banner1{
	width:100%;
	float:left;
	text-align:center;
	color:#383131;
	font-size:44px;
	font-weight:bold;
	margin-top:140px;
	
	}
	
		.banner2{
	width:100%;
	float:left;
	color:#333333;
	font-weight:bold;
	line-height:30px;
	margin-top:30px;
	padding:0px 20px 0px 20px;box-sizing:border-box;
	text-align:center;
		
		}
		
		.banner2 i{
			font-style:normal;
			color:#f3960f;}
			
			.lianxizong{
				width:100%;
				float:left;
				}
			
			.lianxi{
				width:100%;
				max-width:1280px;
				padding:0px 20px 0px 20px;
				overflow:hidden;
				margin:auto;box-sizing:border-box;
				}
				
				
					.lianxi1{
		float:left;
		color:#1a1a1a;
		font-size:24px;
		font-weight:bold;
		margin-top:35px;
		height:50px;

		border-bottom:#d6d7d6  solid 1px;

		margin-bottom:40px;
		width:100%;
	
		}
		
			.lianxi1 p{
				display:inline-block;
				line-height:47px;
				border-bottom:#f3960f solid 5px;
				
				}
				
				
						.lianxi2{
							width:100%;
		float:left;
		
		}
		
		
		
			.lianxi2 .lianxi2-1:nth-child(odd)
{
	padding-right:20px;
}

.lianxi2 .lianxi2-1:nth-child(even)
{
padding-left:20px;
}
		
		.lianxi2-1{
			width:50%;
			
			float:left;
			margin-bottom:40px;
			display:inline-block;	 box-sizing:border-box;
			}
			
			
			.lianxi2-1-1{
				display:inline-block;
			
				float:left;
			}
			
				.lianxi2-1-1 img{
					display:block;
					width:240px;
					height:175px;
					border-radius:15px;
					
					
					filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
					
					}
			
				.lianxi2-1-2{
				display:inline-block;
			
				float:left;
				width:250px;
				margin-left:40px;
				margin-right:10px;
				overflow:hidden;
			}
			
			.lianxi2-1-2-1{
				color:#f3960f;
				font-size:16px;
				font-weight:bold;
				text-align:left;
				margin-top:25px;}
				
				
				.lianxi2-1-2-2{
					margin-top:20px;
				
					
					float:left;}
						.lianxi2-1-2-2 p{
							display:inline-block;
							line-height:25px;
							color:#444444;
							text-align:left;
							float:left;
							}
			
				.lianxi2-1-3{
				display:inline-block;
			
				float:left;
			}
			
			.lianxi2-1-3 p{
				background-image:url(../images/didian.svg);
				background-repeat:no-repeat;
				background-size:10px 12px;
				
				border:#a8a8a8 solid 1px;
				display:inline-block;
				font-size:12px;
				
				border-radius:10px;
				margin-top:47px;
				background-position:5px center;transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;}
				
				.lianxi2-1-3 p a{
					width:100%;
					height:100%;
					display:inline-block;padding-left:20px;
				padding-right:5px;
				font-size:12px;
				height:18px;
				line-height:18px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#444444;
				 box-sizing:border-box;
					}
					
					.lianxi2-1-3 p a:hover{
						color:#f3960f;
						
						}
						
							.lianxi2-1-3 p:hover{border:#f3960f solid 1px;}
							
							
									.lianxi3{
										width:100%;
										text-align:center;
										height:1px;
										float:left;
										margin-top:60px;
										margin-bottom:20px;
										
		
		}
		
		.lianxi3 p{
			display:inline-block;
			width:80%;
			height:1px;
			background-color:#d6d7d6;}
	
@media screen and (min-width:320px) and (max-width:399px) {
	
			
		.banner {
			margin-top:0px;}
	
				.lianxi2 {
    text-align: center;
}
		.lianxi2-1 {
    width:100%;
	
    float: none;
	margin-bottom:0px;
}

.lianxi2-1-1 {
	display:none;}
					.lianxi2 .lianxi2-1:nth-child(2n+1) {
    padding-right: 0px;
}

.lianxi2 .lianxi2-1:nth-child(2n) {
    padding-left: 0px;
}
.lianxi2-1-2 {
	margin-left:0px;
	margin-right:0px;
	float:none;}
.lianxi2-1-3 {
	display:none;}							
	
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
					
							
		.banner {
			margin-top:0px;}
				
	.lianxi2 {
    text-align: center;
}
		.lianxi2-1 {
    width:100%;
	
    float: none;
	margin-bottom:0px;
}

.lianxi2-1-1 {
	display:none;}
					.lianxi2 .lianxi2-1:nth-child(2n+1) {
    padding-right: 0px;
}

.lianxi2 .lianxi2-1:nth-child(2n) {
    padding-left: 0px;
}
.lianxi2-1-2 {
	margin-left:0px;
	margin-right:0px;
	float:none;}
.lianxi2-1-3 {
	display:none;}
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
			
					
		.banner {
			margin-top:0px;}
		
	.lianxi2 {
    text-align: center;
}
		.lianxi2-1 {
    width:100%;
	
    float: none;
	margin-bottom:0px;
}

.lianxi2-1-1 {
	display:none;}
					.lianxi2 .lianxi2-1:nth-child(2n+1) {
    padding-right: 0px;
}

.lianxi2 .lianxi2-1:nth-child(2n) {
    padding-left: 0px;
}
.lianxi2-1-2 {
	margin-left:0px;
	margin-right:0px;
	float:none;}
.lianxi2-1-3 {
	display:none;}
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			
					
		.banner {
			margin-top:0px;}
			
	.lianxi2 {
    text-align: center;
}
		.lianxi2-1 {
    width: 600px;
    float: none;
}
					.lianxi2 .lianxi2-1:nth-child(2n+1) {
    padding-right: 0px;
}

.lianxi2 .lianxi2-1:nth-child(2n) {
    padding-left: 0px;
}
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
			
					
		.banner {
			margin-top:0px;}

				.lianxi2 {
    text-align: center;
}
		.lianxi2-1 {
    width: 600px;
    float: none;
}
					.lianxi2 .lianxi2-1:nth-child(2n+1) {
    padding-right: 0px;
}

.lianxi2 .lianxi2-1:nth-child(2n) {
    padding-left: 0px;
}
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
					
		.banner {
			margin-top:0px;}
	
					.lianxi2 {
    text-align: center;
}
		.lianxi2-1 {
    width: 600px;
    float: none;
}
					.lianxi2 .lianxi2-1:nth-child(2n+1) {
    padding-right: 0px;
}

.lianxi2 .lianxi2-1:nth-child(2n) {
    padding-left: 0px;
}	
			
			}

	@media screen and (min-width: 1200px)and (max-width:1279px){
		
				
		.banner {
			margin-top:0px;}
		.lianxi2 {
    text-align: center;
}
		.lianxi2-1 {
    width: 600px;
    float: none;
}
					.lianxi2 .lianxi2-1:nth-child(2n+1) {
    padding-right: 0px;
}

.lianxi2 .lianxi2-1:nth-child(2n) {
    padding-left: 0px;
}
				}
				
				
					@media screen and (min-width: 1280px)and (max-width:1400px){
						
					
				}