@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;
	padding:50px 20px 50px 20px;box-sizing:border-box;
	
	}
	
	
	.banner1{
	width:100%;
	font-size:44px;
	font-weight:bold;
	text-align:center;
	margin-top:100px;
	color:#928c83;
	
	float:left;}
	
		.banner2{
			text-align:center;
			line-height:30px;
			color:#928c83;
			font-size:16px;
			margin-top:30px;
	width:100%;
	float:left;
		
		}
		
		.banner3{
			margin-top:30px;
				width:100%;
	float:left;
			}
			
			.banner3-1{
				max-width:980px;
				margin:auto;
				overflow:hidden;
				width:100%;
				
				}
				
				
				.xuanzhe{
					width:100%;
					position:relative;
					float:left;
					
					}
					
					/* RADIO */

.regular-radio {
	display: none;
}
.regular-radio + label {
	-webkit-appearance: none;
	background:none;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-6px;

	
	
	border: 1px solid #a39d95;

	padding:5px;
	border-radius: 50%;
	display: inline-block;

}
.regular-radio:checked + label:after {
	content: ' ';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	background:#a39d95;

	left: 0px;

}
.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

			/* RADIO */
			
			
			
			
							/* RADIO */

.regular {
	display: none;
}
.regular + label {
	-webkit-appearance: none;
	background:none;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-6px;

	
	
	border: 1px solid #a39d95;

	padding:5px;
	border-radius: 50%;
	display: inline-block;

}
.regular:checked + label:after {
	content: ' ';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	background:#a39d95;

	left: 0px;

}
.regular:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular + label:active, .regular:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

			/* RADIO */
		
						.xuanzhe1{
							width:90px;
							color:#928c83;
							font-size:16px;
							font-weight:bold;
							line-height:45px;
							position:absolute;
							left:0px;
							top:0px;
							
							float:left;
							}
							
							
							
							
							
							.xuanzhe1-1zong{
								display:inline-block;
								float:left;
								overflow:hidden;
								position:relative;
								padding-left:90px;box-sizing:border-box;
								
								
							
								
								}
							.xuanzhe1-1{
								display:inline-block;
								float:left;
								position:relative;
								padding-left:25px;
								margin-right:20px;
								margin-bottom:10px;
								height:45px;line-height: 45px;
							}
							
								.xuanzhe1-1 img{
									display:inline-block;
									width:125px;
									height:45px;}
									
									
									
									
									
										.leixing{
					width:100%;
					position:relative;
					float:left;
					
					}
					
					
					
					
							.leixing1{
							width:90px;
							color:#928c83;
							font-size:16px;
							font-weight:bold;
							line-height:45px;
							position:absolute;
							left:0px;
							top:0px;
							
							float:left;
							}
							
							
							
							
							
							.leixing1-1zong{
								display:inline-block;
								float:left;
								overflow:hidden;
								position:relative;
								padding-left:90px;box-sizing:border-box;
								
								
							
								
								}
							.leixing1-1{
								display:inline-block;
								float:left;
								position:relative;
								padding-left:25px;
								margin-right:20px;
								margin-bottom:10px;
								line-height:45px;
								color:#111111;
								height:45px;
							}
							
								.leixing1-1 img{
									display:inline-block;
									width:125px;
									height:45px;}
									
							
							
							
							
								/* 产品部分代码开始*/
		
		.chanping{
			width:100%;
			float:left;
			overflow:hidden;
			padding:20px 0px 20px 0px;
			margin-top:-20px;
			margin-bottom:60px;
			}
			
			
					.chanping1{
			width:20%;
			float:left;
			position:relative;
			
			}
			
			.chanping1 a{
				display:inline-block;
				width:100%;
				height:100%;
				}
			
				.chanping1 img{
					display:block;
					width:100%;
					height:auto;}
						.chanping1:hover .chanping1-1{
							  opacity: 1;
							}
				
				
					.chanping1-1{
						display:block;
						width:100%;
						height:100%;		position:absolute;
						z-index:1;
						left:0px;
						top:0px;    opacity: 0.00;
						
						
						    border: 7px solid #FFFFFF;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
					box-sizing:border-box;
					box-shadow:0 0 20px #212121;
						}
						
							.chanping1-1 img{
								display:inline-block;
						
								width:100%;
								height:100%;
								}
								
								.chanping1-1-1{
									position:absolute;
									
									width:100%;
									line-height:45px;
									left:10px;
									overflow:hidden;
									height:45px;
									
									right:10px;
								
									bottom:0px;
									z-index:1;
									}
									
									.chanping1-1-1 p{
										display:inline-block;
										font-size:24px;
										color:#fff;
										float:left;
										font-weight:bold;
										}
										
												.chanping1-1-1 i{
										display:inline-block;
										font-size:24px;
										font-style:normal;
										margin-left:10px;
										margin-right:10px;
										
										color:#fff;
										float:left;
										font-weight:bold;
										}
										
												.chanping1-1-1 span{
										display:inline-block;
										font-size:18px;
										color:#fff;
										float:left;
										font-weight:bold;
										}

@media screen and (min-width:320px) and (max-width:399px) {
	
				
						
						
								
		.banner {
			margin-top:0px;}
						.banner1 {
							margin-top:0px;}
								.xuanzhe {
							overflow:auto;}
							
							.xuanzhe1 {
								position:relative;}
						.xuanzhe1-1zong {
							width:680px;
							padding-left:0px;
							}
							
							
							
									.leixing {
							overflow:auto;}
							
							.leixing1 {
								position:relative;}
						.leixing1-1zong {
							width:680px;
							padding-left:0px;
							}
							
							
							
									.chanping1 {
						width:100%;}	
	
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
				
		
		.banner {
			margin-top:0px;}
						
										
						.banner1 {
							margin-top:0px;}
						.xuanzhe {
							overflow:auto;}
							
							.xuanzhe1 {
								position:relative;}
						.xuanzhe1-1zong {
							width:680px;
							padding-left:0px;
							}
							
							
							
									.leixing {
							overflow:auto;}
							
							.leixing1 {
								position:relative;}
						.leixing1-1zong {
							width:680px;
							padding-left:0px;
							}
							
								.chanping1 {
						width:50%;}
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
			
					
		.banner {
			margin-top:0px;}
							.banner1 {
							margin-top:0px;}
						.xuanzhe {
							overflow:auto;}
							
							.xuanzhe1 {
								position:relative;}
						.xuanzhe1-1zong {
							width:680px;
							padding-left:0px;
							}
							
							
							
									.leixing {
							overflow:auto;}
							
							.leixing1 {
								position:relative;}
						.leixing1-1zong {
							width:680px;
							padding-left:0px;
							}
							
							
							
			.chanping1 {
						width:50%;}

			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
					
		.banner {
			margin-top:0px;}
	.chanping1 {
						width:33.33333333%;}
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){

					
		.banner {
			margin-top:0px;}
						.chanping1 {
						width:33.33333333%;}
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
			
		.banner {
			margin-top:0px;}
						.chanping1 {
						width:25%;}
			
			}

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