@charset "utf-8";


.portfolio_slide{position:relative;}
.portfolio_slide .in .in_dv{width:50%; padding:20px 70px 0 0;}
.portfolio_slide .in .in_dv .in_tx{color:#444; font-weight: 300; font-size:1.125em;}
.portfolio_slide .in .in_dv .in_tx br{display:none;}
.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{margin-top:2em; position: relative; z-index: 100;}
.portfolio_control .portfolio_pagen{width:450px; height: 4px; background: #ddd; position: relative; /*margin-right:30px;*/}
.portfolio_control .portfolio_pagen .swiper-pagination-progressbar-fill{background: var(--mainColor);}
.la_control .in-btn .xi{width:44px; height: 44px; line-height: 44px; border:1px solid #fff; background: #fff; color:#333; border-radius: 50%; text-align: center; margin: 0 25px;cursor: pointer; transition: .3s;}
.la_control .in-btn .xi:hover{background-color:var(--mainColor); border-color:var(--mainColor); color:#fff;}

.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;}