.content{ background: url(../jpg/teambg.jpg) no-repeat 50% 0; padding-bottom: 60px;padding-top: 60px; }
.team-tit{ background: url(../png/team-tit.png) no-repeat; width: 1200px; height: 50px; margin: 0 auto;position: relative;z-index: 1; transform: translateY(-30px);  }
.team-tit .xl-box{
  /* width: 30px; */
  /* position: relative; */
}
.team-tit .xl-box .xl-show{ width: 260px; height: 50px; line-height: 24px; display: flex; align-items: center; font-size: 18px; color: #0c0c10; position: relative; box-sizing: border-box; padding:0 20px; cursor: pointer; }
.team-tit .xl-box .xl-show .icon-xjt{ display: block; background-position: -816px -115px; width: 16px; height: 13px; position: absolute; right: 0; top: 20px; }
.team-tit .xl-box .xl-menu{display: none; width: 260px; background-color: #ffffff; border: 1px solid #bfbfbf; border-top: 0;position: relative; z-index: 10;position: absolute;left: 0;top: 50px; }
.team-tit .xl-box .xl-menu .menu-btn{ font-size: 18px; color:#4d4d4d; box-sizing: border-box; padding: 0 20px; height:38px; display: flex; align-items: center; cursor: pointer; }
.team-tit .xl-box .xl-menu .menu-btn:hover{ background-color: #e6e6e6; }


.list-box{
  max-height: 740px;
  overflow-x: hidden;
  margin: 0 auto;
}
.list-box::-webkit-scrollbar-track-piece{background-color:#fff;}
.list-box::-webkit-scrollbar{width: 7px; height: 6px; background-color: #fff;}
.list-box::-webkit-scrollbar-thumb{background:#babdc2;border-radius:2px}
.list-team{
  width: 1200px;
  margin: 0 auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.team-li{ width: 220px; height: 220px; background: url(../png/team-bg.png) no-repeat; background-size: 100%;box-sizing: border-box;padding-top: 20px;margin-right: 25px;margin-bottom: 25px; }
.list-team .team-li:nth-of-type(5n){margin-right: 0; }
.team-li .team-logo{display: block; width: 128px; margin: 0 auto; }
.team-li .team-name{text-align: center;font-size: 20px;color: #4c4c4c;font-family: "font";margin-top: 36px;}
.team-li>a{display: block;}
.team-li:hover{ background: url(../png/team-bg_on.png) no-repeat; background-size: 100%; }
.team-li.on{ background: url(../png/team-bg_on.png) no-repeat; background-size: 100%; }
.team-li:hover .team-name{color: #ffffff;}
.team-li.on .team-name{color: #ffffff;}

/* 亚运会 */
.list-box1 .team-li{ width: 220px; height: 220px;background: #e6e6e6;border: 4px solid transparent; box-sizing: border-box; padding-top: 10px;margin-right: 25px;margin-bottom: 25px; }

.list-box1 .team-li .team-zn{ text-align: center; font-size: 18px; color: #4c4c4c; }
.list-box1 .team-li .team-logo{display: block; width: 150px; margin: 10px auto 0; }
.list-box1 .team-li .team-en{display: flex;flex-direction: column;justify-content: center;align-items: center; text-align: center;height: 42px;font-size: 14px;color: #4c4c4c;font-family: "font";margin-top: 10px;}
.list-box1 .team-li:hover{border: 4px solid #07f468;}
.list-box1 .team-li.on{border: 4px solid #07f468;}