.ui-titleNav {
    background-color: #fff;
}

.ui-ctb-tp {
    text-align: center;
    padding: 40px 0 60px 0;
}

.ui-ctb-tpr-s {
    display: inline-block;
}

.ui-ctb-tpp {
    border: 0;
}

.ui-core {
    width: 100%;
    height: 402px;
    margin-bottom: 38px;
}

.ui-core-img img,
.ui-phy-tu img {
    width: 100%;
}

.ui-core-img {
    width: 100%;
    height: 292px;
}

.ui-core-fu {
    position: relative;
    width: 100%;
    height: 110px;
    text-align: center;
    line-height: 110px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    background-color: #28984e;
}

.ui-core-fu::after {
    position: absolute;
    top: -15px;
    left: 50%;
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #28984e;
}

.ui-mission {
    display: flex;
    width: 100%;
    height: 400px;
    margin-bottom: 35px;
}

.ui-mission-left {
    position: relative;
    width: 600px;
    height: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.ui-mission-left .img {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.img22 {
    display: none;
}

.ui-mission-title {
    position: relative;
    font-size: 36px;
    font-weight: bold;
    padding: 96px 0 0 60px;
}

.ui-mission-title::before {
    position: absolute;
    bottom: -12px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #28984e;
}

.ui-mission-p {
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    font-family: "思源黑体cn";
    padding: 60px 0 0 60px;
    color: #888888;
}

.ui-mission:hover .ui-mission-left{
    background-color: #28984e;
}
.ui-mission:hover .ui-mission-title {
    color: #fff;
}
.ui-mission:hover .ui-mission-title::before {
    background-color: #fff;
}
.ui-mission:hover .ui-mission-p {
    color: #bdd9c5;
}
.ui-mission:hover .img {
    display: none;
}
.ui-mission:hover .img22 {
    display: block;
}

.ui-mission-tu {
    width: 900px;
    height: 320px;
    background-color: #888888;
    margin: 40px 0;
}

.ui-mission-row {
    flex-direction: row-reverse;
}

.ui-philosophy {
    width: 100%;
    height: 508px;
    margin-bottom: 40px;
}

.ui-phy-title {
    position: relative;
    width: 100%;
    height: 190px;
    background-color: #28984e;
}

.ui-phy-title::after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid #28984e;

}

.ui-phy-txt {
    display: inline-block;
    position: relative;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    padding: 37px 0 0 195px;
}

.ui-phy-txt::before {
    position: absolute;
    bottom: -12px;
    content: "";
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #fff;
}

.ui-phy-title p {
    position: absolute;
    top: 38px;
    left: 405px;
    display: inline-block;
    line-height: 40px;
    font-size: 28px;
    font-weight: bold;
    font-family: "思源黑体cn";
    color: #bdd9c5;
}

.ui-phy-tu {
    width: 100%;
    height: 318px;
}

.ui-phy-title img {
    position: absolute;
    bottom: 20px;
    right: 20px;
}