body { background:#f4f4f4;}

.img_swiper{
	width: 1300px;
	margin: 0 auto;
	position: relative;
}
.img{
	width: 100%;
	height: 100%;
}
.img_swiper .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-image: url(../css_index_cp/prev_white.png);
    background-size: cover;
    /* left: -80px; */
}
.img_swiper .swiper-button-next{
    width: 40px;
    height: 40px;
    background-image: url(../css_index_cp/next_white.png);
    background-size: cover;
    /* right: -80px; */
}
.img_swiper .swiper-button-prev.swiper-button-disabled{
    background-image: url(../css_index_cp/prev.png);
    background-color: #FFFFFF;
}
.img_swiper .swiper-button-next.swiper-button-disabled{
    background-image: url(../css_index_cp/next.png);
    background-color: #FFFFFF;
}
.img_swiper .swiper-slide{
	width: 440px;
}
.swiper_slide_img{
	/* height: 440px; */
	perspective: 300px;
	-webkit-perspective: 500;
	/* position: absolute; */
	margin-left: -240px;
	position: relative;
}
.swiper_slide_img:first-child{
    margin-left: 0;
}


.swiper_slide_img_tu{
    width: 300px;
    height: 440px;
    transform: rotateY(35deg) scale(0.7);
    transition: 1s;
    border-radius: 20px;
    cursor: url('../css_index_cp/enlarge.png'), default; overflow:hidden; padding:30px; background:rgba(255,255,255,.9);
}

.swiper_slide_img_tu .xian { width:100%; height:4px; background:#f00; opacity:.5; margin:20px auto 40px; float: left; border-radius:5px; }
.swiper_slide_img_tu .tup { width:100%; height:300px; border-radius:20px; overflow: hidden;}
.swiper_slide_img_tu .tup img { width:100%; height:100%;}

.swiper_slide_img_tu .zi { width:100%; margin:2% 0px; line-height:30px; text-align:left;}
.swiper_slide_img_tu .zi h2 {  color:#333; font-size:25px; padding:0px;  margin:0px; font-weight:400; }
.swiper_slide_img_tu .zi p { color:#999; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0px; margin:0px;}


.swiper_slide_img:hover .swiper_slide_img_tu{
    transform: rotateY(0deg) scale(1);
	transition: 1s;
}


.swiper_slide_img_tu1 {
	
	 width: 300px;
    height: 440px;
    transform: rotateY(35deg) scale(0.7);
    transition: 1s;
    border-radius: 20px; position:relative;
    cursor: url('../css_index_cp/enlarge.png'), default; overflow:hidden; padding:30px; background:rgba(255,255,255,.9);
	}

.swiper_slide_img:hover .swiper_slide_img_tu1{
    transform: rotateY(0deg) scale(1);
	transition: 1s;
}


.swiper_slide_img_tu1 .tup1 { width:100%; height:100%; position:absolute; left:0px; top:0px; }
.swiper_slide_img_tu1 .zi1 { width:100%; position:absolute; top:40%; left:0px; text-align:center; color:#fff;  z-index:1; }
.swiper_slide_img_tu1 .zi1 h2 { font-size:25px; font-weight:400; line-height:35px; }
.swiper_slide_img_tu1 .zi1 p { font-size:16px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}

.swiper_slide_img>img{
    width: 360px;
    height: 500px;
    transform: rotateY(35deg) scale(0.7);
    transition: 1s;
    border-radius: 20px;
    cursor: url('../css_index_cp/enlarge.png'), default;
}
.swiper_slide_img:hover{
    z-index: 1000;
}
.swiper_slide_img:hover img{
    transform: rotateY(0deg) scale(1);
	transition: 1s;
}
.pic_container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #34353A;
    display: none;
    z-index: 200;
    overflow-y: scroll;
}
.pic_container_inner{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pic_container_inner>img{
    width: 100%;
    border-radius: 10px;
    cursor: url('../css_index_cp/narrow.png'), default;
}