.aboutUs-main {

	padding-bottom: 50px;

}



.aboutUs-main .About-image {

	margin-top: 50px;

	display: flex;

	

}



.About-image .left-img {

	/* width: 400px;

	height: 300px; */

	margin-right: 40px;

}



.About-image .right-c {

	flex: 1;

}



.About-image .right-c h5 {

	background: url(../img/gywb-bg.png) no-repeat;

	background-size: 100% 100%;

	max-width: 320px;

	font-size: 24px;

	font-weight: bold;

	color: #FFFFFF;

	margin-bottom: 20px;

	padding: 6px 10px;

}



.About-image .right-c p {

	font-size: 18px;

	color: #333333;

	line-height: 30px;

}



.belief .right-c h5 {

	background: url(../img/qyxn-bg.png) no-repeat;

	background-size: 100% 100%;

}



.zs {

	margin: 20px 0;

}



.endorsement {

	display: flex;

	flex-wrap: wrap;

}



.endorsement .e-i {

	width: 20%;
overflow: hidden;

}
.endorsement .e-i img{
	transition: all 0.5s;
}
.endorsement .e-i:hover img{
	transform: scale(1.2);
}



.endorsement .logo {

	background-color: #EE9B01;

	order: 5;

}



.endorsement .logo img {

	width: auto;

	height: auto;

}



.h2 {

	font-size: 36px;

	font-weight: bold;

	color: #333333;

	text-align: center;

	margin-top: 60px;

}



.h4 {

	font-size: 28px;

	color: #333333;

	text-align: center;

	margin-bottom: 25px;

}



.work-environment .upper {

	display: flex;

	justify-content: space-between;

	width: 80%;

	margin: 0 auto;

}



.work-environment .upper-l,

.work-environment .upper-r {

	width: calc(50% - 4px);

}



.work-environment .upper-r {

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.work-environment .upper-r-i {

	height: calc(50% - 4px);

}



.work-environment .lower {

	display: flex;

	width: 80%;

	margin: 0 auto;

	flex-wrap: wrap;

}



.work-environment .lower .lr-i {

	width: calc((100% - 16px)/3);

	margin-right: 8px;

	margin-top: 8px;

}



.work-environment .lower .lr-i:nth-child(3n) {

	margin-right: 0;

}



.honors .desc {

	text-align: center;

	font-size: 18px;

	;

	color: #333333;

}



.certificate {}



.certificate .arrow {

	width: 50px;

	height: 50px;

	border: 1px solid #999999;

	border-radius: 50%;

	cursor: pointer;

}



.certificate .arrow span {

	width: 15px;

	height: 15px;

	border-top: 1px solid #999999;

	border-left: 1px solid #999999;

	transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	/* IE 9 */

	-moz-transform: rotate(-45deg);

	/* Firefox */

	-webkit-transform: rotate(-45deg);

	/* Safari 和 Chrome */

	-o-transform: rotate(-45deg);

	/* Opera */

	margin-left: 7px;

}



.certificate .arrow:hover {

	box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);

}



.certificate .west span {



	transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	/* IE 9 */

	-moz-transform: rotate(135deg);

	/* Firefox */

	-webkit-transform: rotate(135deg);

	/* Safari 和 Chrome */

	-o-transform: rotate(135deg);

	/* Opera */

	margin-left: 0px;

	margin-right: 7px;

}



.certificate {

	width: 95%;

	margin: 30px auto;

}



.certificate .certificate-box {

	width: 85%;

	padding: 30px 10px;



}



.certificate-box .swiper-slide {

	background-color: #FFFFFF;

	padding: 6px;

	box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);

	transition: all 0.5s;



}



.certificate-box .swiper-slide:hover {

	transform: translateY(-15px);

}



.certificate-box .swiper-slide p {

	padding: 10px;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

}



.mySwiper {

	height: 200px;

}



#container {

	overflow: hidden;

	width: 100%;

	height: 500px;

	margin: 0;



}

@media screen and (max-width: 1280px) {

	.About-image .right-c h5{

		font-size: 18px;

	}

	.About-image .right-c p {

	    font-size: 16px;

	    line-height: 26px;

	}

	.endorsement .logo img {

		width: 60%;

		

	}

	.h2 {

	    font-size: 30px;

	    margin-top: 41px;

	}

	.h4 {

	    font-size: 20px;

	    margin-bottom: 20px;

	}

	.certificate {

	    width: 95%;

	    margin: 20px auto;

	}

	.certificate-box .swiper-slide p{

		font-size: 14px;

	}

	#container{

		height: 400px;

	}

	.certificate .arrow{

		width: 40px;

		height: 40px;

	}

	.certificate .arrow span{

		width: 10px;

		height: 10px;

	

	}

	.honors .desc{

		font-size: 16px;

	}

}

@media screen and (max-width: 768px) {

	.aboutUs-main .About-image{

		flex-direction: column-reverse;

		margin-top: 20px;

	}

	.About-image .right-c h5{

		max-width: 240px;

		font-size: 16px;

	}

	.About-image .right-c p {

	    font-size: 14px;

	    line-height: 24px;

	}

	.About-image .left-img {

		margin-top: 10px;

	    margin-right: 0px;

	}

	.zs {

	    margin: 20px 0;

}

.zs  img{

	min-height: 150px;

	object-fit: cover;

}

.endorsement .e-i {

    width: calc(100% / 3);

}

.endorsement .e-i:last-child{

	display: none;

}

.endorsement .logo {

    background-color: #EE9B01;

    order: 3;

}

.h2 {

    font-size: 18px;

    margin-top: 20px;

}

.h4 {

    font-size: 14px;

    margin-bottom: 10px;

}

.work-environment .upper{

	width: 100%;

	flex-direction: column;

}

.work-environment .lower{

	width: 100%;

	justify-content: space-between;

}

.work-environment .upper-l{

	width: 100%;

}



 .work-environment .upper-r{

	 display: flex;

	 width: 100%;

	 flex-direction: row;

 }

 .work-environment .upper-r-i{

	 width: 48%;

	 height: 165px;

	 margin-top: 15px;

 }

 .work-environment .upper-r-i img{

	 object-fit: cover;

 }

 .work-environment .lower .lr-i{

	 width: 48%;

	 height: 165px;

	 margin-right: 0;

	 margin-top: 15px;

 }

 .work-environment .lower .lr-i{

	 object-fit: cover;

 }

 .work-environment .lower .lr-i:last-child{

	 display: none;

 }

 #container {

     height: 250px;

 }

 .honors .desc {

     font-size: 13px;

 }

 .certificate .certificate-box {

     width: 70%;

     padding: 10px 5px;

 }

 .certificate .arrow {

     width: 30px;

     height: 30px;

	

 }

 

 .certificate-box .swiper-slide p{

	 font-size: 14px;

	 padding: 5px 0;

 }

 .aboutUs-main {

     padding-bottom: 20px;

 }

}