/************************************************************************
*************************************************************************
*************************************************************************
=========================================================================
* @ 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(../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{background:#fff;}
.case-lighthouse .wrapper{/*border:1px solid red;*/}
.case-lighthouse .listContainer{margin-left:-60px;overflow:hidden;}
.case-lighthouse .listContainer .item{float:left;width:300px;margin-left:50px;margin-bottom:50px;}
.case-lighthouse .listContainer .item .imgContainer{width:3000px;height:430px;position:relative;z-index:0;}
.case-lighthouse .listContainer .item .imgContainer .img{position:absolute;z-index:0;width:300px;height:100%;}
.case-lighthouse .listContainer .item .imgContainer .mask{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background:url(http://www.fecsoft.cn/r/cms/fecsoft/default/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;width: 300px;}
.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:35%;visibility:visible;opacity:1;}
.case-lighthouse .listContainer .item:hover .imgContainer .ico-circle-white{left:35%;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:16px;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;}
.case-lighthouse .bottom{text-align: center;margin: 30px 0;}
.case-lighthouse .bottom a{border: 1px solid #c9c9c9;border-bottom-color:#c9c9c9;display: inline-block;padding: 5px 9px;}
.case-lighthouse .bottom-description{width: 100%;background: #f6f6f6;padding-top: 30px;padding-bottom: 20px;}
.case-lighthouse .bottom-description p{width: 1190px;height: 50px;margin: 0 auto;}
.case-lighthouse .bottom-recommend{width: 100%;background: #f6f6f6;padding-top: 30px;padding-bottom: 50px;} 
.case-lighthouse .bottom-recommend-main{width: 1190px;height: 254px;margin: 0 auto;background-color: #FFF;border: 1px solid #e8e8e8;}
.bottom-recommend-main-title {margin-top: 40px;text-align: center;font-size: 18px;}
.case-lighthouse .bottom-recommend-main .linkinterest{float: left;width: 316px;height: 114px;margin-top: 40px;margin-left: 40px;margin-right: 40px;}
.case-lighthouse .bottom-recommend-main .linkinterest .title-wrapper{height: 80px;padding-top: 30px;}
.case-lighthouse .bottom-recommend-main .linkinterest .title{width: 84px;height: 18px;margin: auto;font-family: MicrosoftYaHei;font-size: 14px;color: #333;letter-spacing: 0;line-height: 18px;text-align: center;background-color: #FFF;font-weight: 700;}
.case-lighthouse .bottom-recommend-main .linkinterest .link-wrapper{height: 112px;}
.case-lighthouse .bottom-recommend-main .linkinterest .link-wrapper li{float: left;width: 305px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-lighthouse .bottom-recommend-main .linkinterest .link-wrapper a{font-family: MicrosoftYaHei;font-size: 12px;color: #666;letter-spacing: 0;line-height: 28px;}
.case-lighthouse .bottom-recommend-main .vertical-line{float: left;height: 98px;border-left: 1px solid #e8e8e8;margin-top: 56px;}
/***************************************
* name: programPage
* tips: 解决方案页面-低分辨率兼容
****************************************/
.screen1210 .case-lighthouse .listContainer{margin-left:-50px;}
.screen1210 .case-lighthouse .listContainer .item{width:300px;margin-left:50px;margin-bottom:50px;}
.screen1210 .case-lighthouse .listContainer .item .imgContainer{width:370px;height:430px;}
.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;}

/***************************************
* name: videoFullBar
* tips: 公司视频
****************************************/
.videoFullBar .video{position: relative; width: 100%;height: 320px;}
.videoFullBar .video-player{width: 100%;height: 100%;margin: 0 auto;}
.videoFullBar .video-img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: url(../img/video.jpg) no-repeat 50% 0;}
.videoFullBar .video-ctrl-play{position: absolute;left: 50%;top: 148px;width: 80px;height: 91px; margin-left: -40px; background: url(../img/video_ctrl.png) no-repeat;}
.videoFullBar .video-ctrl-play:hover{background-position: -82px 0;}
.videoFullBar .video .vjs-default-skin .vjs-big-play-button{display: none;}


/***************************************
* name: 瀑布流部分样式
****************************************/

.cnec { width: 1440px; margin: 0 auto; }
.c_box { float: left; margin-left:5px; margin-top:5px; }
.c_boximg { width: 288px; margin: 0px auto; border: medium none; }
.c_box a { display: inline; width: 288px; background-color: rgb(255, 255, 255); border: 1px solid rgb(236, 236, 236); padding: 5px; color: black; text-decoration: none; float: left;}
.c_box a:hover { width: 288px; background-color: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(218, 218, 218); color: #f5a500; text-decoration: none; }
.c_boxp1 { height: 40px; line-height: 40px; background-image: url('../img/bq.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 25px; font-size: 16px; }
.c_boxp2 { text-align: right; height: 60px; line-height: 60px; padding-right: 5px; }

div {
    overflow: hidden;
}


.breadNav{margin-bottom:40px;width: 1440px;margin: 0 auto;}
.breadNav .label{font-size:16px; }
.breadNav a{font-size:16px; }