@charset "utf-8";
.projct {
    flex-flow: wrap
}

.projct .item {
    border-top: solid #D7000F 4px;
    width: 492px;
    height: 230px;
    width: 49%;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #F0F0F0;
    background-position: 400px 140px;
    background-repeat: no-repeat
}

.projct .item.xtmgboxp {
    background: url(/resources/images/zx/xgbp.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxl {
    background: url(/resources/images/zx/xgbl.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxs {
    background: url(/resources/images/zx/xgbs.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxi {
    background: url(/resources/images/zx/xgbxfprofir.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxii {
    background: url(/resources/images/zx/xgbxfprosc.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxmanpx {
    background: url(/resources/images/zx/xgbmanpx.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxfhpx {
    background: url(/resources/images/zx/xgbfhpx.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxzzpx {
    background: url(/resources/images/zx/xgbmjpx.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxxfzypx {
    background: url(/resources/images/zx/xgbzypx.png) 442px 178px no-repeat;
}

.projct .item.xtmgboxp:hover {
    background: url(/resources/images/zx/xgbphover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxl:hover {
    background: url(/resources/images/zx/xgblhover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxs:hover {
    background: url(/resources/images/zx/xgbshover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxi:hover {
    background: url(/resources/images/zx/xgbxfprofirhover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxii:hover {
    background: url(/resources/images/zx/xgbxfproschover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxmanpx:hover {
    background: url(/resources/images/zx/xgbmanpxhover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxfhpx:hover {
    background: url(/resources/images/zx/xgbfhpxhover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxzzpx:hover {
    background: url(/resources/images/zx/xgbmjpxhover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.xtmgboxxfzypx:hover {
    background: url(/resources/images/zx/xgbzypxhover.png) 442px 178px no-repeat #D7000F;
}

.projct .item.nmgr {
    margin-right: 0
}

.projct .item:hover {
    background-color: #D7000F;
    color: #FFFFFF
}

.projct .item:hover .cont a {
    border-color: #FFFFFF
}

.projct .item .tit {
    margin: 26px 0 15px 15px;
    font-size: 28px
}

.projct .item:hover .tit {
    color: #fff;
}

.projct .item .cont {
    position: relative;
    background-image: url(/resources/images/dotr.png);
    background-repeat: no-repeat;
    background-position: 15px 9px;
    width: 360px;
    height: 145px;
    padding-left: 24px;
    overflow: hidden
}

.projct .item .cont a {
    position: absolute;
    bottom: 0;
    left: 15px;
    background-color: #D7000F;
    color: #FFFFFF;
    cursor: pointer
}

.projctjj {
    width: 100%;
    height: 110px;
    overflow: hidden;
    display: inline-block;
}

.projct .item:hover .projctjj {
    color: #fff;
}