@charset "utf-8";
/* CSS Document */
.idxSlideBox{float:left;overflow:hidden;width:100%;border-radius:5px;}
.idxSlideBox div{float: none;overflow: unset}

.idxItemTitle{float:left;width: 100%;text-align: center;font-weight: bold;padding-top:30px;font-size: 15px;}
.idxItemSubTitle{float:left;width: 100%;text-align: center;font-size: 12px;color:#999999;}
.idxItemShell{float:left;width: 100%;}
.idxItemBox{float:left;overflow:hidden;background:#FFF;width: calc(50% - 15px);margin: 10px 0px 0px 10px;padding:10px 0px;border-radius: 3px;}
.idxItemBox:nth-child(2n){margin-right: 0;}
.idxItemBox div{width:calc(100% - 20px);margin-left: 10px;text-align: center;}
.idxItemBox .img{height: 53px;width: auto;}
.idxItemBox .img img{max-height: 53px;width: auto;}
.idxItemBox .title{font-size:15px;margin:10px 0px 10px 10px;text-align: center;}
.idxItemBox .subTitle{height:50px;font-size: 12px;color:#8C8C8C;}

.webCaseBox{float:left;overflow:hidden;width: calc(50% - 15px);margin: 10px 0px 0px 10px;border-radius: 3px;border:#F1F3F4 1px solid;}
.webCaseBox:nth-child(2n){margin-right: 0;}
.webCaseBox div{float:left;text-align: center;}
.webCaseBox .caseInfo{width:100%;position:relative;}
.webCaseBox .img{width:100%;height:120px;text-align: center}
.webCaseBox .img img{width:100%;height:auto;}
/*.webCaseBox .title{*/
/*    width: 100%;*/
/*    position: absolute;bottom: 0;left: 0;*/
/*    filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;*/
/*    background:#000;*/
/*    color: #FFF;*/
/*    text-align: center;*/
/*}*/
.webCaseBox .title{
    width: 100%;
    filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;
    background:#000;
    color: #FFF;
    text-align: center;
}
.webCaseBox .caseDesc{display:none;font-size: 12px;color:#8C8C8C;}

.appCaseBox{float:left;overflow:hidden;width:165px;height:214px;margin: 10px 0px 0px calc((100% - 330px) / 3);}
.appCaseBox:nth-child(2n){margin-right: 0;}
.appCaseBox div{float:left;text-align: center;}
.appCaseBox .appCaseInfo{
    width: calc(100% - 16px);
    margin-left: 8px;
    margin-top: 100px;
}
.appCaseBox .appCaseInfo div{width:100%;color: #626262;}
.appCaseBox .title{text-align: center;}
.appCaseBox .desc{font-size:12px;border-top: #DADADA 1px solid;line-height:20px;padding-top:5px;margin-top: 5px;}

.custCaseBox{float:left;overflow:hidden;width: calc(50% - 15px);margin: 10px 0px 0px 10px;border:#F1F3F4 1px solid;}
.custCaseBox:nth-child(2n){margin-right: 0;}
.custCaseBox img{width:100%;object-fit: cover;}

.newsBox{float:left;overflow:hidden;width: calc(100% - 20px);margin: 10px 0px 0px 10px;padding-bottom:10px;border-bottom:#F1F3F4 1px solid;background: url("../images/dian_icon.gif") no-repeat 0px 5px;background-size:8px 8px;}
.newsBox div{float: left;font-size: 13px;}
.newsBox .title{
    width: calc(100% - 91px);margin-left: 11px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.newsBox .title a{color: #626262;}
.newsBox .date{width: 80px;text-align: right;color: #626262;}
.newsMoreBtn{float:left;width:80px;margin-left:calc((100% - 80px) / 2);border: #8C8C8C 1px solid;border-radius: 5px;color:#8C8C8C;text-align: center;}