body {
}
.solutionBanner{
            height:20vw;
        }
.solutionBanner img{
    width:100%;
    height:100%;
    max-height:100%;
    max-width:100%;
}
   .solutionCase{
            padding-bottom:30px;
        }
        .solutionCase__fram{
            padding-bottom:30px;
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;

        }
        .solutionCase__framLeft{
            -webkit-flex: 5;
            flex: 5;
            
        }
        .framLeft__layout{
            border:1px solid #D7D7D7;
            padding:25px 30px;
            box-sizing:border-box;
        }
        .solutionCase__framRight{
            -webkit-flex: 2;
            flex: 2;
            margin-left:40px;
        }
        .framRight__header{
            color:#848485;
            font-size:17px;
            padding-top:5px;
            box-sizing:border-box;
            background-image:url(/Images/Solution/tri.png);
            background-position:25% center;
            background-size:4% auto;
        }
        .framRight__headerCase{
            margin-top:40px;
            background-position:35% center;
        }
        .framRight__same{
            border:1px solid #D7D7D7;
            margin-top:15px;
            padding:0 10px;
            box-sizing:border-box;
        }
        .framRight__websiteList{
            height:35px;
            line-height:35px;
            border-bottom:1px dashed #D7D7D7;
            font-size:13px;
            color:#848485;
            display:block;
            
        }
        .framRight__case{
            border:none;
        }
        .framRight__caseList{
            height:240px;
            border:1px solid #D7D7D7;
            padding:10px;
            box-sizing:border-box;
            display:block;
            margin-top:15px;
        }
        .framRight__caseList:first-child{
            margin-top:0;
        }
        .caseList__pic{
            height:190px;
            background-position:center;
            background-size:100% auto;
        }
        .caseList__word{
            height:25px;
            margin-top:5px;
            line-height:25px;
            font-size:13px;
            color:#848485;
        }
        .framLeft__intro{
            font-size:14px;
            color:#848485;
            line-height:30px;

        }
        .framLeft__introTile{
            height:35px;
            border-bottom:1px dashed #D7D7D7;
            text-align:center;
            font-size:20px;
        }
        .framLeft__intro h4{
            padding-top:10px;
            box-sizing:border-box;
            text-align:center;
            text-indent:2em;
        }
        .framLeft__intro h4 span{
            color: #039DE5;
        }
        .framLeft__intro p{
            text-indent:2em;
        }
        .framLeft__introRed{
            padding:0 25px;
            box-sizing:border-box;
        }
        .framLeft__introRed h5{
            text-align:center;
            color:red;
        }
        .framLeft__introRed img{
            margin-top:10px;
        }
        .framLeft__caseItem{
            margin-top:40px;
        }
        .caseItem__header{
            height:40px;
            line-height:40px;
            background-color:#F6F6F6;
            border-left:5px solid #039DE5;
            padding-left:30px;
            box-sizing:border-box;
            color:#848485;
            font-size:17px;
        }
        .caseItem__comment{
            box-shadow:3px 3px 3px #848485;
            padding:16px;
            box-sizing:border-box;
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;
        }
        .caseItem__commentPic{
            -webkit-flex: 2;
            flex: 2;
            height:200px;
        }
        .caseItem__commentText{
             -webkit-flex: 5;
            flex: 5;
            margin-left:15px;
            font-size:13px;
            padding-top:8px;
            box-sizing:border-box;
            color:#848485;
            line-height:28px;
        }
        .caseItem__commentText span{
            color:#039DE5;
        }
        .caseItem__commentText span strong{
            color:#848485;
        }
        .caseItem__commentMore{
            height:30px;
            width:100px;
            background-color:#039DE5;
            color:white;
            line-height:30px;
            text-align:center;
            margin-top:10px;
            float:right;
        }
        .caseItem__commentWord{
            font-size:17px;
        }
        .framLeft__caseImg{
            
        }
        .framLeft__caseImg p{
            font-size:13px;
            line-height:25px;
            color:#848485;
            margin-top:5px;
        }
        .framLeft__caseImg p span{
            color:#039DE5;
        }
        .framLeft__news{
            margin-top:30px;

        }
        .framLeft__newsTitle{
            font-size:17px;
            color:#848485;
            text-align:center;
            line-height:25px;
        }
        .framLeft__newsList{
            border:1px solid #D7D7D7;
            padding:25px 30px;
            box-sizing:border-box;
            height:140px;
            margin-top:20px;
        }
        .newsList__Text{
            width:32%;
            font-size:15px;
            color:#848485;
            display:block;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            float:left;
            margin-left:5px;
            margin-top:15px;
        }
        .newsList__Text:first-child,.newsList__Text:nth-child(2),.newsList__Text:nth-child(3){
            margin-top:0;
        }
        .subSolu__navigation {
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #F7F7F7;
            }

.subSolu__navigationInner {
    padding-left: 20px;
    color: #999999;
}
.subSolu{
            padding-top:120px;
            padding-bottom:30px;
        }
 .subSolu__banner{
            height:20vw;
            
        }
 .subSolu__banner img{
            width:100%;
    height:100%;
    max-height:100%;
    max-width:100%;
            
        }
 a{
            color:inherit;
        }
 .subSolu__navigation{
            height:40px;
            line-height:40px;
            border-bottom:1px solid #F7F7F7;
        }
        .subSolu__navigationInner{
            padding-left:20px;
            color:#999999;
        }
.subSolu__comment{
            margin-top:20px;
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;
        }
        .subSolu__commentText{
            -webkit-flex:2.5;
            flex: 2.5;
        }
        .commentText__title{
            font-size:25px;
            border-bottom:1px solid #E1E1E1;
        }
        .commentText__word{
            margin-top:20px;
            text-indent:2em;
            color:#333333;
            font-size:15px;
            line-height:22px;
            word-break:break-all;
        }
        .subSolu__commentOther{
            -webkit-flex:1;
            flex:1;
            margin-left:20px;
            background-color:#F7F7F7;
            padding:0 25px;
            box-sizing:border-box;
            color:#666666;
        }
        .commentOther__header{
            margin-top:10px;
            font-size:19px;
        }
        .commentOther__side{
            margin-top:10px;
        }
        .commentOther__sideList{
            height:120px;
            border-bottom:1px dashed #CCCCCC;
            cursor:pointer;
            display:block;
        }
        .sideList__title{
            overflow: hidden;  /** 隐藏超出的内容 **/
            float:left;
            margin-top:10px;
            height:30px;
            line-height:30px;
            font-size:15px;
        }
        .sideList__title:hover{
            color:#82A8D3;
        }
        .sideList__text{
            margin-top:10px;
            font-size:12px;
            word-break: break-all;
            width:320px;
            height:70px;
            line-height: 20px;
            float:left;
            overflow: hidden;  /** 隐藏超出的内容 **/
            cursor:pointer;
            font-size:12px;
        }
        .sideList__text:hover{
            color:#82A8D3;
        }