.peitao_div1{
	margin-top: 3%;
	margin-bottom: 2%;
	position: relative;

}

.index_div1_right {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0%;
    z-index: 3;
}
.index_div1_right span {
    width: 78px;
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
}

.index_div1_right span.prevff {
    background: url(/css-com/images/a1.png) no-repeat center center #fff;
    background-size: cover;
}
.index_div1_right span.first_span {
    margin-right: 10%;
}
.index_div1_right span.nexf_ff {
    background: url(/css-com/images/b1.png) no-repeat center center #fff;
    background-size: cover;
}
.index_div1_right span:hover.prevff{
	background: url("/css-com/images/a1a.png") no-repeat center center #fff;
	background-size: cover;
}
.index_div1_right span:hover.nexf_ff{
	background: url("/css-com/images/b1a.png") no-repeat center center #fff;
	background-size: cover;
}
@media screen and (max-width:1400px ) {
	.index_div1_right span{
		width: 72px;
		height: 34px;
		
		border-radius: 36px;
		
		
	}

	.index_div1_right span.first_span{
		margin-right: 9%;
	}


}
@media screen and (max-width:1200px ) {
	.index_div1_right span{
		width: 66px;
		height: 30px;
		
		border-radius: 34px;
		
		
	}

	.index_div1_right span.first_span{
		margin-right: 8%;
	}


}
@media screen and (max-width:1000px ) {
	.index_div1_right span{
		width: 60px;
		height: 28px;
		
		border-radius: 30px;
		
		
	}

	.index_div1_right span.first_span{
		margin-right: 7%;
	}


}
@media screen and (max-width:800px ) {
	.index_div1_right span{
		width: 56px;
		height: 26px;
		
		border-radius: 28px;
		
		
	}

	.index_div1_right span.first_span{
		margin-right: 6%;
	}


}
@media screen and (max-width:600px ) {
	.index_div1_right span{
		width: 54px;
		height: 24px;
		
		border-radius: 28px;
		
		
	}

	.index_div1_right span.first_span{
		margin-right: 5%;
	}


}


.swiper_peitao2{
	position: absolute;
    width: 100%;
    left: -100px;
    top: 0;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    opacity: 0;
    transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
}
.swiper_peitao2.on{
	position: relative;
    left: 0;
    top: 0;
    opacity: 1;
}



.peitao_div1 img{
	position: relative;
	z-index: 1;
}




.peitao1_desc{
	line-height: 2.5;
	color: #333;

	margin-bottom: 2%;
}


.swiper_peitao1_item{
	padding-top: 62%;
	width: 100%;
	position: relative;
}

.peitao1_piclist{
	margin-bottom: 4%;
	overflow: hidden;
}

.peitaoitem_text{
	padding-top: 2%;
	padding-bottom: 2%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 30px;
	max-height: 50px;

}

.peitaoitem_text::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	background: rgba(24,116,206,.8);
	z-index: 1;
}
.peitaoitem_text span{
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
}

.peitao2_imglist{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 3%;
	margin-bottom: 3%;
	flex-wrap: wrap;

}

.peitao2_imgLeft{
	width: 51.4%;

}


.peitao2_imgRight{
	width: 45.7%;
	flex-direction: column;
	justify-content: space-between;
}



.peitiao_imgRight_t{
	align-self: flex-start;
	margin-bottom: 6.76%;
}



@media screen and (max-width:700px ) {
	.peitao2_imglist{
	flex-direction: column;
	

}
	.peitao2_imgLeft{
		width: 100%;
		margin-bottom: 2%;
	}


	.peitao2_imgRight{
		width: 100%;
		
	}	
	.peitiao_imgRight_t{
		align-self: flex-start;
		margin-bottom: 2%;
	}
}


.peitiao_imgRight_b{
	align-self: flex-end;

}

.peitao_div3{
	margin-top: 3%;
	margin-bottom: 2%;
	position: relative;

}

.huodong_list_item{
    width: 100%;
    position: relative;
    


}

.peitiao_div3_img{
	margin-top: 2%;
	margin-bottom: 2%;
}
.img3_item{
	width: 32% !important;
	margin-right: 2%;
	margin-bottom: 2%;
	padding-top: 20% !important;
}

.img3_item:nth-of-type(3n){
margin-right: 0;
	}

@media screen and (max-width:800px ) {
	.img3_item{
	width: 49% !important;
	padding-top: 40% !important;
}




.img3_item:nth-of-type(3n){
margin-right:2%;
	}
	.img3_item:nth-of-type(2n){
margin-right:0;
	}
}


@media screen and (max-width:500px ) {
	.img3_item{
	width: 100% !important;
	margin-right: 0;
	padding-top: 62% !important;
}

.img3_item:nth-of-type(3n){
margin-right: 0;
	}

.img3_item:nth-of-type(2n){
margin-right: 0;
	}

}
.swiper_peitao2 .swiper-slide{
	background: #fff;
}

.swiper_peitao2 .swiper-slide .swiper_peitao1_item:first-child{
	margin-bottom: 20px;
}


.huodong_list_item img{
    position: relative;
    z-index: 1;
    width: 100%;
    display: block;
}


.huodong_list_item .item_text{
    width: 100%;
    height: 50px;
    
    color: #fff;
    display: flex;

  

    align-items: center;
    justify-content: center;



}















.huodong_list_item .item_text .span{
    line-height: 1;

}


.item_desc{
   
    display: none;
   
}


.gqh_item_bg{
    width: 100%;
    height: 50px;
    background: rgba(24,116,206,.8);
    z-index: 2;
    left: 0;
    bottom: 0;
    position: absolute;
   
}
.item_descx{
    color: #fff;
    
    
    height: 0;
    opacity: 0;
    overflow: hidden;
   
}


.item_descx>div{
     padding-left: 10%;
    padding-bottom: 10%;
    line-height: 1.875;
    padding-top: 2%;
    padding-right: 10%;
}








.gqh_item_wenzi{
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    
}


}



@media screen and (max-width:900px ) {
    .huodong_list_item .item_text{
        height: 40px;
    }
    .gqh_item_bg{
    
    height: 40px;
}
   .huodong_list_item{ width: 48%; }

}


@media screen and (max-width:500px ) {
    .huodong_list_item .item_text{
        height: 30px;
    }
        .gqh_item_bg{
    
    height: 30px;
}
     .huodong_list_item{ width: 100%; }

}
