.container {
    width: 1200rem;
    margin: 0 auto;
}
.banner {
    width: 100%;
    height: 550rem;
}
.swiper-slide {
    width: 100%;
    height: 550rem;
}
.top-title {
    background: url(/cache/box/bg/top_title_background.png) no-repeat center top;
}
.top-title p:first-child {
    padding-top: 60rem;
    margin-bottom: 11rem;
    font-size: 36rem;
    color: #333333;
    text-align: center;
}
.top-title p:nth-child(2) {
    font-size: 12rem;
    color: #666666;
    margin-bottom: 20rem;
    text-align: center;
}
/*------------------ team ------------------*/
.team-advantage {
    background: url(/cache/box/bg/team_background1.jpg) no-repeat center top;
    padding-bottom: 76rem;
}
.team-advantage ul {
    margin-top: 42rem;
    font-size: 0;
    text-align: center;
}
.team-advantage ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 12.5rem;
    padding-top: 55rem;
    width: 220rem;
    height: 285rem;
    background-color: #ffffff;
    box-shadow: 0rem 3rem 12rem 0rem rgba(0, 0, 0, 0.2);
}
.team-advantage ul li i {
    display: block;
    width: 83rem;
    height: 83rem;
    margin: 0 auto 42rem;
}
.team-advantage ul li span {
    display: block;
    width: 50rem;
    height: 2rem;
    background-color: #999999;
    margin: 0 auto 24rem;
}
.team-advantage ul li:hover span {
    background-color: #0089e1;
}
.team-advantage ul li p {
    font-size: 14rem;
    color: #666666;
    line-height: 24rem;
    padding: 22rem;
    text-align: center;
}
.team-advantage ul li:first-child i {
    background: url(/cache/box/bg/team_icon1_grey.png) no-repeat center center;
}
.team-advantage ul li:first-child:hover i {
    background: url(/cache/box/bg/team_icon1_blue.png) no-repeat center center;
}
.team-advantage ul li:nth-child(2) i {
    background: url(/cache/box/bg/team_icon2_grey.png) no-repeat center center;
}
.team-advantage ul li:nth-child(2):hover i {
    background: url(/cache/box/bg/team_icon2_blue.png) no-repeat center center;
}
.team-advantage ul li:nth-child(3) i {
    background: url(/cache/box/bg/team_icon3_grey.png) no-repeat center center;
}
.team-advantage ul li:nth-child(3):hover i {
    background: url(/cache/box/bg/team_icon3_blue.png) no-repeat center center;
}
.team-advantage ul li:nth-child(4) i {
    background: url(/cache/box/bg/team_icon4_grey.png) no-repeat center center;
}
.team-advantage ul li:nth-child(4):hover i {
    background: url(/cache/box/bg/team_icon4_blue.png) no-repeat center center;
}
.team-advantage ul li:nth-child(5) i {
    background: url(/cache/box/bg/team_icon5_grey.png) no-repeat center center;
}
.team-advantage ul li:nth-child(5):hover i {
    background: url(/cache/box/bg/team_icon5_blue.png) no-repeat center center;
}
/* team-list */
.team-list {
    margin-bottom: 20rem;
}
.team-list ul {
    margin-top: 42rem;
    padding-bottom: 22rem;
    display: flex;
    flex-wrap: wrap;
}
.team-list ul li {
    width: 580rem;
    height: 330rem;
    padding: 23rem 51rem 0 30rem;
    border: solid 2rem #bdbdbd;
    box-sizing: border-box;
    margin-bottom: 38rem;
}

