﻿@charset "utf-8";
/* CSS Document */
		.banner{
			
			    background-position: center;
    background-size: cover;
	height:370px;
	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:#fff;
							}
							
								.banner1-1 a:hover{
								
							color:#E22D2E;
							}
						
						
						.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:32px;
									
									color:#333;
								
									}
									
									
									.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:50px;
											margin-bottom:50px;
											float:left;
											overflow:hidden;
											color:#333;}
												.neirong5{
													width:100%;
													height:35px;
													float:left;
													margin-top:25px;
													text-align:center;}
											
												.neirong4{
													
													font-size: 18px;
													color:#fff;background: #d71718;
													
													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;  */
    text-align: center;
    width: 100%;
	}
		
		.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; */
    margin-right: 15px;
    transform: rotate(180deg);
    display: block;
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -mwebkit-transition: all 0.6s ease;
}
	

@media screen and (min-width:320px) and (max-width:399px) {
	.neirong1{
		height:0px;}
	.neirong5{
		margin-top: 0
	}
	.neirong1 p{
			display:none;}
			
			.neirong1 span {
				left:0px;}
				
			.neirong2 {
				text-align:center;
				display:none;}
			
			.neirong2 a {
				float:none;
				margin-right:5px;
				margin-left:5px;}			
			}
			
				
				
				
				
@media screen and (min-width: 400px) and (max-width:499px){
	.neirong1{
		height:0px;}
		.neirong5{
			margin-top: 0!important
		}
.neirong1 p{
			display:none;}
			
				.neirong1 span {
				left:0px;}
				
			.neirong2 {
				text-align:center;
				display:none;}
			
			.neirong2 a {
				float:none;
				margin-right:5px;
				margin-left:5px;}
				
				
			
			}
		
@media screen and (min-width: 500px) and (max-width:639px){
			.neirong5{
				display:none;
			
				
				}
			
			
			}
		
		
		
		
		
@media screen and (min-width: 640px) and (max-width:767px){
			
				.neirong5{
				display:none;
			
				
				}
			
			}
		
		
		
		
@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;
			
				
				}}			
						
						



			
			
			
			
			
			
			
			
			
			
			
						
								
				
			
	.spanmf1,.spanmf2{
	float: left;
}
.spanmf1{
	width: 100px
}
.spanmf2{
	width: calc(100% - 150px);
	color: #333
}