@charset "utf-8";


/* 方案详情 2019.03.15 新增样式 */
.sol-case{width:100%;background:#fff;margin:40px auto;}
.sol-case-nav{width:100%;}
.sol-case-nav li{float:left;width:25%;padding:0 30px;font-size:16px;color:#333;line-height:60px;font-family:"微软雅黑";cursor:pointer;border:#e5e5e5 solid 1px;border-left:none;}
.sol-case-nav li.active-nav{color:#fff;background:#00a0e9;border:#00a0e9 solid 1px;}
.sol-case-nav li:hover{color:#fff;background:#00a0e9;border:#00a0e9 solid 1px;}
.sol-case-cont{width:100%;}
.sol-case-cont dd{width:100%;padding:40px;}
.sol-case-cont dd .editor{margin:0;padding:0;font-family:"宋体";font-size:12px;line-height:24px;}

.sol-case-title{width:100%;font-size:24px;color:#333;line-height:40px;font-family:"微软雅黑";margin-bottom:20px;}

.sol-adv{width:100%;padding:40px;}
.sol-adv ul{margin-top:40px;}
.sol-adv li{width:49%;float:left;margin-left:2%;min-height:160px;}
.sol-adv li:nth-child(odd){margin-left:0;}
.sol-adv li .icon{float:left;width:108px;}
.sol-adv li .icon img{display:block;width:108px;height:108px;}
.sol-adv li .txt{float:left;width:calc(100% - 128px);margin-left:20px;}
.sol-adv li .txt h5{width:100%;font-size:14px;color:#333;font-family:"宋体";line-height:32px;margin-bottom:8px;}
.sol-adv li .txt p{width:100%;font-size:12px;color:#999;line-height:24px;font-family:"宋体";}

.sol-more{width:200px;margin-top:32px;}
.sol-more a{display:block;width:100%;height:48px;overflow:hidden;text-align:center;border:#000 solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.sol-more a span{font-size:24px;}
.sol-more a:hover{background:#00a0e9;border:#00a0e9 solid 1px;}
.sol-more a h3{width:100%;font-size:16px;color:#000;font-family:"dinlight";text-align:center;line-height:42px;height:46px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.sol-more a h6{width:100%;font-size:16px;color:#fff;font-family:"Microsoft YaHei","微软雅黑";text-align:center;line-height:46px;height:46px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.sol-more a h6 span{font-size:16px;}
.sol-more a:hover h3{margin-top:-46px;}

@media(max-width:480px){
    .sol-more{width:120px;margin-top:24px;}
    .sol-more a{height:34px;}
    .sol-more a h3{font-size:12px;line-height:32px;height:32px;}
    .sol-more a span{font-size:16px;}
    .sol-more a:hover h3{margin-top:0;color:#fff;}
}

.sol-case-recom{width:100%;padding:48px 40px;background:#fff;margin-bottom:80px;}

.sol-case-recom-box{width:100%;margin-top:30px;}
.sol-case-img{float:left;width:46.5%;}
.sol-case-img img{display:block;width:100%;}

.sol-case-txt{float:right;width:51%;}
.sol-case-txt h3{width:100%;font-size:24px;color:#333;line-height:48px;font-family:"Microsoft YaHei","微软雅黑";}
.sol-case-txt .keys{width:100%;font-size:12px;color:#999;line-height:20px;font-family:"宋体";}
.sol-case-txt .keys a{font-size:12px;color:#999;line-height:20px;font-family:"宋体";}
.sol-case-txt .keys a:hover{color:#e60012;}
.sol-case-txt .port{width:100%;margin:20px 0;}
.sol-case-txt .port .icon{float:left;margin-right:40px;}
.sol-case-txt .port .icon img{float:left;width:56px;height:56px;border:#cacaca solid 1px;border-radius:50%;}
.sol-case-txt .port .icon p{float:left;font-size:12px;color:#999;line-height:56px;margin-left:10px;}

.sol-case-txt .txt{width:100%;font-size:12px;color:#999;line-height:24px;font-family:"宋体";max-height:120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}