@charset "UTF-8";
.case_1{background:url(../images/cases/bg.jpg) no-repeat center;background-size:cover;padding:50px 0 50px;overflow:hidden;}
.case_1 h2{font-size:38px;color:#1b2026;font-weight:bold;text-align:center;padding-bottom:35px;}
.case_1 .sliderbox{position: relative;padding-left:105px;}
.case_1 .sliderbox .slider-btn{display:inline-block;width:60px;height:60px;cursor:pointer;z-index:3;position: absolute;top:50%;transform: translateY(-50%);box-shadow:0 0 15px rgba(0,0,0,.2);}
.case_1 .sliderbox .slider-btn.left{left:0;background:#fff url(../images/product/open-left.svg) no-repeat center;}
.case_1 .sliderbox .slider-btn.right{right:0;background:#fff url(../images/product/open-right.svg) no-repeat center;}
.case_1 .sliderbox .slider-btn.swiper-button-disabled{display:none;}
.case_1 .sliderbox .swiper-slide{width:auto;}
.case_1 .sliderbox .box{padding:30px 60px;border-right:1px solid #d3d4d6;position: relative}
.case_1 .sliderbox .box .imgbox{width:685px;height:440px;overflow:hidden;}
.case_1 .sliderbox .box .imgbox a{display:block;width:100%;height:100%;position: relative;overflow:hidden;}
.case_1 .sliderbox .box .imgbox a img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.case_1 .sliderbox .box .imgbox a::after{content:"";position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,.7)}
.case_1 .sliderbox .box .imgbox a .txt{position: absolute;left:35px;bottom:25px;z-index:2;opacity:0;}
.case_1 .sliderbox .box .imgbox a .txt h3{font-size:26px;line-height:26px;font-weight:500;color:#fff;margin-bottom:10px;}
.case_1 .sliderbox .box .imgbox a .txt p{display:inline-block;font-size:16px;line-height:26px;color:#fff;padding-right:35px;background:url(../images/cases/arrow-right.svg) no-repeat right center;background-size:22px auto;}
.case_1 .sliderbox .box .imgbox a:hover img{transform: scale(1.05)}
.case_1 .sliderbox .box .type{position: absolute;right:0;top:50%;transform: translateY(-50%);z-index:2;width:128px;height:52px;line-height:24px;padding:14px 0;font-size:14px;color:#fff;text-align:center;background:#5a9cc9;opacity:0;}
.case_1 .sliderbox .my-slide-active .box .imgbox a::after{background:url(../images/cases/box.png) no-repeat center bottom;z-index:1;}
.case_1 .sliderbox .my-slide-active .box .imgbox a .txt{opacity:1;}
.case_1 .sliderbox .my-slide-active .box .type{opacity:1;}

.case_2{padding:70px 0;}
.case_2 h2{font-size:38px;color:#1b2026;font-weight:bold;text-align:center;padding-bottom:35px;}
.case_2 .tablist{position: relative;}
.case_2 .tablist::before{content:"";height:4px;position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);background:#eaeaea;}
.case_2 .tablist ul{display:flex;justify-content:center;}
.case_2 .tablist ul li{padding-right:70px;position: relative;}
.case_2 .tablist ul li::after{content:"";width:9px;height:9px;background:#1d86bd;border-radius:50%;position: absolute;right:30px;top:50%;transform: translateY(-50%);}
.case_2 .tablist ul li a{border:1px solid #c3c3c3;border-radius:25px;width:150px;height:38px;line-height:38px;display:inline-block;text-align:center;cursor:pointer;background:#fff;font-size:20px;color:#999999}
.case_2 .tablist ul li a.active{font-weight:bold;color:#1d86bd;border:1px solid #1d86bd;border-radius:25px;}
.case_2 .tablist ul li:last-child{padding-right:0;}
.case_2 .tablist ul li:last-child::after{display:none;}
.case_2 .tabcon{padding-top:70px;}
.case_2 .tabcon .con{display:none;}
.case_2 .tabcon .con .list-item{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #cbcbca;}
.case_2 .tabcon .con .list-item .item-txt{display:flex;align-items:center;margin-bottom:40px;}
.case_2 .tabcon .con .list-item .item-txt .date{width:110px;border-right:1px solid #dddddd;text-align:center;padding:10px 0;}
.case_2 .tabcon .con .list-item .item-txt .date .day{font-size:66px;line-height:66px;color:#1d86bd;font-weight:bold;font-family:arial;}
.case_2 .tabcon .con .list-item .item-txt .date .year{font-size:16px;line-height:20px;color:#1d86bd}
.case_2 .tabcon .con .list-item .item-txt .txt{width:calc(100% - 111px);box-sizing: border-box;padding:0 70px 0 25px;}
.case_2 .tabcon .con .list-item .item-txt .txt h3{font-size:22px;line-height:22px;color:#1d86bd;font-weight:500;margin-bottom:10px;}
.case_2 .tabcon .con .list-item .item-txt .txt p{font-size:16px;line-height:24px;color:#666;}
.case_2 .tabcon .con .list-item .item-slider{position: relative;}
.case_2 .tabcon .con .list-item .item-slider .slider-btn{display:inline-block;width:60px;height:60px;cursor:pointer;z-index:3;position: absolute;top:50%;transform: translateY(-50%);box-shadow:0 0 15px rgba(0,0,0,.2);}
.case_2 .tabcon .con .list-item .item-slider .slider-btn.btn-left{left:-30px;background:#fff url(../images/product/open-left.svg) no-repeat center;}
.case_2 .tabcon .con .list-item .item-slider .slider-btn.btn-right{right:-30px;background:#fff url(../images/product/open-right.svg) no-repeat center;}
.case_2 .tabcon .con .list-item .item-slider .slider{overflow:hidden;height:190px;}
.case_2 .tabcon .con .list-item .item-slider .slider img{width:100%;height:100%;object-fit:cover;}

.case_2 .Pager{text-align:center;}
.case_2 .Pager a{display:inline-block;width:32px;height:32px;line-height:32px;font-size:16px;color:#000;margin:0 8px;}
.case_2 .Pager a.cur{background:#5a9cc9;color:#fff;font-weight:bold;border-radius:50%;}