.cart {
    display: flex;
    justify-content: space-between;
}
.team-list ul li:hover {
    border: solid 2rem #0089e1;
}
.team-list ul li:nth-child(2n) {
    margin-left: 40rem;
}
.team-list ul li .imgTean {
    width: 180rem;
    height: 270rem;
    background-color: #c2c2c2;
}
.imgTean img {
    object-fit: cover;
}
.team-list ul li div {
    width: 247rem;
}
.team-list ul li div p:first-child {
    padding: 22rem 0 19rem;
    border-bottom: 1rem dotted #c2c2c2;
    font-size: 24rem;
    color: #333333;
}
.team-list ul li div p:nth-child(2) {
    font-size: 16rem;
    line-height: 30rem;
    color: #666666;
    margin: 25rem 0 25rem 0;
    height: 90rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.team-list ul li div span {
    display: block;
    width: 91rem;
    height: 27rem;
    text-align: center;
    line-height: 27rem;
    color: #fff;
    font-size: 14rem;
    background: url(/cache/box/bg/team_list_more_grey.png) no-repeat center center;
}
.team-list ul li:hover div span {
    background: url(/cache/box/bg/team_list_more_blue.png) no-repeat center center;
}

@media screen and (max-width: 768px) {
.top-title {
    background: url(/cache/box/bg/top_title_background.png) no-repeat center top;
    display: flex;
    padding-top: 37px;
    flex-direction: column;
}
.top-title p:first-child {
    padding-top: 60rem;
    margin-bottom: 25rem;
    font-size: 23px;
    color: #333333;
    text-align: center;
    font-weight: bolder;
}

.top-title p:nth-child(2) {
    font-size: 8px;
    color: #666666;
    margin-bottom: 20rem;
    text-align: center;
}

.team-advantage ul {
    margin-top: 42rem;
    font-size: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    gap: 10px;
    width: 95%;
    margin: 0 auto;
}

.team-advantage ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 12.5rem;
    padding-top: 55rem;
    width: 100%;
    height: 197px;
    background-color: #ffffff;
    box-shadow: 0rem 3rem 12rem 0rem rgba(0, 0, 0, 0.2);
}
.team-advantage ul li i {
    display: block;
    width: 45%;
    height: 45%;
    margin: 0 auto 42rem;
}
.team-advantage ul li span {
    display: block;
    width: 60%;
    height: 2rem;
    background-color: #999999;
    margin: 0 auto 24rem;
}
.team-advantage ul li p {
    font-size: 87rem;
    color: #666666;
    line-height: 1.1;
    padding: 31rem;
    text-align: center;
}
.title-black {
    background: url(/cache/box/icon/simple_title_black.png) no-repeat center 17rem;
    display: flex;
    padding-top: 37px;
    flex-direction: column;
}
.title-black p:first-child {
    padding-top: 60rem;
    margin-bottom: 25rem;
    font-size: 23px;
    color: #333333;
    text-align: center;
    font-weight: bolder;
}
.title-black p:nth-child(2) {
    font-size: 8px;
    color: #666666;
    margin-bottom: 20rem;
    text-align: center;
}

.team-list ul {
    margin-top: 42rem;
    padding-bottom: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.team-list ul li {
    width: 347px;
    height: 107px;
    padding: 23rem 51rem 0 30rem;
    border: solid 2rem #bdbdbd;
    box-sizing: border-box;
    margin-bottom: 38rem;
}

.cart {
    display: flex;
    justify-content: normal;
    gap: 20px;
}

.team-list ul li .imgTean {
    width: 21%;
    height: auto;
    background-color: #c2c2c2;
}

.team-list ul li div {
    width: 80%;
}

.team-list ul li div p:first-child {
    padding: 22rem 0 19rem;
    border-bottom: 1rem dotted #c2c2c2;
    font-size: 71rem;
    color: #333333;
}

.team-list ul li div p:nth-child(2) {
    font-size: 46rem;
    line-height: 1.3;
    color: #666666;
    margin: 25rem 0 25rem 0;
    height: 238rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.team-list ul li div span {
    display: block;
    width: 210rem;
    height: 75rem;
    text-align: center;
    line-height: 78rem;
    color: #fff;
    font-size: 38rem;
}
.team-list ul li:nth-child(2n) {
    margin-left: 0rem;
}
.team-advantage {
    padding-bottom: 76rem;
    background-size: cover;
}

}