/* 产品模板 */
.product-intro-text{
    font-size:14px;
    color:#000000;
    line-height:30px;
    margin-top:40px;
}
.product-intro-list{
    width:960px;
    margin:0 auto;
}
.product-intro-list li{
    width:25%;
    border-right:1px dotted #c7c7c7;
}
.product-intro-list li:last-child{
    border:none;
}
.product-intro-list li img{
    display:block;
    width:auto;
    height:68px;
    margin:0 auto 18px;
}
.product-intro-list li p{
    font-size:16px;
    color:#333333;
    text-align:center;
    line-height:18px;
}
.max-h4{
    line-height:28px;
    max-height:56px;
    overflow:hidden;
}
/* 解决方案 */
/* 公共样式 */
.solve-arrow{
    width:22px;
    height:18px;
    vertical-align: middle;
    margin-left:12px;
    margin-top:-3px;
    -webkit-transition:transform .3s ease;
    -moz-transition:transform .3s ease;
    -ms-transition:transform .3s ease;
    -o-transition:transform .3s ease;
    transition:transform .3s ease;
}
.solve-arrow path{
    stroke: #1e61a6;
}
.solve-img img{
    -webkit-transition:transform .3s linear;
    -moz-transition:transform .3s linear;
    -ms-transition:transform .3s linear;
    -o-transition:transform .3s linear;
    transition:transform .3s linear;
}
.product-solve li:hover .solve-img img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.product-solve li .solve-details.active{
    border:2px solid #fff;
    color:#fff;
    line-height:38px;
}
.product-solve li .solve-details.active .solve-arrow{
    stroke:#ffffff;
    -webkit-transform:translateX(4px);
    -moz-transform:translateX(4px);
    -ms-transform:translateX(4px);
    -o-transform:translateX(4px);
    transform:translateX(4px);
}
.product-solve li .solve-text-tit{
    font-size:18px;
    line-height:28px;
    color:#ffffff;
}
.product-solve li .solve-text-font{
    font-size:14px;
    height:50px;
    color:#fff;
    line-height:24px;
    margin-top:4px;
    margin-bottom:36px;
}
.product-solve li .solve-details{
    display:block;
    width:130px;
    height:40px;
    background:#fff;
    color:#0e56a0;
    text-align: center;
    line-height:40px;
    font-size:14px;
}
/* 1 */
.solve_01{
    height:300px;
}
.solve_01 li{
    width:100%;
    height:300px;
    background:#0e5dab;
}
.solve_01 li .solve-img{
    display:block;
    width:520px;
    height:100%;
    float:left;
}
.solve_01 li .solve-img img{
    display:block;
    height:100%;
}
.solve_01 li .solve-text{
    width:680px;
    padding-left:50px;
    padding-right:50px;
    padding-top:70px;
    float:left;
}
/* 2 */
.solve_02{
    height:166px;
}
.solve_02 li{
    width:580px;
    height:160px;
    float: left;
    background:#0e5dab;
}
.solve_02 li:last-child{
    float:right;
}
.solve_02 li .solve-img{
    display:block;
    width:276px;
    height:100%;
    float:left;
}
.solve_02 li .solve-img img{
    display:block;
    height:100%;
}
.solve_02 li .solve-text{
    width:304px;
    height:100%;
    padding-left:20px;
    padding-right:20px;
    padding-top:24px;
    float:left;
    position: relative;
}
.solve_02 li .solve-details{
    position: absolute;
    bottom:-18px;
    left:20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* 3 */
.solve_03{
    height:360px;
}
.solve_03 li{
    width:376px;
    height:346px;
    float: left;
    background:#0e5dab;
    margin-right:36px;
}
.solve_03 li:nth-child(2){
    background:#1277dc;
}
.solve_03 li:nth-child(3){
    background:#338ee9;
}
.solve_03 li:last-child{
    float:right;
    margin-right:0;
}
.solve_03 li .solve-img{
    display:block;
    width:100%;
    height:218px;
}
.solve_03 li .solve-img img{
    display:block;
    height:100%;
}
.solve_03 li .solve-text{
    width:100%;
    height:150px;
    padding-left:20px;
    padding-right:20px;
    padding-top:12px;
    float:left;
    position: relative;
}
.solve_03 li .solve-details{
    position: absolute;
    bottom:3px;
    left:20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* 4 */
.solve_04{
    height:304px;
}
.solve_04 li{
    width:276px;
    height:286px;
    float: left;
    background:#0e5dab;
    margin-right:32px;
}
.solve_04 li:nth-child(2){
    background:#1277dc;
}
.solve_04 li:nth-child(3){
    background:#338ee9;
}
.solve_04 li:nth-child(4){
    background:#6caff3;
}
.solve_04 li:last-child{
    float:right;
    margin-right:0;
}
.solve_04 li .solve-img{
    display:block;
    width:100%;
    height:160px;
}
.solve_04 li .solve-img img{
    display:block;
    height:100%;
}
.solve_04 li .solve-text{
    width:100%;
    height:160px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    float:left;
    position: relative;
}
.solve_04 li .solve-details{
    position: absolute;
    bottom:16px;
    left:20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* 行业案例 */
/* 公共样式 */
.case-arrow-down{
    width:16px;
    height:16px;
    vertical-align: middle;
    margin-right:12px;
    margin-top:-3px;
    -webkit-transition:transform .3s ease;
    -moz-transition:transform .3s ease;
    -ms-transition:transform .3s ease;
    -o-transition:transform .3s ease;
    transition:transform .3s ease;
}
.case-arrow-down path{
    stroke: #0e5fb3;
}
.case-arrow{
    width:22px;
    height:18px;
    vertical-align: middle;
    margin-left:12px;
    margin-top:-3px;
    -webkit-transition:transform .3s ease;
    -moz-transition:transform .3s ease;
    -ms-transition:transform .3s ease;
    -o-transition:transform .3s ease;
    transition:transform .3s ease;
}
.case-arrow path{
    stroke: #1e61a6;
}
.case-img img{
    -webkit-transition:transform .3s linear;
    -moz-transition:transform .3s linear;
    -ms-transition:transform .3s linear;
    -o-transition:transform .3s linear;
    transition:transform .3s linear;
}
.product-case li{
    position:relative;
}
.product-case li:hover .case-img img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.product-case li .case-details.active .case-arrow{
    stroke:#ffffff;
    -webkit-transform:translateX(4px);
    -moz-transform:translateX(4px);
    -ms-transform:translateX(4px);
    -o-transform:translateX(4px);
    transform:translateX(4px);
}
.product-case li .case-details-download{
    display:block;
    height:46px;
    width:100%;
    color:#666666;
    line-height:46px;
    font-size:14px;
    float:right;
    text-align: right;
    position: absolute;
    bottom:0;
    right:0px;
    padding-right:20px;
}
.product-case li .case-details-download:after{
    content:'';
    display:block;
    height:1px;
    background:#efefef;
    position: absolute;
    bottom:46px;
    left:20px;
    right:20px;
}
.product-case li .case-text-font.case-text-download{
    position: relative;
    margin-bottom:0;
    padding-bottom:10px;
    max-height:88px;
    /* border-bottom:1px solid #efefef; */
}
.product-case li .case-text-font.case-text-download span{
    display:block;
    max-height:68px;
}
/* 1 */
.case_01{
    height:300px;
}
.case_01 li{
    width:100%;
    height:300px;
    background:#fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.case_01 li .case-img{
    display:block;
    width:520px;
    height:100%;
    float:left;
}
.case_01 li .case-img img{
    display:block;
    height:100%;
}
.case_01 li .case-text{
    width:680px;
    height:100%;
    padding-left:50px;
    padding-right:50px;
    padding-top:82px;
    float:left;
    position: relative;
    /* border:1px solid #ececec;
    border-left:0; */
}
.case_01 li .case-text-tit{
    font-size:18px;
    line-height:28px;
    color:#333333;
}
.case_01 li .case-text-font{
    font-size:14px;
    max-height:68px;
    color:#333;
    line-height:24px;
    margin-top:16px;
    margin-bottom:24px;
}
.case_01 li .case-details{
    display:block;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
}
/* 2 */
.case_02{
    height:210px;
}
.case_02 li{
    width:580px;
    height:210px;
    float: left;
    background:#fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.case_02 li:last-child{
    float:right;
}
.case_02 li .case-img{
    display:block;
    width:276px;
    height:100%;
    float:left;
}
.case_02 li .case-img img{
    display:block;
    height:100%;
}
.case_02 li .case-text{
    width:304px;
    height:100%;
    padding-left:20px;
    padding-right:20px;
    padding-top:38px;
    float:left;
    /* border:1px solid #ececec;
    border-left:0; */
    position: relative;
}
.case_02 li .case-text-tit{
    font-size:18px;
    line-height:28px;
    color:#333333;
}
.case_02 li .case-text-font{
    font-size:14px;
    max-height:68px;
    color:#333;
    line-height:24px;
    margin-top:12px;
}
.case_02 li .case-details{
    display:block;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
    position: absolute;
    left:20px;
    bottom:20px;
}
/* 3 */
.case_03{
    height:360px;
}
.case_03 li{
    width:376px;
    height:360px;
    float: left;
    background:#fff;
    margin-right:36px;
    border:1px solid #ececec;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.case_03 li:last-child{
    float:right;
    margin-right:0;
}
.case_03 li {
    overflow: hidden;
}
.case_03 li .case-img{
    display:block;
    width:100%;
    height:220px;
}
.case_03 li .case-img img{
    display:block;
    height:100%;
}
.case_03 li .case-text{
    width:100%;
    height:200px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}
.case_03 li .case-text-tit{
    font-size:16px;
    line-height:28px;
    color:#333333;
}
.case_03 li .case-text-font{
    font-size:14px;
    max-height:68px;
    color:#333;
    line-height:24px;
    margin-top:7px;
    margin-bottom:36px;
}
.case_03 li .case-details{
    display:block;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
    position: absolute;
    left:20px;
    bottom:6px;
}
/* 首页特殊样式 */
.case_03 li .index-case-text{
    padding-top:0;
    padding-left:0;
    padding-right:0;
}
.case_03 li .index-case-text .case-text-tit{
    background:#0f5eac;
    color:#fff;
    padding:6px 20px;
}
.case_03 li .index-case-text .case-text-tit span{
    display:block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case_03 li .index-case-text .case-text-font{
    padding:0 20px;
}
/* 4 */
.case_04{
    height:302px;
}
.case_04 li{
    width:276px;
    height:300px;
    float: left;
    background:#fff;
    margin-right:32px;
    border:1px solid #ececec;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.case_04 li:last-child{
    float:right;
    margin-right:0;
}
.case_04 li .case-img{
    display:block;
    width:100%;
    height:160px;
}
.case_04 li .case-img img{
    display:block;
    height:100%;
}
.case_04 li .case-text{
    width:100%;
    height:210px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}
.case_04 li .case-text-tit{
    font-size:18px;
    line-height:24px;
    color:#333333;
}
.case_04 li .case-text-font{
    font-size:14px;
    max-height:45px;
    color:#333;
    line-height:24px;
    margin-top:7px;
    margin-bottom:36px;
}
.case_04 li .case-details{
    display:block;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
    position: absolute;
    bottom:7px;
    left:20px;
}
/* 首页特殊样式 */
.case_04 li .index-case-text{
    padding-top:0;
    padding-left:0;
    padding-right:0;
}
.case_04 li .index-case-text .case-text-tit{
    background:#0f5eac;
    color:#fff;
    padding:6px 20px;
}
.case_04 li .index-case-text .case-text-tit span{
    display:block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case_04 li .index-case-text .case-text-font{
    padding:0 20px;
}
/* 下载部分效果 */
.product-case-hover:hover{
    background:#0e5fb3;
}
.product-case-hover:hover .case-text-tit{
    color:#fff;
}
.product-case-hover:hover .case-text-font.case-text-download span{
    color:#fff;
}
.product-case-hover:hover .case-details-download{
    color:#fff;
}
.product-case-hover:hover path{
    stroke:#fff;
}
/*新增行业洞察转行业案例 改编样式。 2019-9-27*/
.product-case-hover:hover .smart-caseback{
    top:0;
}
.product-case-hover:hover .smart-casetext-h2{
    color:#ffffff;
    margin-bottom:14px;
}
.product-case-hover:hover .smart-case-label span{
    color:#fff;
}
.product-case-hover:hover .smart-case-label .smart-case-watch{
    background-image:url('../image/smart-case-watch-act.png');
}
.product-case-hover:hover .smart-case-label .smart-case-love{
    background-image:url('../image/smart-case-love-act.png');
}
/* 最新资讯 */
.info-arrow{
    width:22px;
    height:18px;
    vertical-align: middle;
    margin-left:12px;
    margin-top:-3px;
    -webkit-transition:transform .3s ease;
    -moz-transition:transform .3s ease;
    -ms-transition:transform .3s ease;
    -o-transition:transform .3s ease;
    transition:transform .3s ease;
}
.info-arrow path{
    stroke: #1e61a6;
}
/* 图片放大效果 */
.product-info li .info-details.active .info-arrow{
    stroke:#ffffff;
    -webkit-transform:translateX(4px);
    -moz-transform:translateX(4px);
    -ms-transform:translateX(4px);
    -o-transform:translateX(4px);
    transform:translateX(4px);
}
.info-img img{
    -webkit-transition:transform .3s linear;
    -moz-transition:transform .3s linear;
    -ms-transition:transform .3s linear;
    -o-transition:transform .3s linear;
    transition:transform .3s linear;
}
.product-info li:hover .info-img img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.product-info .info-text{
    min-width:200px;
}
/* 1 */
.info_01{
    height:300px;
}
.info_01 li{
    width:100%;
    height:300px;
    background:#fff;
    overflow:hidden;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,0.05);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.05);
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.info_01 li .info-img{
    display:block;
    width:520px;
    height:100%;
    float:left;
}
.info_01 li .info-img img{
    display:block;
    height:102%;
}
.info_01 li .info-text{
    width:680px;
    height:100%;
    padding-left:50px;
    padding-right:50px;
    padding-top:70px;
    float:left;
    border:1px solid #ececec;
}
.info_01 li .info-text-tit{
    font-size:18px;
    line-height:28px;
    max-height:62px;
    overflow:hidden;
    color:#333333;
    position: relative;
    padding-bottom:12px;
}
.info_01 li .info-text-tit:after{
    content:'';
    display:block;
    width:52px;
    height:2px;
    background:#cccccc;
    position: absolute;
    left:0;
    bottom:0;
    display: none;
}
.info_01 li .info-text-font{
    font-size:14px;
    color:#999999;
    line-height:24px;
    padding-top:4px;
    margin-bottom:30px;
    border-top: 2px #cccccc solid;
    display: inline-block;
}
.info_01 li .info-details{
    display:block;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
}
/* 2 */
.info_02{
    height:330px;
}
.info_02 li{
    width:580px;
    height:330px;
    background:#fff;
    float:left;
    position: relative;
    overflow:hidden;
}
.info_02 li:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:url('../image/informationBack.png') no-repeat center center / cover;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
}
.info_02 li:nth-of-type(1){
    float:right;
}
.info_02 li .info-img{
    display:block;
    width:102%;
    height:100%;
    float:left;
}
.info_02 li .info-img img{
    display:block;
    width:100%;
}
.info_02 li .info-text{
    position: absolute;
    left:26px;
    bottom:26px;
    padding-top:38px;
    z-index: 99;
}
.info_02 li .info-text-tit{
    font-size:16px;
    max-height:56px;
    line-height:24px;
    color:#fff;
    padding-right:20px;
    padding-top:8px;
    position: relative;
    overflow:hidden;
}
.info_02 li .info-text-font{
    font-size:14px;
    max-height:38px;
    color:#fff;
    line-height:38px;
    position: absolute;
    top:0;
    left:0;
    border-bottom:2px solid #fff;
}
.info_02 li .info-details{
    display:none;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
}
/* 3 */
.info_03{
    height:220px;
}
.info_03 li{
    width:376px;
    height:220px;
    background:#fff;
    float:left;
    margin-right:36px;
    position: relative;
    overflow:hidden;
}
.info_03 li:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:url('../image/informationBack.png') no-repeat center center / cover;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
}
.info_03 li:last-child{
    margin-right:0;
}
.info_03 li .info-img{
    display:block;
    width:102%;
    height:100%;
    float:left;
}
.info_03 li .info-img img{
    display:block;
    width:100%;
}
.info_03 li .info-text{
    position: absolute;
    left:20px;
    bottom:16px;
    padding-top:38px;
    z-index: 99;
}
.info_03 li .info-text-tit{
    font-size:16px;
    max-height:56px;
    line-height:24px;
    color:#fff;
    padding-right:20px;
    padding-top:8px;
    position: relative;
    overflow:hidden;
}
.info_03 li .info-text-font{
    font-size:14px;
    max-height:68px;
    color:#fff;
    line-height:38px;
    position: absolute;
    top:0;
    left:0;
    border-bottom:2px solid #fff;
}
.info_03 li .info-details{
    display:none;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
}
/* 4 */
.info_04{
    height:160px;
}
.info_04 li{
    width:276px;
    height:160px;
    background:#fff;
    float:left;
    margin-right:32px;
    position: relative;
    overflow:hidden;
}
.info_04 li:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:url('../image/informationBack.png') no-repeat center center / cover;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
}
.info_04 li:last-child{
    margin-right:0;
}
.info_04 li .info-img{
    display:block;
    width:102%;
    height:100%;
    float:left;
}
.info_04 li .info-img img{
    display:block;
    width:100%;
}
.info_04 li .info-text{
    position: absolute;
    left:20px;
    bottom:10px;
    padding-top:38px;
    z-index: 99;
}
.info_04 li .info-text-tit{
    font-size:16px;
    max-height:56px;
    line-height:24px;
    color:#fff;
    padding-right:20px;
    padding-top:8px;
    position: relative;
    overflow:hidden;
}
.info_04 li .info-text-font{
    font-size:14px;
    max-height:68px;
    color:#fff;
    line-height:38px;
    position: absolute;
    top:0;
    left:0;
    border-bottom:2px solid #fff;
}
.info_04 li .info-details{
    display:none;
    width:130px;
    height:46px;
    color:#0e56a0;
    line-height:46px;
    font-size:14px;
}

/* ******************* 热门产品部分 ******************** */
.hotpro-intro-tem{
    padding:36px 0;
    background:#f6f6f6;
}
.hotpro-intro{
    width:330px;
}
.hotpro-intro-img{
    width:800px;
}
.hotpro-intro-img img{
    display:block;
    width:100%;
}
.hotpro-intro-tit{
    font-size:24px;
    color:#333333;
    line-height:40px;
    padding-top: 8px;
    margin-bottom:12px;
    font-weight: bold;
}
.hotpro-intro p{
    font-size:14px;
    color:#000000;
    line-height:30px;
    padding-bottom:8px;
}
.hotpro-intro-down{
    width:120px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    color:#fff;
    background:#1076db;
    margin-top:20px;
}
.hotpro-intro-down a{
    display:block;
    width:100%;
    height:100%;
    color:#fff;
}

.product-solve li,.product-case li,.product-case li,.smartGover-contain-list li,.product-info li,.details-list li,.index-industry li{
    cursor:pointer;
}


/* 2019-11-13 */
.product-solve li:nth-child(even){
    background:#1177dc;
}
.product-solve li:nth-child(odd){
    background:#105eab;
}
.product-solve li .solve-img{
    position: relative;
}
.product-solve li .solve-downloadbtn{
    display: block;
    width: 60%;
    height: 50px;
    padding-right: 20px;
    text-align:right;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
    background: #000;
    background: -moz-linear-gradient(to right, rgba(0,0,0,0), #131416);
    background: -ms-linear-gradient(to right, rgba(0,0,0,0), #131416);
    background: -webkit-linear-gradient(to right, rgba(0,0,0,0), #131416);
    background: linear-gradient(to right, rgba(0,0,0,0), #131416);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#131416", gradientType="1");
}
/* 详情页下载按钮 */
.detail-diy .solve-details{
    display: block;
    width: 130px;
    height: 46px;
    background: #fff;
    color: #0e56a0;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    margin-top: 20px;
    border: 1px solid #999999;
}