.showCaseWrap { position: relative; z-index: 1; padding-top: 2.86458%; padding-bottom: 4.16667%; position: relative; overflow: hidden; }
.showCaseWrap .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.showCaseWrap .showCase { position: relative; text-align: center; }
.showCaseWrap .title { font-size: 40px; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; color: #fff; }
@media screen and (max-width: 1400px) { .showCaseWrap .title { font-size: 36px; } }
@media screen and (max-width: 875px) { .showCaseWrap .title { font-size: 24px; } }
.showCaseWrap .desc { margin: 25px auto 0; font-size: 18px; max-width: 1200px; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; color: #fff; }
.showCaseWrap .wrap { margin-top: 2%; }
.showCaseWrap .topWrap li { width: 17.58242%; display: inline-block; white-space: nowrap; font-size: 0; height: 67px; border-radius: 67px; background: #fff; margin-right: 1.92308%; cursor: pointer; }
.showCaseWrap .topWrap li:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.showCaseWrap .topWrap li .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 16px; width: 100%; }
.showCaseWrap .topWrap li:last-child { margin-right: 0; }
.showCaseWrap .topWrap li.selected, .showCaseWrap .topWrap li:hover { background: #FFB830; }
.showCaseWrap .topWrap li .textMidSon { font-size: 18px; color: #222; }
.showCaseWrap .botWrap { margin-top: 3.84615%; position: relative; }
.showCaseWrap .botWrap li { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; filter: alpha(opacity=0); opacity: 0; }
.showCaseWrap .botWrap li.selected { z-index: 2; position: relative; filter: alpha(opacity=100); opacity: 1; }
.showCaseWrap .showCaseSlick { margin: 0 -180px; }
.showCaseWrap .showCaseSlick .item { margin: 0 15px; }
.showCaseWrap .showCaseSlick img { display: block; }
.showCaseWrap .showCaseSlick:before, .showCaseWrap .showCaseSlick:after { content: ""; background: rgba(0, 0, 0, 0.5); width: 16.66667%; position: absolute; top: 0; height: 100%; z-index: 1; border-radius: 10px; }
.showCaseWrap .showCaseSlick:before { left: -15px; }
.showCaseWrap .showCaseSlick:after { right: -15px; }
.showCaseWrap .showCaseSlick .slick-next { right: 250px; border-radius: 0 68px 68px 0;  }
.showCaseWrap .showCaseSlick .slick-prev { left: 250px; border-radius: 68px 0 0 68px;  }
.showCaseWrap .showCaseSlick .slick-prev, .showCaseWrap .showCaseSlick .slick-next { width: 32px; height: 68px; background: #FFB830; filter: alpha(opacity=100); opacity: 1; line-height: 68px; margin-top: -34px; font-size: 20px; color: #fff; }
.showCaseWrap .showCaseSlick .slick-prev:before { content: "\e63b"; }
.showCaseWrap .showCaseSlick .slick-next:before { content: "\e63c"; }
.showCaseWrap .cont { overflow: hidden; border-radius: 10px; background: #fff; }
.showCaseWrap .imgWrap { display: block; }
.showCaseWrap .textWrap { padding: 20px 30px; text-align: left; }
.showCaseWrap .tit { display: block; font-size: 18px; color: #222; line-height: 24px; height: 96px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.showCaseWrap .more { display: inline-block; color: #666; font-family: 'opensanslight', 'Microsoft YaHei', SimSun, Sans-serif; display: inline-block; line-height: 1.2; position: relative; margin-top: 20px; }
.showCaseWrap .more:before { content: ""; height: 1px; background: #666; position: absolute; bottom: 0; left: 0; right: 0; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }
.showCaseWrap .more:hover:before { right: 50%; left: 50%; }

@media screen and (max-width: 1400px){
    .showCaseWrap .topWrap li{height:50px;border-radius: 50px;}
    .showCaseWrap .topWrap li .textMidSon{font-size: 16px;}
    .showCaseWrap .showCaseSlick .slick-next{right:200px;}
    .showCaseWrap .showCaseSlick .slick-prev{left:200px;}
}
@media screen and (max-width: 875px) { .showCaseWrap { padding-top: 35px; padding-bottom: 35px; }
    .showCaseWrap .desc { font-size: 16px; }
    .showCaseWrap .topWrap li .textMidSon { font-size: 16px; }
    .showCaseWrap .topWrap li { height: 50px; line-height: 50px; width: 45%; margin: 5px; vertical-align: top; }
    .showCaseWrap .topWrap li:last-child { margin-right: 5px; }
    .showCaseWrap .showCaseSlick .item { margin: 0 7px; }
    .showCaseWrap .showCaseSlick { margin: 0 10px; }
    .showCaseWrap .showCaseSlick .slick-prev { left: 0; margin-left: 0; }
    .showCaseWrap .showCaseSlick .slick-next { right: 0; margin-right: 0; }
    .showCaseWrap .showCaseSlick:before, .showCaseWrap .showCaseSlick:after { display: none; }
    .showCaseWrap .tit { font-size: 16px; font-family: 'opensansbold', 'Microsoft YaHei', SimSun, Sans-serif; }
    .showCaseWrap .textWrap { padding: 10px 15px; } }