/* 前端白明明*/
@charset "UTF-8";

.use{ z-index:1; overflow:hidden;  }
.usecon *{ box-sizing:border-box;}
.usecon .swiper-slide{ margin-bottom:60px;/* border:6px solid transparent;*/}
.usecon{position:relative; overflow:hidden; width:82%; margin:auto;}
.usecon .swiper-slide a{ display:block;}
.usecon .swiper-slide a img{width:100%;height:auto; opacity:.8; border-radius:0.5vw; -moz-box-shadow:5px 5px 5px #001335;-webkit-box-shadow:5px 5px 5px #001335;box-shadow:5px 5px 5px #001335;}
.usecon .swiper-slide.swiper-slide-active{  opacity:1;}
.usecon .swiper-slide a p{ position:absolute; width:100%; top:110%; text-align:center; font-size:24px; color:#323636; opacity:0; transition:all .3s ease;}
.usecon .swiper-slide a p:before{ display:block; content:''; width:1px; height:50px; background:#dadede; margin:0 auto 20px auto;}
.usecon .swiper-slide.swiper-slide-active a img{ opacity:1; }
.usecon .swiper-slide.swiper-slide-active p{ top:95%; opacity:1;}
.use .usejt{ position:relative; text-align:center;}
.usejt>div+div{ margin-left:450px;}
.usejt>div{ position:relative; display:inline-block; vertical-align:top; background:#dadede; width:64px;height:56px; top:inherit;left:inherit; right:inherit;}



.case_box .swiper-slide-prev p,.case_box .swiper-slide-next p{display:none;}
/*
.usecon .swiper-slide-prev{ transform: perspective(100px) rotateY(5deg) scale(.8) !important; }
.usecon .swiper-slide-next{ transform: perspective(100px) rotateY(-5deg) scale(.8) !important;}*/

.usehor{ z-index:1; overflow:hidden; margin-top:4.5vw;}
.usehorcon *{ box-sizing:border-box;}
.usehorcon .swiper-slide{ border:1.8vw solid transparent;}
.usehorcon{position:relative; overflow:hidden; width:82%; margin:auto;}
.usehorcon .swiper-slide a{ display:block;}
.usehorcon .swiper-slide a img{width:100%;height:auto; opacity:.6;}
.usehorcon .swiper-slide.swiper-slide-active{  opacity:1;  border:0vw solid transparent; -moz-box-shadow:0.2vw 0.2vw 0.2vw rgba(13,33,70,.3);-webkit-box-shadow:0.2vw 0.2vw 0.2vw rgba(13,33,70,.3);box-shadow:0.2vw 0.3vw 0.2vw rgba(13,33,70,.3);}
.usehorcon .swiper-slide a p{ position:absolute; width:100%; top:110%; text-align:center; font-size:24px; color:#323636; opacity:0; transition:all .3s ease;}
.usehorcon .swiper-slide a p:before{ display:block; content:''; width:1px; height:50px; background:#dadede; margin:0 auto 20px auto;}
.usehorcon .swiper-slide.swiper-slide-active a img{ opacity:1; }
.usehorcon .swiper-slide.swiper-slide-active p{ top:95%; opacity:1;}
.usehor .usehorjt{ position:relative; text-align:center;}
.usehorjt>div+div{ margin-left:450px;}
.usehorjt>div{ position:relative; display:inline-block; vertical-align:top; background:#dadede; width:64px;height:56px; top:inherit;left:inherit; right:inherit;}