.about-main {
	margin-top: 30px;
}

.about-main .text {
	width: 58%;
	margin-right: 2%;
	
}
.crumbs {
	margin-top: 20px;
	height: 50px;
	border-bottom: 1px solid #000;
}
.main .crumbs  a {
	color: #000;
}
.about-main .text p {
	text-indent: 2em;
	line-height: 27px;
	margin-top: 10px;
}
.about-main .about-pic  {
	width: 40%;
}
.about-main .about-pic img {
	width: 100%;
}


.about-content .content-main p {
	margin-top: 10px;
	line-height: 30px;
}

.swiper-honor {
	margin-top: 30px;
   width: 100%;
 
 }
 .swiper-honor .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: transparent;

   /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
 }

@media screen and (max-width: 1450px) {
	.main .container {
		width: 1200px;
	}
}

@media screen and (max-width: 1250px) {
	.main .container {
		width: 1000px;
	}
}

@media screen and (max-width: 1050px) {
	.main {
		background-image: inherit;
		padding-top: 50px;
	}
	
	.main .container {
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
		background-color: #FFFFFF;
	}
	
}

@media screen and (max-width: 800px) {
	.about-main .text {
		width: 100%;
	}
	.about-main .about-pic {
		width: 100%;
	}
	.swiper-button-next, .swiper-button-prev {
		width: 20px !important;
	}
	.main {
		
		padding-top: 10px;
	}
	.crumbs {
		margin-top: 10px;
	}
	/* 123 */
		.main .about-left {
			float: none;
			width: 100%;
		}
		.about-left h1 {
		box-sizing: border-box;
			height: 40px;
		
			background-image: url('../images/public/minus.png');
			background-size: 20px 20px ;
			background-position: 8px center;
			background-repeat: no-repeat;
			font-size: 18px;
			color: #000;
			line-height: 40px;
			overflow: hidden;
			
			cursor: pointer;
		}
		.about-left h1 p {
			display: none;
			text-align: center;
		}
		.about-left  h1.close {
		
			background-image: url('../images/public/plus.png');
		}
		.about-left  #nav-mid {
			background: #ebebeb;
			/*display: none;*/
		}
		.about-left  #nav-mid li {
			height: 40px;
			border-top: 1px solid #fff;
			overflow: hidden;
			line-height: 40px;
		}.about-left #nav-mid li {
			height: 40px;
			border-top: 1px solid #fff;
			overflow: hidden;
		}
		
		.about-left #nav-mid li a {
			display: block;
			padding: 0 5%;
			line-height: 40px;
			font-size: 16px;
			color: #333;
		}
		
		.about-left #nav-mid li a.hover,
		.about-left #nav-mid li a:active {
			background-color: #008bd5;
			color: #fff;
		}
		.about-left #nav-mid .active {
			background-color: #008bd5;
		  
		}
		.about-left #nav-mid .active a {
			color: #fff;
		}

		.main .about-left ul li {
			border: none;
		}
		.about-right .crumbs {
			display: none;
		}
		.main .about-right {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.about-right .about-content{
			padding-top: 30px;
			
		}
	
}