@charset "utf-8";
/* CSS Document */

body{
	background-color:#f1f1f1;}
		.banner{
			
			    background-position: center;
    background-size: cover;
	height:230px;
	position:relative;
	width:100%;
			}	
			
			
				.banner1{
					width:100%;
					position:relative;
				
					height:100%;
					
					margin:auto;
					max-width:1060px;padding:0px 20px 0px 20px;
							line-height:30px;
							z-index:2;box-sizing:border-box;
							
					
					
					
					}
					
					.banner1-1{
						position:absolute;box-sizing:border-box;
						left:0px;padding:0px 20px 0px 20px;
						width:100%;
						font-size:16px;
						bottom:20px;
						
						
						
						
						}
						
						.banner1-1 a{
							color:#333;
							}
							
								.banner1-1 a:hover{
								
							color:#326eb7;
							}
						
						
						.neirong{
							
										width:100%;
										overflow:hidden;
				
			
					
					margin:auto;
					max-width:1060px;padding:50px 20px 0px 20px;
						
							box-sizing:border-box;
							}
							
							
								.neirong1{
									width:100%;
									float:left;
									position:relative;
									
									font-size:64px;
									
									color:#c9c7c2;
								
									}
									
									
									.neirong1 span{
										display:inline-block;
										position:absolute;
										bottom:6px;
										font-size:24px;
										left:25px;
										color:#444;
										
										
										}
										.neirong2{
											width:100%;
											margin-top:25px;
											float:left;
											overflow:hidden;}
										
													.neirong2 a{
													width:190px;
													height:35px;
													line-height:35px;
													font-weight:bold;
													text-align:center;
													float:left;
													margin-right:10px;
													margin-bottom:15px;
													border-radius:5px;
												
								
													}
												 .neirong2 a.hvr-shutter-out-vertical:before {border-radius:5px;
													 }
												
						
						
							.neirong3{
											width:100%;
											margin-top:25px;
											float:left;
											margin-bottom:100px;
											overflow:hidden;}
											
											
									.neirong3-1{
										float:left;
										    width: 50%;
										font-size:20px;
										margin-bottom:60px;
										font-weight:bold;
										
										
										}	
											
											
										.neirong3-2{
											width:100%;
											float:left;
											overflow:hidden;
											margin-top:10px;
											}	
											
											.neirong3-2-1{
												float:right;
												width:50%;
												overflow:hidden;
												}
												
												
												.zhanshi{
													float:left;
													width:100%;
													margin-bottom:60px;
													overflow:hidden;
													}
												
												.zhanshi1{
													width:100%;
													height:35px;
													float:left;
													font-size:20px;
													font-weight:bold;
													
													}
													
													.zhanshi1 span{
														margin-right:15px;
														float:left;
														
														
														}
														
															.zhanshi1 p{
														
														float:left;
														
														
														}
													.zhanshi2{
													width:100%;
													font-size:18px;
													line-height:30px;
												
													float:left;
													
													}
												
												
											.neirong3-2-2{
												float:right;width:50%;
												overflow:hidden;
												}
											.neirong3-2-2 img{
												max-width:100%;
												height:auto;
											
											}
											
												.neirong5{
													width:100%;
													height:35px;
													float:left;
													margin-top:25px;
													text-align:center;}
											
												.neirong4{
													
													font-size: 16px;
													color:#fff;background: #326eb7;
													
													display:inline-block;
													
													border-radius:5px;
													padding:0px 10px 0px 10px;
													    width: 190px;	box-sizing:border-box;
    height: 35px;
    line-height: 35px;
}
	
	.neirong4-1{
		display:inline-block;
		float:left;}
		
		.neirong4-2{
		display:inline-block;
		margin-top:2px;
		cursor:pointer;
		float:right;}
	.neirong4 span {
    display: block;
    width: 25px;
    height: 1px;
    margin: 7px auto;
    background: #fff;
}
	

@media screen and (min-width:320px) and (max-width:399px) {
	.neirong1{
		height:30px;}
	.neirong1 p{
			display:none;}
			
			.neirong1 span {
				left:0px;}
				
			.neirong2 {
				text-align:center;
				display:none;}
			
			.neirong2 a {
				float:none;
				margin-right:5px;
				margin-left:5px;}	
				
				
				
				.neirong3-1 {
					width:100%;}
				.neirong3-2-1 {
					width:100%;}
						.neirong3-2-2 {
						text-align:right;
						width:100%;
						
						}
			
			}
			
				
				
				
				
@media screen and (min-width: 400px) and (max-width:499px){
	.neirong1{
		height:40px;}
.neirong1 p{
			display:none;}
			
				.neirong1 span {
				left:0px;}
				
			.neirong2 {
				text-align:center;
				display:none;}
			
			.neirong2 a {
				float:none;
				margin-right:5px;
				margin-left:5px;}
				
				.neirong3-1 {
					width:100%;}
				.neirong3-2-1 {
					width:100%;}
						.neirong3-2-2 {
						text-align:right;
						width:100%;
						
						}
			
			
			}
		
@media screen and (min-width: 500px) and (max-width:639px){
		.neirong1 p{
			display:none;}
			
			
			.neirong5{
				display:none;
			
				
				}
			.neirong3-1 {
					width:100%;}
				.neirong3-2-1 {
					width:100%;}
					.neirong3-2-2 {
						text-align:right;
						width:100%;
						
						}
			
			}
		
		
		
		
		
@media screen and (min-width: 640px) and (max-width:767px){
			
				.neirong5{
				display:none;
			
				
				}
				.neirong3-1 {
					width:100%;}
				.neirong3-2-1 {
					width:100%;}
					
						.neirong3-2-2 {
						text-align:right;
						width:100%;
						
						}
			
			
			}
		
		
		
		
@media screen and (min-width: 768px) and (max-width:991px){
	.neirong5{
				display:none;
			
				
				}
			
			}
		
@media screen and (min-width: 992px)and (max-width:1199px){

					.neirong5{
				display:none;
			
				
				}		
			
			}

@media screen and (min-width: 1200px)and (max-width:1399px){	.neirong5{
				display:none;
			
				
				}
				}
	
	
	
@media screen and (min-width: 1400px)and (max-width:1499px){
						.neirong5{
				display:none;
			
				
				}
					}
				
				
@media screen and (min-width: 1500px)and (max-width:1630px){
								.neirong5{
				display:none;
			
				
				}
							}		
						
						
						
@media screen and (min-width: 1631px){	.neirong5{
				display:none;
			
				
				}}