/************************************************************************
*************************************************************************
*************************************************************************
=========================================================================
* @ description: 成功案例栏目
* @ author: kennen
* @ update: kennen(2017.06.01)
=========================================================================
*************************************************************************
*************************************************************************
*************************************************************************/
/***************************************
* name: case
* tips: 成功案例
****************************************/
.case{padding:50px 0;background:#fff;}
.case .wrapper{/*border:1px solid red;*/}
.case .listContainer .list{overflow:hidden;margin-bottom:0;margin-left:-50px;}
.case .listContainer .list .item{float:left;margin-bottom:50px;margin-left:50px;padding:18px;border:1px solid #ddd;}
.case .listContainer .list .itemContainer{width:208px;height:180px;position:relative;z-index:0;overflow:hidden;}
.case .listContainer .list .itemContainer .imgContainer{position:absolute;left:0;top:0;right:0;bottom:0;}
.case .listContainer .list .itemContainer .imgContainer .img{position:absolute;width:100%;height:100%;}
.case .listContainer .list .itemContainer .txtContainer{cursor:default;position:absolute;width:100%;height:100%;left:0;top:100%;background:url(../../../common/img/ico-mask-yellow-deep.png) repeat;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.case .listContainer .list .itemContainer .txtContainer .title{display:block;text-align:center;height:30px;line-height:30px;overflow:hidden;color:#fff;font-size:18px;position:absolute;left:10px;right:10px;top:150%;margin-top:-15px;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;visibility:hidden;opacity:0;}
.case .listContainer .list .item:hover .itemContainer .txtContainer{visibility:visible;opacity:1;top:0;}
.case .listContainer .list .item:hover .itemContainer .txtContainer .title{visibility:visible;opacity:1;top:50%;}
/***************************************
* name: case
* tips: 成功案例-低分辨率兼容
****************************************/
.screen1210 .case .listContainer .list{margin-left:-30px;margin-bottom:20px;}
.screen1210 .case .listContainer .list .item{margin-bottom:30px;margin-left:30px;padding:13px;}
.screen1210 .case .listContainer .list .itemContainer{width:190px;height:164px;}
.screen1000 .case .listContainer .list{margin-left:-20px;margin-bottom:20px;}
.screen1000 .case .listContainer .list .item{margin-bottom:20px;margin-left:20px;padding:11px;}
.screen1000 .case .listContainer .list .itemContainer{width:160px;height:138px;}

/***************************************
* name: case-typical
* tips: 成功案例-典型案例
****************************************/
.case-typical{background:#fff;}
.case-typical .wrapper{/*border:1px solid red;*/}
.case-typical .successCase .row-head .title,
.case-typical .successCase .row-head .description,
.case-typical .successCase .row-head .action,
.case-typical .successCase .row-main,
.case-typical .successCase .row-foot{visibility:visible;opacity:1;padding-top:0;}

/***************************************
* name: case-lighthouse
* tips: 成功案例-灯塔案例
****************************************/
.case-lighthouse{padding:50px 0;background:#fff;}
.case-lighthouse .wrapper{/*border:1px solid red;*/}
.case-lighthouse .listContainer{margin-left:-60px;overflow:hidden;}
.case-lighthouse .listContainer .item{float:left;width:440px;margin-left:60px;margin-bottom:60px;}
.case-lighthouse .listContainer .item .imgContainer{width:440px;height:248px;position:relative;z-index:0;}
.case-lighthouse .listContainer .item .imgContainer .img{position:absolute;z-index:0;width:100%;height:100%;}
.case-lighthouse .listContainer .item .imgContainer .mask{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background:url(../../../common/img/ico-mask-yellow.png) repeat;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.case-lighthouse .listContainer .item .imgContainer .ico-search-white{position:absolute;z-index:2;left:0%;top:50%;margin-left:-15px;margin-top:-15px;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.case-lighthouse .listContainer .item .imgContainer .ico-circle-white{position:absolute;z-index:2;left:100%;top:50%;margin-left:-30px;margin-top:-30px;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.case-lighthouse .listContainer .item:hover .imgContainer .mask{visibility:visible;opacity:1;}
.case-lighthouse .listContainer .item:hover .imgContainer .ico-search-white{left:50%;visibility:visible;opacity:1;}
.case-lighthouse .listContainer .item:hover .imgContainer .ico-circle-white{left:50%;visibility:visible;opacity:1;}
.case-lighthouse .listContainer .item:hover .txtContainer .titleBar .title .aItem{color:#f5a500;}
.case-lighthouse .listContainer .item:hover .txtContainer .titleBar .ico-angle-right-circle-gray{background-position:-438px -291px;}
.case-lighthouse .listContainer .item:hover .lineContainer .lineInner{width:100%;}
.case-lighthouse .listContainer .item:hover .txtContainer{padding:15px;background:#fff;}
.case-lighthouse .listContainer .item .txtContainer{padding:15px;background:#f9f9f9;}
.case-lighthouse .listContainer .item .txtContainer .titleBar{position:relative;height:60px;z-index:0;padding-right:40px;}
.case-lighthouse .listContainer .item .txtContainer .titleBar .title .aItem{display:block;height:60px;line-height:30px;font-size:20px;overflow:hidden;}
.case-lighthouse .listContainer .item .txtContainer .titleBar .ico-angle-right-circle-gray{position:absolute;right:0;top:5px;}
.case-lighthouse .listContainer .item .txtContainer .description{height:72px;line-height:24px;overflow:hidden;color:#777;margin-bottom:15px;}
.case-lighthouse .listContainer .item .lineContainer{display:block;height:4px;position:relative;z-index:0;background:#e5e5e5;}
.case-lighthouse .listContainer .item .lineContainer .lineInner{display:block;position:absolute;left:0;top:0;width:0;height:4px;background:#f5a500;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.case-lighthouse .listContainer .item .moreContainer{height:492px;background:#f9f9f9;text-align:center;position:relative;z-index:0;}
.case-lighthouse .listContainer .item .moreContainer .icoContainer{display:block;text-align:center;position:absolute;width:140px;height:210px;left:50%;top:50%;margin-left:-70px;margin-top:-125px;}
.case-lighthouse .listContainer .item .moreContainer .icoContainer .title{color:#333;font-size:26px;padding-top:40px;}
/***************************************
* name: programPage
* tips: 解决方案页面-低分辨率兼容
****************************************/
.screen1210 .case-lighthouse .listContainer{margin-left:-50px;}
.screen1210 .case-lighthouse .listContainer .item{width:370px;margin-left:50px;margin-bottom:50px;}
.screen1210 .case-lighthouse .listContainer .item .imgContainer{width:370px;height:269px;}
.screen1210 .case-lighthouse .listContainer .item .moreContainer{height:441px;}
.screen1000 .case-lighthouse .listContainer{margin-left:-20px;}
.screen1000 .case-lighthouse .listContainer .item{width:320px;margin-left:20px;margin-bottom:20px;}
.screen1000 .case-lighthouse .listContainer .item .imgContainer{width:320px;height:233px;}
.screen1000 .case-lighthouse .listContainer .item .moreContainer{height:429px;}
.screen1000 .case-lighthouse .listContainer .item .txtContainer .description{height:96px;line-height:24px;font-size:13px;}

/***************************************
* name: caseLighthouseDetailPage
* tips: 成功案例-灯塔案例
****************************************/
.caseLighthouseDetailPage{padding-top:50px;}
.caseLighthouseDetailPage .moduleGroup{/*padding-bottom:60px;*/}
.caseLighthouseDetailPage .row-head{}
.caseLighthouseDetailPage .row-head .titleGroup{height:40px;line-height:40px;text-align:center;margin-bottom:50px;}
.caseLighthouseDetailPage .row-head .titleGroup .line{display:inline-block;width:22px;height:4px;background:#f5a500;vertical-align:5px;}
.caseLighthouseDetailPage .row-head .titleGroup .title{display:inline-block;font-size:24px;font-weight:bold;padding:0 20px;}
.caseLighthouseDetailPage .row-main .description{color:#666;line-height:28px;text-align:center;margin-bottom:50px;}
.caseLighthouseDetailPage .row-main .description .desTitle{font-size:18px;color:#333;line-height:40px;}
.caseLighthouseDetailPage .row-main .imgItemContainer{text-align:center;margin-bottom:50px;}
.caseLighthouseDetailPage .row-main .imgItemContainer .img{max-width:100%;}
/***************************************
* name: caseLighthouseDetailPage
* tips: 成功案例-灯塔案例-低分辨率兼容
****************************************/

/***************************************
* name: caseLighthouseDetailPage
* tips: 成功案例-灯塔案例-特殊样式
****************************************/
#case-lighthouse-10 .module-03 .desTable{width:980px;margin:0 auto;}
#case-lighthouse-10 .module-03 .desTable .td-item{width:50%;text-align:left;}