.case-img img{width: 46%;}
.case-container{position:absolute;z-index:1;transition:opacity 1s;opacity:0;}
.case-container-show{z-index: 10;opacity:1;}
.case-tab {overflow: hidden;}
.swiper-container, .swiper-slide {width: 838px;height:509px;}
.case-tab .case-tabLeft{float: left;border: solid 1px #ebebeb;width: 840px;height: 511px;position:relative;}
.case-tab .case-tabRight{float: left;height: 495px; }
.case-tabLeft .swiper-slide img{width: 100%;}
.case-tab .case-tabRight .case-tabRight-sec li{width: 250px;height: 112px;background-color: #ffffff; border: solid 1px #ececec;margin-bottom:21px;margin-left:80px;transition:margin-left .5s}
.case-tab .swiper-button-prev{background-image:url(/static/web4.0/img/arrow-l-hover.png);opacity:.7;}
.case-tab .swiper-button-next{background-image:url(/static/web4.0/img/arrow-r-hover.png);opacity:.7;}

.case-tab .case-tabLeft .swiper-button-prev:hover{opacity:1;}
.case-tab .case-tabLeft .swiper-button-next:hover{opacity:1;}
.case-tab .case-tabRight .case-tabRight-sec li img{width: 100%}
.case-tab .case-tabRight .case-tabRight-sec .active-case{border: solid 2px #339aff;margin-left:30px;}
@media screen and (max-width: 1200px){
	.case-tab .case-tabRight .case-tabRight-sec li{width: 180px;height: 82px;}
	.swiper-container, .swiper-slide {width: 700px;height:390px;}
	.case-tab .case-tabLeft{width: 712px;height:390px;}
}