@charset "utf-8";
.id_str{
	top: -122px;
}
.about11_title{
	padding-top: 80px;
}
.about11_box{
	position: relative;
	padding-bottom: 50px;
	padding-top: 50px;
}
.swiper_page{
	width: 100%;
	padding-top: 40px;
	
}
.swiper_button_prev22{
	position: initial;
	margin-right: 55px;
}
.swiper_button_next22{
	position: initial;
}
.swiper_button_next22:after, 
.swiper_button_prev22:after{
	content: initial;
}
.swiper-container22{
	width: 100%;
}
.about11_box .about11_nav{
	width: calc((100% - 78px) / 4);
	margin-right: 26px;
	margin-bottom: 26px;
}
.about11_box .about11_nav:nth-child(4n){
	margin-right: 0;
}
.about11_box .about11_nav .img{
	width: 100%;
}
.about22_box{
	padding-top: 60px;
	border-top: 1px dashed #ebeff7;
	padding-bottom: 114px;
}
.about22_box .about22_nav{
	width: calc((100% - 78px) / 4);
	margin-right: 26px;
	margin-bottom: 26px;
}
.about22_box .about22_nav:nth-child(4n){
	margin-right: 0;
}
.about22_box .about22_nav .img{
	width: 100%;
}
/*响应式适配*/

@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	
}
@media screen and (max-width: 1450px) {
	
}
@media screen and (max-width: 1335px) {
	
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1100px) {

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

}
@media screen and (max-width: 768px) {
	.id_str{
		top: -60px;
	}
	.about11_title{
		padding-top: 30px;
	}
	.about11_box .about11_nav{
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.about11_box .about11_nav:nth-child(4n){
		margin-right: 10px;
	}
	.about11_box .about11_nav:nth-child(2n){
		margin-right: 0;
	}
	.about11_box {
	    padding-bottom: 30px;
		padding-top: 20px;
	}
	.about22_box{
		padding-top: 30px;
		border-top: 1px dashed #ebeff7;
		padding-bottom: 30px;
	}
	.about22_box .about22_nav{
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.about22_box .about22_nav:nth-child(4n){
		margin-right: 10px;
	}
	.about22_box .about22_nav:nth-child(2n){
		margin-right: 0;
	}
	.swiper_button_prev22{
		margin-right: 40px;
	}
	.swiper_button_prev22 img,.swiper_button_next22 img{
		width: 40px;
		height: 40px;
	}
}
@media screen and (max-width: 414px) {
	
}