.stretitle {font-size: 32px;color: #008cee;font-family: "microsoft Yahei", "arial";line-height: 60px;font-weight: normal;text-align: center;margin-bottom: 30px;margin-top: 15px; }
.subtitle{text-align: center;font-size: 26px;font-family: "microsoft Yahei","arial";line-height: 61px;margin-top: -50px;margin-bottom: 16px;}
.mokuai{text-align:center;margin-top:20px;}
.mokuai div{margin: 0px auto;    text-align: center;width: 252px;margin-bottom: 50px;}
.mokuai a{padding: 3px 20px!important;box-shadow: none!important;border-radius: 4px!important;background:#FFF;color:#008cee;font-size: 18px;text-decoration:none;border:1px solid #008cee;display: block;height: 32px;width: 114px; }
.mokuai a:hover{background:	#008cee;color:#FFF;}


/*平台优势*/
.platForm{width:100%;height:100%;display: inline-block; }
.platForm  ul li{width:25%;height:100%; float:left;}
.platForm  ul li .platForm-content {border:2px solid #eeeeee;margin:auto 10px;}
.platForm  ul li div img{width:100%;}
.platForm  ul li .platForm-content:hover{border:2px solid #BE1414;}
.platForm  .platForm-bottom{margin:auto 10px;}
.platForm  .platForm-bottom h2{font-size: 16px;color: #5a6063;font-weight:bold;line-height:40px;}
.platForm  .platForm-bottom p{font-size: 15px;color: #5a6063;line-height: 27px;}



.solutionCase{position:relative;z-index:1;}
/*enterAnimation 入场动画*/
.solutionCase.enterAnimation .row-head .title,
.solutionCase.enterAnimation .row-head .description,
.solutionCase.enterAnimation .row-head .action,
.solutionCase.enterAnimation .row-main,
.solutionCase.enterAnimation .row-foot{visibility:visible;opacity:1;padding-top:0;}

.solutionCase .wrapper{/*border:1px solid red;*/}
.solutionCase .row-head{padding-bottom:60px;}
.solutionCase .row-head .title{font-size:36px;text-align:center;margin-bottom:20px;color:#fff;
transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;padding-top:60px;visibility:hidden;opacity:0;}
.solutionCase .row-head .description{font-size:16px;color:#fff;text-align:center;line-height:24px;
transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s;padding-top:60px;visibility:hidden;opacity:0;}
.solutionCase .row-main{margin-bottom:50px;
transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s;-o-transition:all 3s;padding-top:60px;visibility:hidden;opacity:0;}
.solutionCase .row-foot{text-align:center;
transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s;-o-transition:all 3s;padding-top:60px;visibility:hidden;opacity:0;}
.solutionCase .row-foot .btnGroup{margin-left:15px;}
.solutionCase .row-foot .btnGroup:first-child{margin-left:0;}
.solutionCase .row-foot .btnGroup.disabled{cursor:default;opacity:0.3;-moz-opacity:0.3;}
.solutionCase .row-foot .btnGroup.disabled .ico-square-angle-left:hover{background-position:-220px -89px;}
.solutionCase .row-foot .btnGroup.disabled .ico-square-angle-right:hover{background-position:-220px -120px;}
.solutionCase .solutionCaseSwiper{height:360px;overflow:hidden;}
.solutionCase .swiper-slide{float:left;width:16.66666666%;}
.solutionCase .itemContainer{height:360px;background-position:center center;background-repeat:no-repeat;position:relative;z-index:0;}
.solutionCase .itemContainer .mask-txt{position:absolute;z-index:1;left:0;top:0;bottom:0;right: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;}
.solutionCase .itemContainer .mask-img{position:absolute;z-index:0;left:0;top:0;bottom:0;right:0;background:url(../../../fui/img/ico-mask-black.png) repeat;}
.solutionCase .itemContainer .infoGroup{text-align:center;position:relative;z-index:2;padding:100px 20px 0 20px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.solutionCase .itemContainer .infoGroup .info-ico{display:block;width:70px;height:70px;overflow:hidden;margin:0 auto;border-bottom:3px solid #fff;}
.solutionCase .itemContainer .infoGroup .info-ico .img{width:60px;height:60px;}
.solutionCase .itemContainer .infoGroup .info-title .title{font-size:24px;display:block;height:30px;line-height:30px;overflow:hidden;color:#fff;margin-top:30px;}
.solutionCase .itemContainer .infoGroup .info-des{font-size:14px;display:block;line-height:24px;height:48px;overflow:hidden;color:#fff;margin-top:45px;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.solutionCase .itemContainer .infoGroup .info-action{margin-top:45px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;visibility:hidden;opacity:0;}
.solutionCase .itemContainer .infoGroup .info-action .btn{background:none;border:1px solid #fff;color:#fff;padding:0;width:128px;height:40px;line-height:40px;font-size:16px;border-radius:0;}
.solutionCase .itemContainer:hover .infoGroup{padding:40px 20px 0 20px;}
.solutionCase .itemContainer:hover .mask-txt{visibility:visible;opacity:1;}
.solutionCase .itemContainer:hover .infoGroup .info-des{visibility:visible;opacity:1;margin-top:25px;}
.solutionCase .itemContainer:hover .infoGroup .info-action{visibility:visible;opacity:1;margin-top:25px;}
/***************************************
* name: solutionCase
* tips: 解决方案-低分辨率兼容
****************************************/
.screen1210 .solutionCase .swiper-slide{float:left;width:16.66666666%;}
.screen1000 .solutionCase .swiper-slide{float:left;width:16.66666666%;}