.main{padding-bottom: 70px;}
/*解决方案列表*/
.solutionList{margin-top: 51px;}
.solutionList ul{margin-bottom: 70px;}
.solutionList li{height:300px;background: #fafafa;margin-top: 30px;}
.solutionList li:first-child{margin-top: 0;}
.solutionTxt{width:50%;box-sizing: border-box;padding: 38px 7.16% 0;}
.solutionTxt h4{line-height: 32px;margin-bottom: 19px;}
.solutionTxt h4 a{display:block;width:100%;font-size: 18px;color:#333;line-height: 32px;margin-bottom: 19px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.solutionList .solutionTxt h4 a:hover{color:#c10a0a;}
.solutionTxt p{font-size: 14px;color:#4d4d4d;line-height: 28px;height:112px;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;text-align: justify;}
.solutionTxt .moreBtn{float: right;width:120px;height:38px;border: 1px solid #eee;border-radius: 4px;line-height: 38px;
    text-align: center;font-size: 12px;color:#666;margin-top: 27px;}
.solutionTxt .moreBtn:hover{background: #c10a0a;border-color: #c10a0a;color:#fff;}
.solutionPic{width:50%;height:300px;overflow: hidden;}
.solutionList .solutionPic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform:  scale(1.05);-ms-transform:  scale(1.05);-o-transform:  scale(1.05); }
.solutionPic img{display: block;width:100%;height:100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition:  all 0.5s;-o-transition:  all 0.5s; }
/*方案详情*/
.solutionTop{margin-top: 51px;}
.solutionTop li{height:300px;background: #fafafa;}
.solutionTop .solutionTxt{padding: 35px 4.17% 0 3.17%;}
.solutionTop .solutionTxt h4{margin-bottom: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;}
.solutionTop .solutionTxt p{-webkit-line-clamp: 2;height:24px;}
.solutionTop dl{margin-top: 24px;}
.solutionTop dl dt{font-size: 14px;color:#4d4d4d;line-height: 24px;font-weight: 700;height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.solutionTop dl dd{font-size: 14px;color:#4d4d4d;line-height: 24px;height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proIntroBot{border: 2px dotted #eee;margin-top: 56px; position: relative;border-radius: 8px;}
.proIntroBot h4{position: absolute;left: 0;top:-12px;width: 100%;height:24px;}
.proIntroBot h4 span{display: block;width:156px;height:24px;margin: 0 auto;background: #fff;font-size: 20px;color:#333;font-weight: 700;text-align: center;}
.solutionDetail{padding:60px 4% 32px;}
.recommendation{width:100%;padding: 21px 0 25px;background: #fcfcfc;margin-top: 60px;}
.recommendation h4{height:54px;width:100%;border-bottom: 1px solid #eaf2f5;position: relative;}
.recommendation h4 span{position: absolute;left:0;top:2px;width:133px;height:50px;border-bottom: 3px solid #c10a0a;line-height: 50px;text-indent:11px;font-size: 18px;color:#333; }
.recommendation .slideContent{height:258px;margin-top: 51px;position: relative;}
.recommendation .slideWrap{height:100%;overflow: hidden;}
.recommendation ul{margin-left:12px;}
.recommendation li{float: left;width:340px;height:258px;margin-left: 39px;padding-top: 5px;}
.recommendation li>a{display: block;width:100%;height:100%;text-align: center;}
.recommendation li p{font-size: 14px;color:#000;line-height: 44px;}
.recommendation li:hover .proPic{box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);-moz-box-shadow:  0 0 9px 0 rgba(0,0,0,0.2);
    -o-box-shadow:  0 0 9px 0 rgba(0,0,0,0.2);}
.recommendation li:hover p{color:#c10a0a;}
.recommendation .proPic{width:100%;height:214px;}
.recommendation .proPic img{width:100%;height:100%;}
.picPrev{position: absolute;left: 0;top:33.3%;width:26px;height:44px;background: url(../images/reco-arr-l.png) no-repeat center;}
.picPrev:hover{background: url(../images/reco-arr-lOn.png) no-repeat center;}
.picNext{position: absolute;right: 0;top:33.3%;width:26px;height:44px;background: url(../images/reco-arr-r.png) no-repeat center;}
.picNext:hover{background: url(../images/reco-arr-rOn.png) no-repeat center;}
@media (max-width:1240px) {
    .recommendation .slideContent{}
    .recommendation li{height:auto;}
    .recommendation ul{margin-left:26px;}
}
@media (max-width: 980px) {
    .solutionTxt{padding: 38px 5.17% 0;}
}
@media (max-width: 768px) {
    .main{padding-bottom: 45px;}
    .solutionList{margin-top: 30px;}
    .solutionTxt h4{margin-bottom: 3px;}
    .solutionTxt h4 a{font-size: 16px;margin-bottom: 0;}
    .solutionList li{height:auto;}
    .solutionTxt{float: none;width:100%;padding: 18px 5.17% 20px;}
    .solutionPic{float: none;width:100%;height:auto;}
    .solutionTxt p{-webkit-line-clamp: 3;height:72px;line-height: 24px;}
    .solutionTxt .moreBtn{display: none;}
    .solutionList ul{margin-bottom: 36px;}
    .solutionDetail{padding:32px 4.8% 27px;}
    .solutionTop{margin-top:30px;}
    .solutionTop li{height:auto;}
    .solutionTop .solutionTxt{padding: 17px 4.8% 23px;}
    .solutionTop .solutionTxt h4{font-size: 16px;height:auto;white-space: normal;}
    .solutionTop .solutionTxt p{height:auto;-webkit-line-clamp:inherit;}
    .solutionTop dl dt,.solutionTop dl dd{height:auto;white-space: normal;}
    .proIntroBot{margin-top: 41px;}
    .recommendation .slideContent{margin-top: 30px;}
}
@media (max-width: 480px){
    .recommendation{padding: 20px 0 7px;margin-top: 40px;}
    .recommendation ul{margin-left:0;}
    .recommendation .slideWrap{width:100%!important;}
    .recommendation li p{line-height: 58px;}
}