@charset "utf-8";
/* CSS Document */

									body{
										background:none!important;    background-color: #f2f3f2!important;
										}	
										
											/* 头部代码开始 */
											.top{
												width:100%;
												float:left;
												background-image:url(../images/0120-00.png);
												background-position:center;
												padding:0px 20px 100px 20px;box-sizing:border-box;
											
												    background-size: cover;
												
												}
												
												
													.top1{
														
															width:100%;
															text-align:center;
															margin-top:280px;
												float:left;
												overflow:hidden;
														}
														
														.top1 img {
															display:inline-block;
															max-width:100%;
															height:auto;
															
															
														
													
													}	
														.top2{		
															width:100%;
												float:left;
												overflow:hidden;
												
														}
														
	.top2-1{		
	width:100%;
float:left;
text-align:center;

font-size:24px;  text-transform:uppercase;
margin-top:50px;
margin-bottom:30px;
	}
	
		.top2-2{		
	width:100%;
float:left;
font-family:"微软雅黑";


  font-size:16px;
  text-transform:uppercase;
  text-align:center;
	}
											
												/* 头部代码结束 */
												
/* 视觉代码开始 */

.shijuezong{
	width:100%;
	float:left;

	
	
	
	
	
	}
.shijue{
	width:100%;
	float:left;
	position:relative;
	
	
	}
	
	.jieshao{
		position:absolute; 
	    width:38%;
		
    height: 80%;
	z-index:5;


	
top: 23%;
	left:8%;
		}
	
	
		.jieshao1{
			width:100%;
			color:#888888;  font-family: "Aparajita";
			    font-size: 24px;
			font-weight:bold;
			
			line-height:50px;padding-left:5%; box-sizing:border-box;
			
			float:left;
			}
			
			
					.jieshao2{
			width:100%;
			float:left;      font-size: 40px;
    line-height: 55px;
			text-transform:uppercase;
			color:#000000;
			
			margin-top:20px;
		
			font-weight:bold;
				}
				.jieshao2 p{
					display:inline-block;
					width:100%;
					float:left;
					padding-left:5%; box-sizing:border-box;
					}
				
				
					.jieshao2 span{
					display:inline-block;
					width:100%;
					float:left;
				    padding-right: 25%;box-sizing:border-box;
					text-align:right;
					}	
			
			
			
					.jieshao3{
			width:100%;
			float:left;  
			text-transform:uppercase;
			    font-size: 20px;
			font-weight:bold;
			color:#888888;
			margin-top:30px;
			line-height:30px;
			padding-left:5%; box-sizing:border-box;
			
					
					}
					
					.jieshao4 {
						display:inline-block;
						width:100%;
						margin-top:40px;
						padding-left:5%; box-sizing:border-box;
						float:left;}
						
							.jieshao4 p{
								display:inline-block;
								float:left;
								width:185px;
								height:60px;}
								
									.jieshao4 p a{
										display:inline-block;
										height:100%;
										color:#000;
										font-size:16px;
										border:1px solid #333333;
										border-radius:40px;
										line-height:58px;
										font-family:Arial, Helvetica, sans-serif;
										 box-sizing:border-box;
										text-transform:uppercase;
										text-align:center;
									
										
										width:100%;
										
										}
										
										.jieshao4 p a:hover{
											background-color:#333;
											color:#fff;
											}
			
			
			
			
			
			
			
	.shijue1{	position:absolute; 
	    width:38%;
		
        height: 80%;
	z-index:2;

	background-color:rgba(222,222,222,0.64);
	top:13%;
	left:5%;
	
		}
		
	
			
	
		
			
	.shijue2{
		
	    width:60%;
			z-index:1;
    height: 80%;
	position:absolute;
	
	background-position:center;    background-size: cover;
	top:13%;
	right:5%;
 
		
		}
		
		.shijue2 img{
			width:100%;
			height:100%;
			
			
			float:left;
			}
	/* 视觉代码结束 */



	/*瀑布流代码开始 */
	.pubu{
		width:100%;
		float:left;
		overflow:hidden;
	
		
		
		}
		
		
		.pubu1{
		width:100%;
		max-width:1580px;
		margin:auto;
		overflow:hidden;
		position:relative;
		
	
		
		}
		
		
			.pubu2{
		width:100%;
		text-align:center;
		margin-top:90px;
		float:left;}
		
			.pubu2 p{
								display:inline-block;
							
								width:185px;
								height:60px;}
								
									.pubu2 p a{
										display:inline-block;
										height:100%;
										color:#000;
										font-family:Arial, Helvetica, sans-serif;
										font-size:16px;
										border:1px solid #333333;
										border-radius:40px;
										line-height:58px;
										 box-sizing:border-box;
										 
										   
									
										text-align:center;
									
										
										width:100%;
										
										}
										
											.pubu2 p a i{
												font-style:normal;
												display:inline-block;}
												
													.pubu2 p a em{display:inline-block;
													margin-top:15px;
													display:none;
												
												font-style:normal;
												}
										
										
											.pubu2 p a:hover{
											background-color:#333;
											color:#fff;
											}
											
											.huanchong{
												}
												
												.huanchong em{
													display:block!important;
													}
												
													.huanchong i{
														display:none!important;
														}
														.huanchong a{background-color:#333;
															}
													
	
			/*瀑布流代码结束 */
			
			
			
		
			
			
				
					
					
					@media screen and (min-width:320px) and (max-width:399px) {
						
						.top1 {
    margin-top: 100px;
}


.shijue1 {
	display:none;}
	
	.shijue2 {width: 90%;top: 0%;
		
		}
		
		.jieshao {width: 84%;left: 8%;    top: 13%;
			}
			.jieshao2 {
				font-size:20px;
				line-height: 40px;
				}
			.jieshao3{
				display:none;}
				
				.jieshao4 p {width: 140px;
height: 40px;
					}
					
						.jieshao4 p a {
						line-height:40px; background-color:#333;
						color:#fff;}
	
									/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:20px;}
				/*瀑布流代码结束 */
			
					/*底部代码开始 */.dibu{
					margin-top:50px;
					}
				
					/*底部代码结束 */
					
		
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
					
					.top1 {
    margin-top: 100px;
}




.shijue1 {
	display:none;}
	
	.shijue2 {width: 90%;top: 0%;
		
		}
		
		.jieshao {width: 84%;left: 8%;top: 13%;
			}
			.jieshao2 {
				font-size:25px;
				line-height: 40px;
				}
				
				

			.jieshao3{
				display:none;}
				
				.jieshao4 p {width: 140px;
height: 40px;
					}
					
					.jieshao4 p a {
						line-height:40px; background-color:#333;
						color:#fff;}







	/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:30px;}
				/*瀑布流代码结束 */
			
					/*底部代码开始 */.dibu{
					margin-top:50px;
					}
				
					/*底部代码结束 */
					
						
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
			
			.top1 {
    margin-top: 100px;
}





.shijue1 {
	display:none;}
	
	.shijue2 {width: 90%;top: 0%;
		
		}
		
		.jieshao {width: 84%;left: 8%;top: 13%;
			}
			.jieshao2 {
				font-size:35px;
				line-height: 40px;
				}
			.jieshao3{
				display:none;}
				
				.jieshao4 p {width: 140px;
height: 40px;
					}
					
						.jieshao4 p a {
						line-height:40px; background-color:#333;
						color:#fff;}



			/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:50px;}
				/*瀑布流代码结束 */
			
					/*底部代码开始 */.dibu{
					margin-top:50px;
					}
				
					/*底部代码结束 */
					
					
			
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			
			.top1 {
    margin-top: 100px;
}




.shijue1 {
	display:none;}
	
	.shijue2 {width: 90%;top: 0%;
		
		}
		
		.jieshao {width: 84%;left: 8%;top: 13%;
			}


			.jieshao2 {
			font-size:35px;
				line-height: 40px;
				}
			.jieshao3{
				display:none;}
				
				.jieshao4 p {width: 140px;
height: 40px;
					}
					
						.jieshao4 p a {
						line-height:40px; background-color:#333;
						color:#fff;}
			/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:50px;}
				/*瀑布流代码结束 */
			
					/*底部代码开始 */.dibu{
					margin-top:50px;
					}
				
					/*底部代码结束 */
					
					
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
			.top1 {
				margin-top:100px;}
				
				
				
				
				
				.shijue1 {
	display:none;}
	
	.shijue2 {width: 90%;top: 0%;
		
		}
		
		.jieshao {width: 84%;left: 8%;top: 13%;
			}
			.jieshao2 {
				font-size:35px;
				line-height: 50px;
				}
			.jieshao3{
			}
				
				.jieshao4 p {width: 140px;
height: 40px;
					}
					
						.jieshao4 p a {
						line-height:40px; background-color:#333;
						color:#fff;}
				
				
			
				/*底部代码开始 */.dibu{
					margin-top:100px;
					}
				
					/*底部代码结束 */
					.biaodan {
						margin-bottom:80px;
						margin-top:0px;}
					
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
		.shijue1 {
	display:none;}
	
	.shijue2 {width: 90%;top: 0%;
		
		}
		
		.jieshao {width: 84%;left: 8%;top: 13%;
			}
			.jieshao2 {
				font-size:40px;
				line-height: 50px;
				}
			.jieshao3{
			}
				
				.jieshao4 p {width: 140px;
height: 40px;
					}
					
						.jieshao4 p a {
						line-height:40px; background-color:#333;
						color:#fff;}
				
						
			
			}

	@media screen and (min-width: 1200px)and (max-width:1400px){
				}
	
				