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


/*标题代码开始 */
.biaoti{
	width:100%;
	float:left;
	overflow:hidden;
	padding:100px 20px 0px 20px;box-sizing:border-box;
	
	margin-top:200px;
	  background-image:url(../images/s.png);
	  background-repeat:no-repeat;
	  background-position:center;
	  
	
	}
	
	.biaoti1{
	width:100%;
	float:left;
		
	  font-weight:bold;
	  font-size:30px;
	  text-align:center;
	  text-transform:uppercase;
	  line-height:40px;
	
	}
	
		.biaoti2{
	width:100%;
	float:left;
	  text-align:center;
		
		  margin-top:50px;
		  margin-bottom:95px;

	  font-size:22px; line-height:25px;
	}
			.biaoti3zong{
	width:100%;float:left;
	margin-bottom:80px;
			
			}
		.biaoti3{
	width:100%;
	max-width:1100px;
	
	margin:auto;
	
	text-align:center;
		}
		
			.biaoti3-1{
				float:left;
				width:33.3333333%; 
				font-size:24px;
				text-align:center;
				}
					.biaoti3-1 a{
						display:inline-block;
						position:relative;
						line-height:35px;
						color:#383131;
						}
						
						.biaoti3-1 a:hover{
							color:#d49256;}
							
							.biaoti3-1 a:hover p{					-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	}
						
						.biaoti3-1 a p{
							display:inline-block;
							position:absolute;
							bottom:0px;
							left:0px;
							background-color:#d49256;
							
							    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
							-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
							width:100%;
							height:2px;
							
							
							}
							
							.xuanzhong a{
								}
								
									.xuanzhong a{color:#d49256;
										}
										
										.xuanzhong a p{			-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
											}
		
/*标题代码结束 */



	/*瀑布流代码开始 */
	.pubu{
		width:100%;
		float:left;
		overflow:hidden;
		margin-bottom:280px;
	
		
		
		}
		
		
		.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) {
				/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:20px;}
				/*瀑布流代码结束 */
				
								.biaoti {
				margin-top:80px;}
			.biaoti3-1 {
				width:100%;
				margin-bottom:15px;
				}
	.pubu {
		margin-bottom:80px;}
		
		.biaoti3zong {
			margin-bottom:30px;}
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
	/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:30px;}
				/*瀑布流代码结束 */
				
				
					
						.biaoti {
				margin-top:80px;}
			.biaoti3-1 {
				width:100%;
				margin-bottom:15px;
				}
	.pubu {
		margin-bottom:80px;}
		
		.biaoti3zong {
			margin-bottom:30px;}
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
	/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:50px;}
				/*瀑布流代码结束 */
				
						.biaoti {
				margin-top:80px;}
			.biaoti3-1 {
				width:100%;
				margin-bottom:15px;
				}
	.pubu {
		margin-bottom:80px;}
		
		.biaoti3zong {
			margin-bottom:30px;}
			
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
	/*瀑布流代码开始 */
			
			.pubu2 {
				margin-top:50px;}
				/*瀑布流代码结束 */
				
				
				
				
					.biaoti {
				margin-top:80px;}
			.biaoti3-1 {
				width:100%;
				margin-bottom:15px;
				}
	.pubu {
		margin-bottom:80px;}
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
			.biaoti {
				margin-top:80px;}
			.biaoti3-1 {
				width:100%;
				margin-bottom:15px;
				}
	.pubu {
		margin-bottom:80px;}
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){

						
			
			}

	@media screen and (min-width: 1200px)and (max-width:1400px){
				}