@charset "utf-8";


.portfolio_slide{position:relative;}
.portfolio_slide .in{height: 250px; background-color: rgba(2555,255,255,.01);border: 1px solid rgba(255,255,255,.3); backdrop-filter: blur(10px); border-radius: var(--item_r); padding: 55px 40px; transition: .3s;}
.portfolio_slide .in .more_btn{display:block; color:#fff!important; font-size:1.25em; width:54px; height: 54px; line-height: 54px; text-align: center; background-color: #ddd; transition: .3s; cursor: pointer; margin-top:40px; border-radius: 50%;}
.portfolio_slide .in .more_btn:hover{background-color:var(--mainColor);}	
.portfolio_slide .in .in_img{width:100%; text-align: center;}
.portfolio_control{position: relative; z-index: 100;}


.portfolio_slide .swiper-container{overflow: inherit;}

.portfolio_slide .in .in_img a{width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, .4); left: 0; top: 0; transition: all .4s; opacity: 0; padding: 1.5em; display: flex; flex-wrap: flex; align-items: center;align-content: center; justify-content: center;}
.portfolio_slide .in .in_img:hover a{opacity: 1;}
.bo_view p{font-size: 1.25em; color: #fff;}
.bo_view .xi{width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background-color: #72f2f1; color: #fff; text-align: center; font-size: 1.25em; margin: 15px 3px 0;}

.portfolio_slide .in {color: #fff;}
.portfolio_slide .in .in_en{font-size: 1.125em; font-weight: 500; color: var(--subColor); margin-bottom: 35px;}
.portfolio_slide .in .in_tx{font-size: 1em; font-weight: 700; margin-bottom: 5px;}
.portfolio_slide .in .in_tt{font-size: 1.75em; font-weight: 700;}
.portfolio_slide .in:hover{background-color: #fff; color: #000;}
.portfolio_slide .in:hover .in_en{color: var(--mainColor);}

/* .portfolio_slide .la_control .in-btn .xi{width:54px; height: 54px; align-content: center; border:2px solid rgba(255,255,255,.3); font-size: 1.375em; color:#fff; border-radius: 50%; text-align: center;cursor: pointer; transition: .3s;}
.portfolio_slide .la_control .in-btn .xi:hover{border-color: rgba(255,255,255,1);}
.portfolio_slide .portfolio_pagen{width: auto!important; font-size:1.125em; color: #fff; margin: 0 20px;}
.portfolio_slide .portfolio_pagen .swiper-pagination-total{font-weight: 600;} */