body, header, header .sub-nav {background-color: #fff}
.case{width:25%;float:left}
.case h4{color:#333;margin:25px 0 15px}
.case p{height:44px;margin-bottom:45px;color:#666;line-height:22px;overflow:hidden;text-overflow:ellipsis}
.case-col-1,.case-col-2{float:left;height:380px}
.case img{width:100%}
.cases-map-link{float:right;line-height:63px}
.cases-map-link a{color:#333}
.case-col-1{width:33.33333%}
.case-col-1 img{width:380px}
.case-col-2{width:66.66666%}
.case-col-2 img{width:760px}
.more-cases-block{width:380px;text-align:center;color:#fff;position:relative;background-color:#2C91F5}
.more-cases-block h2{width:100%;margin:0 auto;font-size:40px;position:absolute;bottom:37.5%}
.filter{display:none}
.cases .filter a.current{color:#fff}
#cases-map{width:100%;height:1050px}
@media (max-width:768px){.case{width:50%}
.case h4{height:36px;padding:0 10px;margin-top:15px}
.case p{display:none}
.filter{display:block;margin-top:15px}
.case-col-1{width:50%;height:100%}
.case-col-2{width:100%;height:100%}
.case-col-1 img,.case-col-2 img{width:100%;display:block}
.more-cases-block h2{font-size:16px}}

.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.clearfix:after,.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.case-info p,.head-row h4,.text-block h4{font-weight:700}
.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-loading .slick-list{background:center center no-repeat #fff}
.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{outline:0;color:transparent;background:0 0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{left:0;top:0}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;padding:0;border:none}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-prev:before{content:"←"}
.slick-next:before,[dir=rtl] .slick-prev:before{content:"→"}
[dir=rtl] .slick-next{left:-25px;right:auto}
[dir=rtl] .slick-next:before{content:"←"}
.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:9px;width:9px;margin:0 10px;padding:0;cursor:pointer}
.slick-dots li button{border:0;border-radius:50%;display:block;height:9px;width:9px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:before{position:absolute;top:0;left:0;width:9px;height:9px;line-height:20px;text-align:center;color:#E5E5E5}
.slick-dots li.slick-active button:before{color:#000;opacity:.75}
.clearfix{overflow:visible}
.clearfix:after{height:0;content:"";display:table;clear:both}
.page-container{padding-bottom:0}
.page-container p{color:#000}
.head-row{margin-top:17px;padding:0 50px}
.head-row p{text-align:left}
.case-background{width:50%;float:left}
.case-info{width:50%;float:right}
.col-1,.col-1 .img-block,.col-1 .text-block,.col-2{width:100%}
.case-info p{margin-top:31px;text-align:right}
.case-result{margin:0 0 40px}
.case-result h4{margin-top:0}
.social-share{float:right;clear:right;text-align:center}
.col-1 .text-block{height:430px;text-align:center}
.col-1 .video-cover{width:100%;display:block}
.col-1 .video-block{position:relative}
.col-1 .video-block .video-play-btn{position:absolute;top:222px;left:0;right:0;margin:0 auto;cursor:pointer}
.col-2 .img-block,.col-2 .text-block{width:50%}
.col-2 .text-block p{text-align:left}
.col-3{width:100%}
.col-3 .img-block,.col-3 .text-block{width:33.3333333333333%}
.img-block{float:left}
.text-block{width:570px;height:570px;float:left;display:table;background-color:#fff;box-sizing:border-box;position:relative}
.text-block h4{font-size:22px}
.text-block p{line-height:26px}
.text-block .center{padding:0 95px;display:table-cell;vertical-align:middle}
.more-posts h4{background-color:#F0F0F0;margin:0;line-height:86px}
.mobile-more-case{display:none}
.more-case-item{width:50%;float:left}
.more-case-item img{width:100%;display:block}
.slider-more-case{height:380px;margin-bottom:0}
.slider-more-case img{width:380px;height:380px}
.slick-next,.slick-prev{margin-top:-20px}
.slick-next .iconfont,.slick-prev .iconfont{font-size:48px}
.slick-prev{left:30px}
.slick-next{right:57px}
.icon-sina{margin-right:5px}
@media (max-width:768px){.page-container hr,.slider-more-case{display:none}
.head-row{padding:17px 0 0;position:relative}
.case-info p,.col-1 h4,.col-2 h4,.head-row h4{padding:0 20px}
.social-share{position:absolute;top:-37px;right:10px}
.case-background{width:100%}
.case-background p{margin-bottom:1em}
.case-info{width:100%}
.case-info p{text-align:left;margin:0 0 1em}
.case-result p{-webkit-column-count:1;column-count:1}
.mobile-more-case{display:block}
.col-1,.col-2,.col-3{margin:25px 0;box-sizing:border-box}
.col-1 .img-block{width:100%}
.col-1 .text-block{height:auto;text-align:left}
.col-2 .img-block,.col-3 .img-block{width:100%;margin:20px 0;padding:0 25px;box-sizing:border-box}
.col-2 .text-block,.col-3 .text-block{width:100%;height:auto}
.text-block .center{padding:0}
.text-block p{margin-bottom:0}
.col-1 .video-block .video-play-btn{width:20%;height:40%;top:30%}}