/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,input,textarea,p,blockquote,th,td{ padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }


.swiperab7 .pic{
  box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.09);
  padding: 35px;
  background-color: #fff;
}
.swiperab7 .swiper-slide-active{
  z-index: 99;
}
.swiperab7 .swiper-slide-prev,
.swiperab7 .swiper-slide-next{
  z-index: 8;
}

.swiperab7  .swiper-slide,
.swiperab7 .swiper-container-android  .swiper-slide{
   transform:perspective(134px) rotateY(5deg) scale(0.95) translateX(84%);
}
.swiperab7 .swiper-slide.swiper-slide-prev {
      transform:perspective(134px) rotateY(5deg) scale(0.95) translateX(37%) ;
}
.swiperab7 .swiper-slide.swiper-slide-next {
    transform:perspective(134px) rotateY(-5deg) scale(0.95) translateX(-37%) ;
}
.swiperab7 .swiper-slide.swiper-slide-next+.swiper-slide {
      transform:perspective(134px) rotateY(-5deg) scale(0.95) translateX(-84%);
}
.swiperab7 .swiper-slide-active,
.swiperab7 .swiper-container-android  .swiper-slide.swiper-slide-active{
   transform: perspective(0) rotateY(0) scale(1);
   z-index: 99;
}
.swiperab7 .box{
  width: 100%;
    padding-bottom: 137.5%;
    position: relative;
}
.swiperab7 {
  
  position: relative;
}
.swiperab7 .swiper-container{
  padding: 2vw ;
}
.swiperab7  .swiperab7  .swiper-button-next
{width:30px;
height:80px;
outline:none;
margin-top:-20px;
background-color:rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.swiperab7  .swiper-button-prev{
left:0;
width:30px;
height:80px;
outline:none;
margin-top:-20px;
background-color:rgba(255, 255, 255, 0.5);
cursor: pointer;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(360deg);
}
.swiperab7  .swiper-button-next{right:0;}

@media only screen and (max-width: 1500px) {
  .swiperab7 .swiper-button-next{right: 0;}
  .swiperab7 .swiper-button-prev{left: 0;}
}

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

  .swiperab7 .pic{box-shadow: none;}

} 
.img-cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.img-covers{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 120%;
    max-height: 110%;
    transform: translate(-50%,-50%);
}
.wp {margin: 0 auto;
     position:relative;
     width: 80%;
	 left:0px;
	 top:20px;}


.g-tit{
  font-size: 1.5vw;
  text-align: center;
  color:#003263;
  margin-bottom: 0vw;
}