

.satellite{
    width: 100%;
    min-width: 1200px;
    height: 800px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background:url("../images/bg.jpg") no-repeat left top;
}
.satellite .content{
    width: 1200px;
    height: 900px;
    margin: 0 auto;
    position: relative;
}
.lf{float: left;}
.rt{float: right;}
.overflow{overflow: hidden;}
.itemBottom{height: 84px;width: 100%;overflow: hidden;}
.satelliteLf{width: 40%;height: 100%;margin-right: 50px;position: relative;min-width: 210px;margin-left: 1%;}
.textCenter{text-align: center;}
.sateHead{    padding-top: 31px;
    padding-bottom: 0;}
.positionBox{position: relative;overflow: hidden;}
.position{position: absolute;background: rgba(0,0,0,0.4);top:0;bottom: 0;left: 0;right: 0;display: none;}
.position img{position: absolute;width: 58px;height: 58px;left: 50%;top: 50%;margin-left: -29px;margin-top: -29px;}
.satellite img{display: block;}
.satellite .name{font-size: 16px;color: #222;margin-top: 13px;
    margin-bottom: 10px;}
.satellite .sateTwo{text-align: center}
.satellite .sateTwoL{font-size: 14px;color: #a5a7aa;}
.satellite .sateTwoR{font-size: 12px;background: #12b7ff;color: #fff;padding: 0 4px;}
/*.satellite:hover .sateTwoR{background: #342c27;}*/
.item{width: 210px;margin-right: 5px;position: relative;}
.item:nth-child(3n){margin-right: 0;}
.mb17{margin-bottom: 17px;}
.item:hover .itemBottom{background: #dd2e65}
.satelliteLf:hover .itemBottom{background: #dd2e65}
.item:hover .sateTwoR{background: #342c27}
.satelliteLf:hover .sateTwoR{background: #342c27}

.item:hover .name{color: #fff}
.satelliteLf:hover .name{color: #fff}

.item:hover .sateTwoL{color: #fff}
.satelliteLf:hover .sateTwoL{color: #fff}
.satelliteLf:hover .position{display: block;}
.item:hover .position{display: block;}
.satelliteLf .positionBox>img{ transition: all 0.6s;  }
.satelliteLf:hover .positionBox>img{transform: scale(1.1)}
.item .positionBox>img{ transition: all 0.6s;  }
.item:hover .positionBox>img{transform: scale(1.1)}
.sateHead img{display: inline;}
.zbz{position: absolute;left:10px;top:10px;z-index: 99 }

.profile-photo{
    height:294px;
    padding-bottom: 1%;
    margin: 0px auto;
    display: flex;
    justify-content:center;
}
.row{
    margin-left: 0px;
    margin-right: 0px;
}
@media screen and (max-width: 650px){
    .satelliteLf{
        width: 100%;
    }

    .for-small{

    }
}

