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

.chanping{
		width:100%;
	max-width:1070px;
	margin:auto;
	padding:0px 20px 0px 20px;
	overflow:hidden;
	margin-top:50px;
	padding-bottom:50px;
}

.chanping1{
	width:210px;
	float:left;
	overflow:hidden;
	
	border: 1px solid #eee;
				-o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.04);
	
margin-bottom: 50px;
	}
	
	#chanping1-1{
		float:left;
		width:100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		margin-top:25px;
		font-size:20px;
		height:40px;
		line-height:40px;
		padding-left:40px;    color: #f29507;    font-weight: 800;
		
		    border-left: 4px solid #f29507;}		
	
	

			.chanping1-2{
				width:100%;
				float:left;
				    margin-bottom: 60px;
    margin-top: 25px;
				
				}
		
		
		
		/*手风琴代码开始 */
		
		
				.on {
    color: #f29507!important;
}
				
				

/* Layout & Style */

.accordion li > a {
	display: block;
	position: relative;
	min-width: 110px;
	padding: 0 10px 0 40px;
	height: 40px; overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;


	color: #fdfdfd;
	font-size:14px;
	line-height:40px;




	background: #6c6e74;


	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
	color: #fff;
	
	
	/*background: url(../img/active.png) repeat-x;*/
	background: #f29507;

}








/* Sub Menu */

.sub-menu li a {
	color: #797979;


	background: #e5e5e5;
	border-bottom: 1px solid #c9c9c9;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #efefef; }

.sub-menu li:last-child a { border: none; }





/* Functionality */

.accordion li > .sub-menu {
	display: none;
}

.accordion li:target > .sub-menu {
	display: block;
}
		
/*手风琴代码结束 */

.chanping2{
	width:780px;
	float:left;
	overflow:hidden;    margin-left: 30px;

	
	
	
	}
	.chanping2 ul {
    margin-left: -20px;
}
	.chanping2 li{
		display:inline-block;
		width:180px;
		text-align:center;
		position:relative;
	    overflow: hidden;
		height:250px;    margin-left: 20px;
		float:left;    border: 1px solid #f0f0f0;
		margin-bottom:50px;
		
	}
	
	
	.xian1{
		background: #f29507;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
	    width: 12px;
    height: 2px;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
		}
		
		 .chanping2 li:hover .xian1{
  	-webkit-transform: scaleX(5);
 	-moz-transform: scaleX(5);
 	-ms-transform: scaleX(5);
 	-o-transform: scaleX(5);
 	transform: scaleX(5);
  }
  
  	 .chanping2 li:hover .xian2{
		 -webkit-transform: scaleY(5);
 	-moz-transform: scaleY(5);
 	-ms-transform: scaleY(5);
 	-o-transform: scaleY(5);
 	transform: scaleY(5);
		 
		 }
		
			.xian2{
		    height: 12px;
    width: 2px;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
	background: #f29507;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
		}
	.chanping2 li span{
		float:left;
		height:183px;
	width:100%;
		
			display:inline-block; 
			
			}
			
			.chanping2 li span img{
				display:block;
				width:100%;
				height:100%;
				
				}
		.chanping2 li p{
			display:inline-block;    background: #f1f1f1;
			height:65px;
			width:100%;
			float:left;
			padding:10px;
			line-height:22.5px;
			overflow:hidden;
			
			
			}



.fenye{
	width:100%;
	float:left;    }
	
	.pull-right {
    display: inline-block;
    
}
					@media screen and (min-width:320px) and (max-width:399px) {
							.chanping {

    max-width:none;

	
	}
						.chanping1{
							width:100%;
							}
							
							.chanping2{
								width:100%;
								text-align:center;
								margin-left:0px;}
							.chanping2 ul{
								margin-left:0px;}
							.chanping2 li{
								float:none;
								margin-left:0px;
								
								}
	
								
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
							.chanping {

    max-width:none;

	
	}
						.chanping1{
							width:100%;
							}
							
							.chanping2{
								width:100%;text-align:center;
								margin-left:0px;}
							.chanping2 ul{
								margin-left:0px;}
							.chanping2 li{
								float:none;
								width:50%;
								margin-left:0px;
								height:auto;
								
								
								}
								.chanping2 li span{
									height:auto;}
								.chanping2 li span img {
									height:auto;
									}
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
		
			.chanping {

    max-width: 440px;
	
	}
						.chanping1{
							width:100%;
							}
							
							.chanping2{
								width:100%;
								margin-left:0px;}
							.chanping2 ul{
								margin-left:0px;}
							.chanping2 li{
								margin-left:10px;
								margin-right:10px;}
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			.chanping {

    max-width: 640px;
	
	}
						.chanping1{
							width:100%;
							}
							
							.chanping2{
								width:100%;
								margin-left:0px;}
							.chanping2 ul{
								margin-left:0px;}
							.chanping2 li{
								margin-left:10px;
								margin-right:10px;}
			
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
.chanping {

    max-width: 640px;
	
	}
						.chanping1{
							width:100%;
							}
							
							.chanping2{
								width:100%;
								margin-left:0px;}
							.chanping2 ul{
								margin-left:0px;}
							.chanping2 li{
								margin-left:10px;
								margin-right:10px;}
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){
.chanping {

    max-width: 840px;
	
	}
						.chanping1{
							width:100%;
							}
							
							.chanping2{
								width:100%;
								margin-left:0px;}
							.chanping2 ul{
								margin-left:0px;}
							.chanping2 li{
								margin-left:10px;
								margin-right:10px;}
			
			}

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