@font-face {
  font-family : SourceHanSerifCN-Medium;
  src         : url(../font/SourceHanSerifCN-Medium-6.otf);
}

@font-face {
  font-family : SourceHanSerifCN-Regular;
  src         : url(../font/SourceHanSerifCN-Regular-1.otf);
}

@font-face {
  font-family : SourceHanSerifCN-Bold;
  src         : url(../font/SourceHanSerifCN-SemiBold-7.otf);
}

@font-face {
  font-family : SourceHanSerifCN-SemiBold;
  src         : url(../font/SourceHanSerifCN-SemiBold-7.otf);
}

@font-face {
  font-family : SourceHanSerifCN-Light;
  src         : url(../font/SourceHanSerifCN-Light-5.otf);
}

@font-face {
  font-family : TsangerYunHei-W08;
  src         : url(../font/TsangerYunHei-W08.ttf);
}

body {
  background : rgba(185, 185, 185, 0.09);
  /* background: #b9b9b917; */
  /* filter: Alpha(opacity=50); */


}

.header {
  background    : #fff;
  margin-bottom : 60px;
}

.common-top {
  padding-top : 50px;
}

/* .common-top .top-warp{
    background: url(../images/common-bg.jpg) no-repeat center;
    background-size: cover;
} */
.common-top .top-img img {
  width : 100%;
}

.common-top .top-bar span {
  display       : block;
  width         : 100%;
  height        : 2px;
  background    : #e59999;
  opacity       : 1;
  margin-bottom : 8px;
}

.common-top .top-img {
  position : relative;
  overflow : hidden;
}

.common-top .top-img.top-img-open {
  overflow : inherit;
}

.common-top .top-img .com-bot {
  background        : url(../images/common-bot.svg) no-repeat center;
  background-size   : contain;
  width             : 32px;
  height            : 32px;
  display           : inline-block;
  position          : absolute;
  top               : 8px;
  left              : 50%;
  transform         : translateX(-50%);
  -webkit-transform : translateX(-50%);
  -moz-transform    : translateX(-50%);
  -ms-transform     : translateX(-50%);
  -o-transform      : translateX(-50%);
  cursor            : pointer;
}

.common-top .top-img .com-top {
  background        : url(../images/common-top.svg) no-repeat center;
  background-size   : contain;
  width             : 32px;
  height            : 32px;
  display           : inline-block;
  position          : absolute;
  bottom            : 8px;
  left              : 50%;
  transform         : translateX(-50%);
  -webkit-transform : translateX(-50%);
  -moz-transform    : translateX(-50%);
  -ms-transform     : translateX(-50%);
  -o-transform      : translateX(-50%);
  cursor            : pointer;
}

.common-top .top-img .top-open {
  position           : absolute;
  top                : -300%;
  left               : 0;
  z-index            : 3;
  transition         : all .8s;
  -webkit-transition : all .8s;
  -moz-transition    : all .8s;
  -ms-transition     : all .8s;
  -o-transition      : all .8s;
  width              : 100%;
}

.common-top .top-img .top-open.top-open-active {
  top : 0;
}

/* .header-pc .header-left img{
    width: 168px;
    height: 80px;
} */
.header-pc {
  display : block;
}

.header-phone {
  display : none;
}

.header-pc .header-left img:last-child {
  padding-left : 15px;
}

/* .header-pc .header-left img{
    width: 60px;
    height: 60px;
} */
.header-pc .header-cont {
  display         : flex;
  align-items     : center;
  justify-content : space-between;
  padding         : 30px 0;
  position        : relative;
}

.header-pc .header-cent {
  display : flex;
}

.header-pc .header-cent > li:not(:first-child) {
  margin-left : 56px;
}

.header-pc .header-cent > li > a {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Medium;
  color       : #111111;
  line-height : 52px;
  position    : relative;
  display     : inline-block;
}

.header-pc .header-cent > li > a::after {
  content            : '';
  width              : 0;
  height             : 3px;
  background         : #BE0000;
  position           : absolute;
  bottom             : 0;
  left               : 0;
  transition         : all 0.5s;
  -webkit-transition : all 0.5s;
  -moz-transition    : all 0.5s;
  -ms-transition     : all 0.5s;
  -o-transition      : all 0.5s;
}

.header-pc .header-cent > li:hover a::after {
  width : 100%;
}

.header-pc .header-cent > li > a.active::after {
  width : 100%;
}

/* .header-pc .header-cent>li{
    position: relative;
} */
.header-pc .header-cent .cent-box {
  position           : absolute;
  left               : 0;
  width              : 100%;
  background         : #f8f8f8;
  box-shadow         : 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  top                : 110%;
  /* top: 50%; */
  padding            : 8px 191px;
  visibility         : hidden;
  opacity            : 0;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  z-index            : 99;
  display            : flex;
  justify-content    : space-between;
  border-radius      : 10px;
}

.header-pc .header-cent li:nth-child(5) .cent-box {
  justify-content : space-around;
}

.header-pc .header-cent li:nth-child(5) .cent-box:after {
  left : 62%;
}

.header-pc .header-cent > li:hover .cent-box {
  opacity    : 1;
  visibility : inherit;
  top        : 92%;
}

.header-pc .header-cent .cent-box li a {
  font-size          : 14px;
  font-family        : SourceHanSerifCN-Medium;
  font-weight        : 400;
  color              : #111111;
  line-height        : 35px;
  display            : inline-block;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.header-pc .header-cent .cent-box li a:hover {
  color : #BE0000;
}

.header-pc .header-cent .cent-box::after {
  border        : 10px solid transparent;
  border-bottom : 10px solid #f8f8f8;
  width         : 0;
  height        : 0;
  position      : absolute;
  top           : -20px;
  content       : ' ';
  left          : 49%;
}

.header-pc .header-right {
  display     : flex;
  align-items : center;
}

.header-pc .header-right .right-search {
  margin-right : 20px;
}

.header-pc .header-right .icon-search {
  background      : url(../images/icon-search.png) no-repeat center;
  background-size : contain;
  width           : 24px;
  height          : 24px;
  display         : inline-block;
  margin-top      : 8px;
  cursor          : pointer;
}

.header-pc .header-right .icon-list {
  background      : url(../images/icon-list.png) no-repeat center;
  background-size : contain;
  width           : 24px;
  height          : 24px;
  display         : inline-block;
  margin-top      : 8px;
  cursor          : pointer;
}

.header-pc .head-eng {
  position : absolute;
  right    : 0;
  top      : 5px;
}

.header-pc .head-eng a span {
  font-size      : 14px;
  font-family    : SourceHanSerifCN-Medium;
  color          : #111111;
  line-height    : 30px;
  vertical-align : middle;
  padding-right  : 3px;
  transition     : all .3s;
}

.header-pc .head-eng a img {
  width          : 20px;
  vertical-align : middle;
}

.header-pc .head-eng .icon-eng {
  display         : inline-block;
  background      : url(../images/header-eng.png) no-repeat center;
  background-size : contain;
  width           : 20px;
  height          : 20px;
  vertical-align  : middle;
  transition      : all .3s;
}

.header-pc .head-eng:hover .icon-eng {
  background      : url(../images/header-eng-co.png) no-repeat center;
  background-size : contain;
}

.header-pc .head-eng:hover span {
  color : #5ABBBD;
}

/* .header-pc .header-cent .cent-box li a::after{
    content: '';
    width: 0;
    height: 2px;
    background:  #BE0000;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.header-pc .header-cent .cent-box li:hover a::after{
    width: 100%;
} */

/* 手机端导航 */

/* .header-phone{
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 8;
}
.header-phone.active{
    height: 100%;
} */
.header-phone {
  position : relative;
}

.header-phone .phone-box {
  display         : flex;
  justify-content : space-between;
  align-items     : center;
  padding         : 10px 0;
}

.header-phone .box-left img {
  width : 40px;
}

.header-phone .box-right {
  cursor : pointer;
}

.header-phone .box-right span {
  display            : inline-block;
  width              : 28px;
  height             : 2px;
  background-color   : #0D2439;
  border-radius      : 5px;
  position           : relative;
  transition         : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -webkit-transition : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -moz-transition    : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -ms-transition     : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -o-transition      : transform 0.1s ease-out, top 0.3s ease 0.2s;
  transform          : rotate(0deg);
  -webkit-transform  : rotate(0deg);
  -moz-transform     : rotate(0deg);
  -ms-transform      : rotate(0deg);
  -o-transform       : rotate(0deg);
}

.header-phone .box-right span:before {
  content            : '';
  display            : inline-block;
  width              : 28px;
  height             : 2px;
  background-color   : #0D2439;
  border-radius      : 5px;
  position           : absolute;
  top                : -8px;
  left               : 0px;
  transition         : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -webkit-transition : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -moz-transition    : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -ms-transition     : transform 0.1s ease-out, top 0.3s ease 0.2s;
  -o-transition      : transform 0.1s ease-out, top 0.3s ease 0.2s;
  transform          : rotate(0deg);
  -webkit-transform  : rotate(0deg);
  -moz-transform     : rotate(0deg);
  -ms-transform      : rotate(0deg);
  -o-transform       : rotate(0deg);
}

.header-phone.phone-menu .box-right span {
  transition        : top 0.3s ease, transform 0.1s ease-out 0.2s;
  transform         : rotate(45deg);
  top               : 0px;
  -webkit-transform : rotate(45deg);
  -moz-transform    : rotate(45deg);
  -ms-transform     : rotate(45deg);
  -o-transform      : rotate(45deg);
}

.header-phone.phone-menu .box-right span:before {
  transition        : top 0.3s ease, transform 0.1s ease-out 0.2s;
  transform         : rotate(-95deg);
  top               : 0px;
  -webkit-transform : rotate(-95deg);
  -moz-transform    : rotate(-95deg);
  -ms-transform     : rotate(-95deg);
  -o-transform      : rotate(-95deg);
}

.header-phone .box-list {
  position           : fixed;
  background         : #fff;
  width              : 70%;
  top                : 0;
  right              : -100%;
  z-index            : 8;
  padding            : 75px 0 15px 15px;
  height             : 100%;
  transition         : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition    : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition     : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition      : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  box-shadow         : 0 -8px 16px 0 rgb(0 0 0 / 16%);
  opacity            : 0;
  visibility         : hidden;
  overflow-y         : auto;
}

.header-phone.phone-menu .box-list {
  right      : 0;
  opacity    : 1;
  visibility : inherit;
}

.header-phone .list-bg {
  background-color   : rgba(0, 0, 0, 0.5);
  height             : 100%;
  width              : 100%;
  position           : fixed;
  top                : 0;
  z-index            : 7;
  left               : 0;
  -webkit-transition : all 0.3s ease-out 0s;
  -moz-transition    : all 0.3s ease-out 0s;
  -ms-transition     : all 0.3s ease-out 0s;
  -o-transition      : all 0.3s ease-out 0s;
  transition         : all 0.3s ease-out 0s;
  opacity            : 0;
  visibility         : hidden;
}

.header-phone.phone-menu .list-bg {
  opacity    : 1;
  visibility : inherit;
}

.header-phone .list-cent > li > a {
  font-size          : 16px;
  font-family        : SourceHanSerifCN-Medium;
  color              : #111111;
  line-height        : 36px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.header-phone .list-cent > li > a:hover {
  color : #BE0000;
}

.header-phone .list-cent .cent-box {
  padding-left   : 15px;
  padding-bottom : 10px;
}

.header-phone .list-cent .cent-box a {
  font-size          : 14px;
  font-family        : SourceHanSerifCN-Medium;
  color              : #111111;
  line-height        : 30px;
  position           : relative;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  padding-left       : 10px;
}

.header-phone .list-cent .cent-box a:hover {
  color : #BE0000;
}

.header-phone .list-cent .cent-box a::after {
  content    : "";
  position   : absolute;
  left       : -12px;
  top        : 10px;
  width      : 12px;
  height     : 2px;
  background : #5ABBBD;
}

.header-phone .icon-close {
  position  : absolute;
  right     : 35px;
  top       : 20px;
  font-size : 24px;
}

/* 手机端导航 */
/* 右侧弹出导航 */
.right-bg {
  background-color   : rgba(0, 0, 0, 0.5);
  height             : 100%;
  width              : 100%;
  position           : fixed;
  top                : 0;
  z-index            : 7;
  right              : -100%;
  opacity            : 0;
  visibility         : hidden;
  transition         : all 0.5s ease-out 0s;
  -webkit-transition : all 0.5s ease-out 0s;
  -moz-transition    : all 0.5s ease-out 0s;
  -ms-transition     : all 0.5s ease-out 0s;
  -o-transition      : all 0.5s ease-out 0s;
}

.ect-list {
  position           : fixed;
  background         : #fff;
  width              : 30%;
  top                : 0;
  right              : -100%;
  z-index            : 8;
  padding            : 75px 0 15px 15px;
  height             : 100%;
  transition         : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition    : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition     : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition      : all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  box-shadow         : 0 -8px 16px 0 rgb(0 0 0 / 16%);
  opacity            : 0;
  visibility         : hidden;
}

.ect-list .icon-close {
  position  : absolute;
  right     : 35px;
  top       : 20px;
  font-size : 24px;
  cursor    : pointer;
}

.ect-list .ect-cent > li > a {
  font-size          : 18px;
  font-family        : SourceHanSerifCN-Medium;
  color              : #111111;
  line-height        : 38px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.ect-list .ect-cent .cent-box {
  padding-left   : 15px;
  padding-bottom : 10px;
}

.ect-list .ect-cent .cent-box a {
  font-size          : 14px;
  font-family        : SourceHanSerifCN-Medium;
  color              : #111111;
  line-height        : 30px;
  position           : relative;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  padding-left       : 10px;
}

.right-bg.right-bg-active {
  right      : 0;
  opacity    : 1;
  visibility : inherit;
}

.ect-list.ect-list-active {
  right      : 0;
  opacity    : 1;
  visibility : inherit;
}

.ect-list .ect-cent .cent-box a::after {
  content    : "";
  position   : absolute;
  left       : -12px;
  top        : 10px;
  width      : 12px;
  height     : 2px;
  background : #5ABBBD;
}

.ect-list .ect-cent li a {
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.ect-list .ect-cent li a:hover {
  color : #BE0000;
}

/* 右侧弹出导航 */
.footer {
  background : #f8f8f8;
}

.footer .footer-box {
  padding    : 40px 0;
  text-align : center;
}

.footer .footer-box p {
  font-size   : 14px;
  font-family : SourceHanSerifCN-Regular;
  color       : #111111;
  line-height : 18px;
}

/* 首页 */
.index-banner {
  background : #fff;
}

.index-banner .index-swiper {
  border-bottom : 6px solid #5ABBBD;
}

.index-banner .banner-box img {
  width : 100%;
}

.index-banner .swiper-pagination {
  text-align : center !important;
}

.index-banner .swiper-pagination-bullets .swiper-pagination-bullet {
  width              : 130px;
  height             : 6px;
  background         : #A1A1A1;
  opacity            : 1;
  border-radius      : 5%;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.index-banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background : #5ABBBD
}

.index-banner .banner-text {
  position : absolute;
  left     : 60px;
  bottom   : 50px;
}

.index-banner .banner-text h2 {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #FFFFFF;
  line-height : 40px;
}

.index-banner .banner-text p {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #FFFFFF;
  line-height : 25px;
}

.index-list {
  padding    : 100px 0 70px 0;
  background : #fff;
}

.index-list .list-box1 {
  background      : url(../images/index-list-bg1.png) no-repeat center;
  background-size : 100% 100%;
}

.index-list .list-box2 {
  background      : url(../images/index-list-bg2.png) no-repeat center;
  background-size : 100% 100%;
}

.index-list .list-box3 {
  background      : url(../images/index-list-bg3.png) no-repeat center;
  background-size : 100% 100%;
}

.index-list .list-box4 {
  background      : url(../images/index-list-bg4.png) no-repeat center;
  background-size : 100% 100%;
}

.index-list .list-box {
  position : relative;
  height   : 420px;
  overflow : hidden;
  cursor   : pointer;
}

.col-xl-4 {
  transition : all 1s ease 0s;
}

.col-xl-5 {
  transition : all 1s ease 0s;
}

.col-xl-6 {
  transition : all 1s ease 0s;
}

.col-xl-7 {
  transition : all 1s ease 0s;
}

.col-xl-8 {
  transition : all 1s ease 0s;
}

.col-xl-9 {
  transition : all 1s ease 0s;
}

.index-list .box-bg {
  background         : rgba(90, 187, 189, 0.9);
  text-align         : center;
  position           : absolute;
  width              : 100%;
  height             : 100%;
  top                : 0;
  left               : 0;
  transition         : ease .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.index-list .list-box:hover .box-bg {
  top : 94%;
}

.index-list .list-icon {
  width   : 224px;
  height  : 224px;
  display : block;
  margin  : 0 auto;
}

/*.index-list .list-box:hover #cent1{*/
/*    background: url(../images/1.png) no-repeat center;*/
/*    background-size: 250px 250px;*/
/*}*/
/*.index-list .list-box:hover #cent2{*/
/*    background: url(../images/2.png) no-repeat center;*/
/*    background-size: 250px 250px;*/
/*}*/
/*.index-list .list-box:hover #cent3{*/
/*    background: url(../images/3.png) no-repeat center;*/
/*    background-size: 250px 250px;*/
/*}*/
/*.index-list .list-box:hover #cent4{*/
/*    background: url(../images/4.png) no-repeat center;*/
/*    background-size: 250px 250px;*/
/*}*/
.index-list .list-box:hover .list-icon1 {
  background      : url(../images/1.png) no-repeat center;
  background-size : contain;
}

.index-list .list-box:hover .list-icon2 {
  background      : url(../images/2.png) no-repeat center;
  background-size : contain;
}

.index-list .list-box:hover .list-icon3 {
  background      : url(../images/3.png) no-repeat center;
  background-size : contain;
}

.index-list .list-box:hover .list-icon4 {
  background      : url(../images/4.png) no-repeat center;
  background-size : contain;
}

.index-list .list-icon1 {
  background      : url(../images/index-list-ico1.png) no-repeat center;
  background-size : contain;
}

.index-list .list-icon2 {
  background      : url(../images/index-list-ico2.png) no-repeat center;
  background-size : contain;
}

.index-list .list-icon3 {
  background      : url(../images/index-list-ico3.png) no-repeat center;
  background-size : contain;
}

.index-list .list-icon4 {
  background      : url(../images/index-list-ico4.png) no-repeat center;
  background-size : contain;
}

.index-list .box-cent {
  position           : relative;
  text-align         : center;
  z-index            : 1;
  padding-top        : 88px;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.index-list .list-box:hover .box-cent {
  padding-top : 60px;
}

.index-list .box-cent .box-href {
  background            : #5ABBBD;
  border-radius         : 32px;
  -webkit-border-radius : 32px;
  -moz-border-radius    : 32px;
  -ms-border-radius     : 32px;
  -o-border-radius      : 32px;
  display               : inline-block;
  padding               : 6px 42px;
  margin-top            : 30px;
  opacity               : 0;
  visibility            : hidden;
  transition            : all .5s;
  -webkit-transition    : all .5s;
  -moz-transition       : all .5s;
  -ms-transition        : all .5s;
  -o-transition         : all .5s;
}

.index-list .list-box:hover .box-href {
  opacity    : 1;
  visibility : inherit;
}

.index-list .box-cent .box-href span {
  font-size      : 18px;
  font-family    : SourceHanSerifCN-Bold;
  font-weight    : bold;
  color          : #F6F6F6;
  line-height    : 24px;
  vertical-align : middle;
}

.index-list .box-cent .box-href b {
  background      : url(../images/index-list-jian.png) no-repeat center;
  background-size : contain;
  width           : 16px;
  height          : 16px;
  display         : inline-block;
  vertical-align  : middle;
  margin-left     : 10px;
}

.index-list .boxw-bg {
  background         : rgba(22, 42, 61, 0.9);
  position           : absolute;
  left               : 0;
  top                : 0;
  width              : 100%;
  height             : 100%;
  opacity            : 0;
  visibility         : hidden;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.index-list .list-box:hover .boxw-bg {
  opacity    : 1;
  visibility : inherit;
}

.p-b3 {
  padding-bottom : 30px;
}

.p-t3 {
  padding-top : 30px;
}

.p-l3 {
  padding-left : 30px;
}

.p-r3 {
  padding-right : 30px;
}

/* 关于中田 */
.about-cont {
  background : #fff;
  padding    : 50px 0 70px 0;
}

.about-cont .about-img img {
  width  : 100%;
  margin : 30px 0 60px 0;
}

.about-cont .intro-left {
  width      : 300px;
  min-width  : 300px;
  text-align : center;
  float      : left;
}

.about-cont .intro-left img {
  width  : 50%;
  height : auto;
}

.about-cont .intro-left h2 {
  font-size   : 30px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #111111;
  line-height : 50px;
  margin-top  : 10px;
}

.about-cont .intro-right p {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 37px;
  text-align  : justify;
}

.about-cont .about-text p {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 37px;
  margin-top  : 30px;
}

.about-memor .memor-left p {
  font-size   : 30px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #111111;
  line-height : 40px;
  text-align  : right;
}

.about-memor {
  margin-top : 50px;
}

.about-memor .memor-right {
  background : #f5f5f5;
  height     : 260px;
  padding    : 30px 15px 0 15px;
  overflow-y : auto;
}

.about-memor .memor-right::-webkit-scrollbar {
  width            : 4px;
  height           : 4px;
  background-color : #c2c2c2;
}

.about-memor .memor-right::-webkit-scrollbar-thumb {
  width            : 4px;
  background-color : #5ABBBD;
  border-radius    : 3px;
}

.about-memor .memor-right::-webkit-scrollbar-track {
  border-radius    : 10px;
  background-color : #c2c2c2;
}

.com-tit h2 {
  font-size   : 48px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 60px;
  text-align  : center;
}

.com-tit .tit-bot {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.com-tit .tit-bot span {
  display    : inline-block;
  width      : 40px;
  height     : 2px;
  background : #5ABBBD;
  position   : relative;
}

.com-tit .tit-bot span::after {
  content    : "";
  width      : 40px;
  height     : 2px;
  background : #5ABBBD;
  position   : absolute;
  left       : 0;
  top        : -4px;
}

.com-tit .tit-bot span::before {
  content    : "";
  width      : 40px;
  height     : 2px;
  background : #5ABBBD;
  position   : absolute;
  left       : 0;
  bottom     : -4px;
}

.com-tit .tit-bot p {
  font-size   : 12px;
  font-family : TsangerYunHei-W08;
  font-weight : normal;
  color       : #323232;
  line-height : 50px;
  margin-left : 14px;
}

.com-tit-white h2 {
  color : #fff;
}

.com-tit-white .tit-bot p {
  color : #fff;
}

/* 新闻 */
.news-body {
  background : #fff;
}

.news-con {
  padding-top : 100px;
}

.news-con .row {
  border-bottom : 1px solid #E0E0E0;
}

.news-con .new-left li {
  border         : 1px solid #E0E0E0;
  border-left    : none;
  border-top     : none;
  padding-bottom : 28px;
  padding-top    : 27px;
}

.news-con .new-left li:last-child {
  border-bottom : none;
}

.news-con .left-con {
  display : flex;
}

.news-con .left-con img {
  width      : 35%;
  object-fit : contain;
}

.news-con .left-con p {
  font-size          : 18px;
  font-family        : SourceHanSerifCN-Regular;
  font-weight        : 400;
  color              : #323232;
  line-height        : 30px;
  padding            : 0 20px 0 20px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  text-align         : justify;
}

.news-con .new-left li:hover .left-con > p {
  color : #5abbbd;
}

.news-con .new-right img {
  width : 100%;
}

.news-con .new-right h3 {
  font-size          : 25px;
  font-family        : SourceHanSerifCN-Bold;
  font-weight        : bold;
  color              : #323232;
  line-height        : 60px;
  margin-top         : 20px;
  margin-bottom      : 20px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.news-con .new-right h3:hover {
  color : #5abbbd;
}

.news-list {
  padding : 100px 0;
}

.news-list .list-head {
  display       : flex;
  border-bottom : 1px solid #E0E0E0;
}

.news-list .list-head li {
  flex       : 1;
  text-align : center;
  position   : relative;
  cursor     : pointer;
}

.news-list .list-head li > a {
  font-size          : 18px;
  font-family        : SourceHanSerifCN-Medium;
  font-weight        : 500;
  color              : #333333;
  line-height        : 38px;
  padding            : 15px 0;
  display            : inline-block;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.news-list .list-head li::after {
  content            : '';
  width              : 0;
  height             : 3px;
  background         : #5ABBBD;
  position           : absolute;
  bottom             : 0;
  left               : 0;
  transition         : all 0.5s;
  -webkit-transition : all 0.5s;
  -moz-transition    : all 0.5s;
  -ms-transition     : all 0.5s;
  -o-transition      : all 0.5s;
}

.news-list .list-head li:hover a {
  color : #5ABBBD;
}

.news-list .list-head li:hover::after {
  width : 100%;
}

.news-list .list-head li.active::after {
  width : 100%;
}

.news-list .list-head li.active a {
  color : #5ABBBD;
}

.news-list .list-cent .row {
  padding            : 60px 0;
  border-bottom      : 1px solid #E0E0E0;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.news-list .list-cent .row:hover {
  border-bottom : 1px solid #5ABBBD;
}

.news-list .list-cent.show {
  display : block;
}

.news-list .list-cent {
  display : none;
}

.news-list .cent-img img {
  width : 100%;
}

.news-list .text-tips h3 {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Medium;
  font-weight : 500;
  color       : #5ABBBD;
  line-height : 38px;
}

.news-list .cent-text h2 a {
  font-size          : 24px;
  font-family        : SourceHanSerifCN-Bold;
  font-weight        : bold;
  color              : #333333;
  line-height        : 36px;
  margin             : 10px 0;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  display            : inline-block;
}

.news-list .cent-text h2:hover a {
  color : #5ABBBD;
}

.news-list .cent-text p {
  font-size   : 16px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 500;
  color       : #6B6B6B;
  line-height : 28px;
}

/* 产品与服务 */
.product-tit .tit-bot {
  padding-left : 85px;
}

.product-body {
  min-height : calc(100vh - 100px);
  background : #fff;
  padding    : 70px 0 100px 0;
}

.product-body .com-tit h2 {
  text-align : left;
}

.product-body .com-tit .tit-bot {
  justify-content : flex-start;
}

.product-phone {
  display         : flex;
  justify-content : space-between;
  margin          : 60px 0 100px 0;
}

.product-phone .phone-box {
  width              : 24%;
  padding            : 20px 0;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  cursor             : pointer;
}

.product-phone .phone-box:nth-child(2) {
  margin-top : -90px;
}

.product-phone .phone-box:hover {
  padding : 0 0 40px 0;
}

.product-phone .phone-box img {
  width : 100%;
}

.product-list .row:nth-child(2) {
  flex-direction : row-reverse;
}

.product-list .list-left {
  position   : relative;
  background : #F3F3F3;
  padding    : 180px 40px 0 40px;
  cursor     : pointer;
}

.product-list .list-left .left-text h2 {
  font-size          : 32px;
  font-family        : SourceHanSerifCN-Bold;
  font-weight        : bold;
  color              : #111111;
  line-height        : 50px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.product-list .list-left .left-text p {
  font-size          : 22px;
  font-family        : SourceHanSerifCN-Light;
  font-weight        : 300;
  color              : #111111;
  line-height        : 36px;
  margin-top         : 30px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.product-list .list-left i {
  display            : inline-block;
  position           : absolute;
  right              : 40px;
  top                : 40px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.product-list .list-left i.left-ri1 {
  background      : url(../images/product-list-ri1-220729.png) no-repeat center;
  background-size : contain;
  width           : 180px;
  height          : 120px;
}

.product-list .list-left i.left-ri2 {
  background      : url(../images/product-list-ri2.png) no-repeat center;
  background-size : contain;
  width           : 180px;
  height          : 180px;
}

.product-list .list-left i.left-ri3 {
  background      : url(../images/product-list-ri3.png) no-repeat center;
  background-size : contain;
  width           : 180px;
  height          : 120px;
}

.product-list .list-left .left-img {
  display     : flex;
  align-items : center;
  margin-top  : 50px;
}

.product-list .list-left .left-img > img {
  width : 50%;
}

.product-list .list-left .left-code {
  width      : 50%;
  text-align : center;
}

.product-list .list-left .left-code img {
  width : 50%;
}

.product-list .list-left .left-code p {
  font-size   : 26px;
  font-family : SourceHanSerifCN-Light;
  font-weight : 300;
  color       : #494949;
  line-height : 40px;
  margin-top  : 10px;
}

.product-list .list-left:hover {
  background : #5abbbd;
}

.product-list .list-left:hover .left-text h2 {
  color : #fff;
}

.product-list .list-left:hover .left-text p {
  color : #fff;
}

.product-list .list-left:hover i.left-ri1 {
  background      : url(../images/product-list-ri1-white-220729.png) no-repeat center;
  background-size : contain;
}

.product-list .list-left:hover i.left-ri2 {
  background      : url(../images/product-list-ri2-white.png) no-repeat center;
  background-size : contain;
}

.product-list .list-left:hover i.left-ri3 {
  background      : url(../images/product-list-ri3-white.png) no-repeat center;
  background-size : contain;
}

.product-list .list-left:hover .left-code p {
  color : #fff;
}

.list-right li {
  display : flex;
  cursor  : pointer;
}

.list-right li:last-child {
  flex-direction : row-reverse;
}

.list-right.list-right2 li:first-child {
  flex-direction : row-reverse;
}

.list-right.list-right2 li:last-child {
  flex-direction : inherit;
}

.list-right li .right-icon, .list-right li .right-text {
  width : 50%;
}

.list-right li .right-icon i {
  display            : inline-block;
  width              : 100px;
  height             : 100px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.list-right li .right-icon i.icon1 {
  background      : url(../images/product-icon1.png) no-repeat center;
  background-size : contain;
}

.list-right li .right-icon i.icon2 {
  background      : url(../images/product-icon2.png) no-repeat center;
  background-size : contain;
}

.list-right li .right-icon i.icon3 {
  background      : url(../images/product-icon3.png) no-repeat center;
  background-size : contain;
}

.list-right li .right-icon i.icon4 {
  background      : url(../images/product-icon4.png) no-repeat center;
  background-size : contain;
}

.list-right li .right-icon i.icon5 {
  background      : url(../images/product-icon5.png) no-repeat center;
  background-size : contain;
}

.list-right li .right-icon i.icon6 {
  background      : url(../images/product-icon6.png) no-repeat center;
  background-size : contain;
}

.list-right li .right-text {
  background         : #F5F5F7;
  position           : relative;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.list-right li.left-jian .right-text::after {
  border            : 20px solid transparent;
  border-right      : 20px solid #F5F5F7;
  width             : 0;
  height            : 0;
  position          : absolute;
  top               : 50%;
  content           : ' ';
  left              : -40px;
  transform         : translateY(-50%);
  -webkit-transform : translateY(-50%);
  -moz-transform    : translateY(-50%);
  -ms-transform     : translateY(-50%);
  -o-transform      : translateY(-50%);
}

.list-right li.right-jian .right-text::after {
  border            : 20px solid transparent;
  border-left       : 20px solid #F5F5F7;
  width             : 0;
  height            : 0;
  position          : absolute;
  top               : 50%;
  content           : ' ';
  right             : -40px;
  transform         : translateY(-50%);
  -webkit-transform : translateY(-50%);
  -moz-transform    : translateY(-50%);
  -ms-transform     : translateY(-50%);
  -o-transform      : translateY(-50%);
}

.list-right li .right-icon {
  text-align : center;
  padding    : 119px 0;
}

.list-right li .right-text h3 {
  font-size          : 26px;
  font-family        : SourceHanSerifCN-Bold;
  font-weight        : bold;
  color              : #323232;
  line-height        : 52px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.list-right li .right-text p {
  font-size          : 20px;
  font-family        : SourceHanSerifCN-Medium;
  font-weight        : 500;
  color              : #323232;
  line-height        : 40px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.list-right li .right-text .text-box {
  width             : 100%;
  position          : absolute;
  left              : 50%;
  top               : 50%;
  transform         : translate(-50%, -50%);
  -webkit-transform : translate(-50%, -50%);
  -moz-transform    : translate(-50%, -50%);
  -ms-transform     : translate(-50%, -50%);
  -o-transform      : translate(-50%, -50%);
  padding           : 0 15px;
}

.list-right li:hover .right-text {
  background : #5abbbd;
}

.list-right li:hover .right-text h3 {
  color : #fff;
}

.list-right li:hover .right-text p {
  color : #fff;
}

.list-right li:hover .right-icon i.icon1 {
  background      : url(../images/product-icon1-white.png) no-repeat center;
  background-size : contain;
}

.list-right li:hover .right-icon i.icon2 {
  background      : url(../images/product-icon2-white.png) no-repeat center;
  background-size : contain;
}

.list-right li:hover .right-icon i.icon3 {
  background      : url(../images/product-icon3-white.png) no-repeat center;
  background-size : contain;
}

.list-right li:hover .right-icon i.icon4 {
  background      : url(../images/product-icon4-white.png) no-repeat center;
  background-size : contain;
}

.list-right li:hover .right-icon i.icon5 {
  background      : url(../images/product-icon5-white.png) no-repeat center;
  background-size : contain;
}

.list-right li:hover .right-icon i.icon6 {
  background      : url(../images/product-icon6-white.png) no-repeat center;
  background-size : contain;
}

.list-right li:first-child:hover .right-text::after {
  border-right : 20px solid #5abbbd;
}

.list-right li:last-child:hover .right-text::after {
  border-left : 20px solid #5abbbd;
}

.list-right2 li:first-child:hover .right-text::after {
  border-left  : 20px solid #5abbbd;
  border-right : 20px solid #fff;
}

.list-right2 li:last-child:hover .right-text::after {
  border-right : 20px solid #5abbbd;
  border-left  : 20px solid #fff;
}

/* 跑遍中国 */
.run-banner {
  background : #fff;
}

.run-banner img {
  width : 100%;
}

.run-con {
  padding    : 80px 0;
  background : #fff;
}

.run-con .con-text {
  text-align : center;
  margin     : 20px 0 40px 0;
}

.run-con .con-text p {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Light;
  font-weight : 300;
  color       : #111111;
  line-height : 35px;
}

.fr {
  float : right;
}

.run-con .list-box {
  text-align : center;
  /* width: 65%; */
}

.run-con .list-box p {
  font-size   : 22px;
  font-family : SourceHanSerifCN-Medium;
  font-weight : 500;
  color       : #111111;
  line-height : 35px;
  margin-top  : 12px;
}

.run-con .list-box img {
  width : 100%;
}

.run-map-box {
  background : #fff;
}

.run-map {
  background      : url(../images/run-map-bg.png) no-repeat center;
  background-size : cover;
  padding         : 80px 0;
}

.run-map .map-img {
  text-align : center;
}

.run-map .map-img img {
  width : 80%;
}

.run-chart {
  padding    : 80px 0;
  background : #fff;
}

.run-chart .chart-box img {
  width : 100%;
}

.run-chart .run-swiper {
  margin-top : 60px;
}

.run-chart .run-swiper .swiper-button-prev {
  background      : url(../images/run-swiper-left.png) no-repeat center;
  background-size : contain;
  width           : 50px;
  height          : 30px;
  left            : 10%;
}

.run-chart .run-swiper .swiper-button-prev::after {
  content : none;
}

.run-chart .run-swiper .swiper-button-next {
  background      : url(../images/run-swiper-right.png) no-repeat center;
  background-size : contain;
  width           : 50px;
  height          : 30px;
  right           : 10%;
}

.run-chart .run-swiper .swiper-button-next::after {
  content : none;
}

.run-chart .chart-bg {
  position           : absolute;
  left               : 0;
  top                : 0;
  width              : 100%;
  height             : 100%;
  background         : rgba(91, 184, 188, 0.8);
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.run-chart .run-swiper .swiper-slide-active .chart-bg {
  visibility : hidden;
  opacity    : 0;
}

.run-city {
  padding-bottom : 80px;
  background     : #fff;
}

.run-city .city-left img {
  width : 100%;
}

.run-city .city-left {
  position : relative;
  overflow : hidden;
}

.run-city .city-left .city-text {
  position           : absolute;
  bottom             : -100%;
  left               : 0;
  background         : rgba(91, 184, 188, 0.8);
  width              : 100%;
  display            : flex;
  align-items        : center;
  padding            : 15px 0 15px 50px;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.run-city .city-left:hover .city-text {
  bottom : 0;
}

.run-city .city-left .city-text h2 {
  font-size   : 26px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : bold;
  color       : #F7F7F7;
  line-height : 35px;
}

.run-city .city-left .city-text p {
  font-size   : 18px;
  font-family : TsangerYunHei-W01, TsangerYunHei;
  font-weight : normal;
  color       : #F7F7F7;
  line-height : 30px;
  margin-left : 20px;
}

.run-city .city-right {
  position : relative;
  overflow : hidden;
}

.run-city .city-right:last-child {
  margin-top : 92px;
}

.run-city .city-right img {
  width : 100%;
}

.run-city .city-right .city-text {
  position           : absolute;
  top                : 0;
  left               : -100%;
  background         : rgba(91, 184, 188, 0.8);
  padding            : 30px 15px 10px 15px;
  height             : 100%;
  display            : flex;
  flex-direction     : column;
  align-items        : center;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.run-city .city-right:hover .city-text {
  left : 0;
}

.run-city .city-right .city-text h2 {
  font-size   : 26px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : bold;
  color       : #F7F7F7;
  line-height : 35px;
  width       : 35px;
}

.run-city .city-right .city-text p {
  margin-top : 25px;
}

.run-city .city-right .city-text p span {
  font-size         : 18px;
  font-family       : TsangerYunHei-W01, TsangerYunHei;
  font-weight       : normal;
  color             : #F7F7F7;
  line-height       : 30px;
  transform         : rotate(90deg);
  -webkit-transform : rotate(90deg);
  -moz-transform    : rotate(90deg);
  -ms-transform     : rotate(90deg);
  -o-transform      : rotate(90deg);
  display           : block;
  height            : 16px;
  margin-left       : 13px;
}

.run-case {
  padding-bottom : 80px;
  background     : #fff;
}

.run-case .case-box .box-img img {
  width : 100%;
}

.run-case .case-box {
  position : relative;
  cursor   : pointer;
  overflow : hidden;
}

.run-case .case-box .box-tit {
  background         : rgb(0, 0, 0, 0.5);
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.run-case .case-box .box-tit .tit-con {
  position : absolute;
  left     : 10px;
  bottom   : 20px;
}

.run-case .case-box .box-tit span {
  color       : #fff;
  font-size   : 16px;
  font-family : SourceHanSerifCN-Light;
  line-height : 30px;
}

.run-case .case-box .box-tit p {
  color       : #fff;
  font-size   : 20px;
  font-family : SourceHanSerifCN-Light;
  line-height : 25px;
}

.run-case .box-cent {
  position           : absolute;
  width              : 100%;
  height             : 100%;
  bottom             : -100%;
  left               : 0;
  background         : rgb(255, 255, 255, .88);
  padding            : 20px;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.run-case .box-cent .cent-list {
  border          : 1px solid #5ABBBD;
  width           : 100%;
  height          : 100%;
  text-align      : center;
  padding         : 20px;
  display         : flex;
  justify-content : center;
  flex-direction  : column;
}

.run-case .box-cent .cent-list span {
  color       : #333;
  font-size   : 14px;
  font-family : SourceHanSerifCN-Bold;
  line-height : 20px;
}

.run-case .box-cent .cent-list h2 {
  color       : #5ABBBD;
  font-size   : 20px;
  font-family : SourceHanSerifCN-Light;
  line-height : 25px;
  margin      : 10px 0;
}

.run-case .box-cent .cent-list p {
  color       : #333;
  font-size   : 16px;
  font-family : SourceHanSerifCN-Light;
  line-height : 24px;
}

.run-case .case-box:hover .box-tit {
  top : -100%;
}

.run-case .case-box:hover .box-cent {
  bottom : 0;
}

.run-case .case-top {
  margin-top : 20px;
}

/* 培训体系 */
.train-body {
  background : #fff;
}

.train-top {
  padding : 150px 0;
}

.train-top .left-tit {
  margin : 15px 0 15px 0;
}

.train-top .left-tit h2 {
  font-size   : 26px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #323232;
  line-height : 34px;
}

.train-top .left-text h3 {
  font-size   : 22px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #323232;
  line-height : 30px;
}

.train-top .left-text p {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 26px;
  text-align  : justify;
}

.train-top .left-text .text-box {
  margin-top : 10px;
}

.train-top .top-right {
  width      : 85%;
  position   : relative;
  margin-top : 50px;
}

.train-top .top-right img {
  width   : 100%;
  display : block;
}

.train-top .top-right::after {
  content    : '';
  width      : 85%;
  height     : 75px;
  background : #5ABBBD;
  position   : absolute;
  top        : -74px;
  right      : 0px;
}

.train-top .top-right::before {
  content    : '';
  width      : 75px;
  height     : 100%;
  background : #5ABBBD;
  position   : absolute;
  top        : -74px;
  right      : -75px;
}

.train-cent img {
  width : 100%;
}

.train-bot {
  padding : 150px 0;
}

.train-bot .bot-left {
  width    : 85%;
  float    : right;
  position : relative;
}

.train-bot .bot-left img {
  width    : 100%;
  z-index  : 1;
  position : relative;
}

.train-bot .bot-left::after {
  content    : '';
  width      : 100%;
  height     : 108%;
  background : #5ABBBD;
  position   : absolute;
  top        : -33px;
  right      : 72px;
}

.train-bot .bot-right {
  width       : 88%;
  position    : relative;
  padding-top : 50px;
}

.train-bot .bot-right img {
  width    : 100%;
  z-index  : 1;
  position : relative;
}

.train-bot .bot-right::after {
  content    : '';
  width      : 80%;
  height     : 80%;
  background : #5ABBBD;
  position   : absolute;
  top        : -18px;
  right      : -75px;
}

.train-bot .bot-text {
  margin-top : 50px;
}

.train-bot .bot-text p {
  font-size   : 22px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 34px;
  text-align  : justify;
}

.gonggao-cont {
  background : #f2f2f2;
  padding    : 20px 10px;
  margin-top : 30px;
}

.train-gonggao .gonggao-list a {
  font-size          : 18px;
  font-family        : SourceHanSerifCN-Regular;
  font-weight        : 400;
  color              : #323232;
  line-height        : 32px;
  overflow           : hidden;
  text-overflow      : ellipsis;
  display            : -webkit-box;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 1;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.train-gonggao .gonggao-list a:hover {
  color : #5ABBBD;
}

.train-peixun {
  padding : 100px 0;
}

.train-peixun .peixun-img {
  text-align : center;
  display    : none;
}

.train-peixun .peixun-img img {
  max-width : 100%;
}

.peixun-cont .cont-img {
  text-align : center;
}

.peixun-cont .cont-img img {
  max-width : 100%;
}

.peixun-cont .peixun-list h3 {
  text-align : center;
  margin     : 20px 0;
}

.peixun-cont .peixun-list h3 strong {
  font-size   : 30px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #5ABBBD;
  line-height : 35px;
}

.peixun-cont .peixun-list h3 span {
  font-size    : 22px;
  font-family  : SourceHanSerifCN-Regular;
  font-weight  : 400;
  color        : #323232;
  line-height  : 28px;
  padding-left : 5px;
}

.peixun-cont .peixun-list .list-img {
  position : relative;
}

.peixun-cont .peixun-list .list-img img {
  width : 100%;
}

.peixun-cont .peixun-list .list-text {
  position          : absolute;
  width             : 100%;
  left              : 50%;
  transform         : translateX(-50%);
  -webkit-transform : translateX(-50%);
  -moz-transform    : translateX(-50%);
  -ms-transform     : translateX(-50%);
  -o-transform      : translateX(-50%);
  bottom            : 12px;
}

.peixun-cont .peixun-list .list-text p {
  font-size   : 26px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #fff;
  line-height : 35px;
  text-align  : center;
}

.train-zongju {
  background      : url(../images/train-zongju-img.jpg) no-repeat center;
  background-size : cover;
  padding         : 35px 0;
}

.train-zongju .zongju-box {
  text-align : center;
}

.train-zongju .zongju-txt {
  padding : 3px 5px;
  margin  : 0px auto;
}

.train-zongju .zongju-txt h2 {
  font-size   : 36px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : 800;
  color       : #FFFEFE;
  line-height : 60px;
  margin      : 20px 0;
}

.train-zongju .zongju-txt a {
  display               : inline-block;
  border-radius         : 34px;
  border                : 2px solid #FFFFF8;
  -webkit-border-radius : 34px;
  -moz-border-radius    : 34px;
  -ms-border-radius     : 34px;
  -o-border-radius      : 34px;
  padding               : 5px 45px;
}

.train-zongju .zongju-txt a span {
  font-size   : 16px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : bold;
  color       : #F6F6F6;
  line-height : 24px;
}

.train-jigou {
  padding : 100px 0;
}

.train-jigou .row {
  margin-left  : 0;
  margin-right : 0;
  margin-top   : 30px;
}

.train-jigou .row > div {
  padding-left  : 0;
  padding-right : 0;
}

.train-jigou .jiegou-box {
  display            : inline-block;
  background         : #f2f2f2;
  width              : 100%;
  text-align         : center;
  padding            : 10px 4px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.train-jigou .jiegou-box p {
  font-size          : 20px;
  font-family        : SourceHanSerifCN-Regular;
  font-weight        : 400;
  color              : #323232;
  line-height        : 26px;
  text-align         : center;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  margin-top         : 10px;
}

.train-jigou .jiegou-box:hover {
  background : #5ABBBD;
}

.train-jigou .jiegou-box:hover p {
  color : #fff;
}

.train-zhuanjia .zhuanjia-box {
  display    : inline-block;
  width      : 100%;
  text-align : center;
  padding    : 0 38px;
}

.train-zhuanjia .zhuanjia-box .box-img {
  width                 : 200px;
  height                : 200px;
  border-radius         : 50%;
  -webkit-border-radius : 50%;
  -moz-border-radius    : 50%;
  -ms-border-radius     : 50%;
  -o-border-radius      : 50%;
  margin                : auto;
  overflow              : hidden;
}

.train-zhuanjia .zhuanjia-box .box-img img {
  width : 100%;
}

.train-zhuanjia .zhuanjia-box h2 {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  margin      : 20px 0;
  line-height : 30px;
}

.train-zhuanjia .zhuanjia-box h3 {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 26px;
}

.train-zhuanjia .zhuanjia-box p {
  font-size   : 16px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  margin-top  : 15px;
  text-align  : justify;
  line-height : 22px;
}

.train-zhuanjia .zhuanjia-swiper .swiper-button-next {
  color     : #5ABBBD;
  font-size : 24px;
}

.train-zhuanjia .zhuanjia-swiper .swiper-button-prev {
  color     : #5ABBBD;
  font-size : 24px;
}

.train-saishi {
  padding : 100px 0 150px 0;
}

.train-saishi .saishi-img {
  width       : 100%;
  position    : relative;
  padding-top : 50px;
  text-align  : right;
}

.train-saishi .saishi-img img {
  width    : 95%;
  z-index  : 1;
  position : relative;
}

.train-saishi .saishi-img::after {
  content    : '';
  width      : 80%;
  height     : 80%;
  background : #5ABBBD;
  position   : absolute;
  bottom     : -35px;
  left       : 0;
}

.train-saishi .saishi-txt {
  margin-top  : 200px;
  margin-left : 50px;
}

.train-saishi .saishi-txt span {
  display     : inline-block;
  font-size   : 50px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #5ABBBD;
  line-height : 70px;
  width       : 50px;
  position    : relative;
}

.train-saishi .saishi-txt i {
  display     : block;
  font-size   : 50px;
  line-height : 20px;
  color       : #5ABBBD;
}

/* 中国田径超级碗 */
.athlet-body {
  background : #fff;
  padding    : 50px 0 150px 0;
}

.athlet-banner {
  margin : 30px 0 60px 0;
}

.athlet-banner img {
  width : 100%;
}

.athlet-cent .cent-text p {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Medium;
  font-weight : 500;
  color       : #323232;
  line-height : 45px;
  text-align  : justify;
}

.athlet-cent .cent-right {
  position   : relative;
  text-align : center;
}

.athlet-cent .cent-right span {
  display        : inline-block;
  font-size      : 75px;
  font-family    : SourceHanSerifCN-SemiBold;
  font-weight    : 600;
  color          : #484848;
  line-height    : 100px;
  width          : 100px;
  vertical-align : top;
  position       : relative;
  z-index        : 1;
  margin         : 0 10px;
}

.athlet-cent .cent-right::after {
  content         : "";
  background      : url(../images/athlet-cent-bg.png) no-repeat center;
  background-size : contain;
  position        : absolute;
  bottom          : 0;
  left            : 0;
  width           : 100%;
  height          : 200px;
}

.athlet-bot {
  margin-top : 100px;
  position   : relative;
}

.athlet-bot::after {
  content         : "";
  width           : 100%;
  height          : 256px;
  background      : url(../images/athlet-bot-bg.png) no-repeat center;
  background-size : contain;
  position        : absolute;
  bottom          : -35px;
  left            : 0;
}

.athlet-bot .bot-left h2 {
  font-size   : 78px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #484848;
  line-height : 110px;
}

.athlet-bot .bot-left .left-tit h3 {
  font-size   : 42px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #484848;
  line-height : 60px;
}

.athlet-bot .bot-left p {
  font-size   : 50px;
  font-family : SourceHanSerifCN-Heavy, SourceHanSerifCN;
  font-weight : 800;
  color       : #111111;
  line-height : 70px;
  margin-top  : 10px;
}

.athlet-bot .bot-right img {
  width : 100%;
}

/* 认证业务 */
.business-body {
  background : #fff;
}

.business-banner {
  background      : url(../images/business-banner2-220906.jpg) no-repeat center;
  background-size : cover;
  padding         : 80px 60px 80px 60px;
}

.business-banner .banner-text p {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Medium;
  font-weight : 500;
  color       : #FFFFFF;
  line-height : 30px;
  margin-top  : 28px;
}

.business-banner .banner-link {
  text-align : center;
  margin-top : 20px;
}

.business-banner .banner-link a {
  background    : #5ABBBD;
  border        : 1px solid #5ABBBD;
  border-radius : 26px;
  display       : inline-block;
  padding       : 3px 40px;
  transition    : all .3s;
}

.business-banner .banner-link a span {
  font-size   : 16px;
  font-family : SourceHanSerifCN-Medium;
  color       : #FFFFFF;
  line-height : 26px;
}

.business-notice {
  margin-top : 72px;
}

.business-notice .notice-box h2 {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : 400;
  color       : #5ABBBD;
  line-height : 36px;
}

.business-notice .notice-list {
  margin-top : 20px;
}

.business-notice .notice-list a {
  font-size          : 18px;
  font-family        : SourceHanSerifCN-Regular;
  font-weight        : 400;
  color              : #323232;
  line-height        : 32px;
  transition         : all .3s;
  overflow           : hidden;
  text-overflow      : ellipsis;
  display            : -webkit-box;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 1;
}

.business-notice .notice-list a:hover {
  color : #5ABBBD;
}

.business-notice .col-xl-6:first-child {
  border-right : 1px solid #ccc;
}

.business-notice .col-xl-6:last-child .notice-box {
  float : right;
}

.business-service {
  padding : 80px 0;
}

.business-service .service-jiegou {
  margin-top : 50px;
}

.business-service .service-jiegou img {
  width : 100%;
}

.service-pdf {
  margin-top : 100px;
}

.service-pdf li {
  padding       : 0 160px;
  margin-bottom : 75px;
}

.service-pdf .pdf-box1 {
  background      : url(../images/business-pdf-bg1.png) no-repeat center;
  background-size : cover;
}

.service-pdf .pdf-box2 {
  background      : url(../images/business-pdf-bg2.png) no-repeat center;
  background-size : cover;
}

.service-pdf .pdf-box3 {
  background      : url(../images/business-pdf-bg3.png) no-repeat center;
  background-size : cover;
}

.service-pdf .pdf-box4 {
  background      : url(../images/business-pdf-bg4.png) no-repeat center;
  background-size : cover;
}

.service-pdf .pdf-box5 {
  background      : url(../images/business-pdf-bg5.png) no-repeat center;
  background-size : cover;
}

.service-pdf .pdf-box {
  padding               : 30px;
  border-radius         : 8px;
  -webkit-border-radius : 8px;
  -moz-border-radius    : 8px;
  -ms-border-radius     : 8px;
  -o-border-radius      : 8px;
  display               : flex;
  justify-content       : space-between;
  align-items           : center;
}

.service-pdf .pdf-box .box-left h2 {
  font-size   : 32px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #F6F6F6;
  line-height : 40px;
}

.service-pdf .pdf-box .box-left p {
  font-size   : 20px;
  font-family : TsangerYunHei-W03, TsangerYunHei;
  font-weight : normal;
  color       : #F6F6F6;
  line-height : 26px;
  margin-top  : 20px;
}

.service-pdf .pdf-box .box-right {
  text-align  : center;
  width       : 218px;
  min-width   : 218px;
  margin-left : 30px;
}

.service-pdf .pdf-box .box-right .icon-pdf {
  background         : url(../images/business-pdf-white.png) no-repeat center;
  background-size    : contain;
  display            : inline-block;
  width              : 80px;
  height             : 80px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.service-pdf .pdf-box .box-right:hover .icon-pdf {
  background      : url(../images/business-pdf.png) no-repeat center;
  background-size : contain;
}

.service-pdf .pdf-box .right-link {
  border                : 1px solid #FFFFFF;
  display               : inline-block;
  border-radius         : 26px;
  -webkit-border-radius : 26px;
  -moz-border-radius    : 26px;
  -ms-border-radius     : 26px;
  -o-border-radius      : 26px;
  padding               : 6px 30px;
  transition            : all .3s;
  -webkit-transition    : all .3s;
  -moz-transition       : all .3s;
  -ms-transition        : all .3s;
  -o-transition         : all .3s;
}

.service-pdf .pdf-box .right-link span {
  font-size   : 18px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #F6F6F6;
  line-height : 24px;
}

.service-pdf .pdf-box .box-right .icon-bot {
  background      : url(../images/business-pdf-bot.png) no-repeat center;
  background-size : contain;
  display         : inline-block;
  width           : 18px;
  height          : 18px;
  margin-left     : 6px;
}

.service-pdf .pdf-box .box-right:hover .right-link {
  background : #5ABBBD;
  border     : 1px solid #5ABBBD;
}

.service-file {
  margin : 80px 0;
}

.service-file .file-box1 {
  background            : url(../images/business-pdf-bg1.jpg) no-repeat center;
  background-size       : cover;
  height                : 100%;
  border-radius         : 8px;
  -webkit-border-radius : 8px;
  -moz-border-radius    : 8px;
  -ms-border-radius     : 8px;
  -o-border-radius      : 8px;
  padding               : 150px 15px 30px 15px;
  position              : relative;
}

.service-file .file-box1 .box-right {
  position : absolute;
  right    : 10px;
  bottom   : 88px;
}

/* .service-file .file-box1 .box-right .icon-pdf{
    visibility: hidden;
    transition: all .1s;
}
.service-file .file-box1 .box-right:hover .icon-pdf{
    visibility: inherit;
} */
.service-file .file-box1 .box-text h2 {
  font-size   : 42px;
  line-height : 50px;
}

.service-file .file-box2 {
  background      : url(../images/business-pdf-bg2.jpg) no-repeat center;
  background-size : cover;
}

.service-file .file-box3 {
  background      : url(../images/business-pdf-bg3.jpg) no-repeat center;
  background-size : cover;
}

.service-file .file-box4 {
  background      : url(../images/business-pdf-bg4.jpg) no-repeat center;
  background-size : cover;
}

.service-file .file-box5 {
  background      : url(../images/business-pdf-bg5-220908.png) no-repeat center;
  background-size : cover;
}

.service-file .box-text h2 {
  font-size   : 30px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #F6F6F6;
  line-height : 38px;
}

.service-file .box-text p {
  font-size   : 18px;
  font-family : TsangerYunHei-W03, TsangerYunHei;
  font-weight : normal;
  color       : #F6F6F6;
  line-height : 24px;
  margin-top  : 15px;
}

.service-file .box-right {
  text-align : center;
  width      : 190px;
  min-width  : 190px;
}

.service-file .box-right .icon-pdf {
  background         : url(../images/business-pdf-white.png) no-repeat center;
  background-size    : contain;
  display            : inline-block;
  width              : 60px;
  height             : 60px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.service-file .box-right .right-link {
  border                : 2px solid #FFFFFF;
  display               : inline-block;
  border-radius         : 26px;
  -webkit-border-radius : 26px;
  -moz-border-radius    : 26px;
  -ms-border-radius     : 26px;
  -o-border-radius      : 26px;
  padding               : 3px 23px;
  transition            : all .3s;
  -webkit-transition    : all .3s;
  -moz-transition       : all .3s;
  -ms-transition        : all .3s;
  -o-transition         : all .3s;
}

.service-file .box-right .right-link span {
  font-size   : 16px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #F6F6F6;
  line-height : 22px;
}

.service-file .box-right .icon-bot {
  background      : url(../images/business-pdf-bot.png) no-repeat center;
  background-size : contain;
  display         : inline-block;
  width           : 16px;
  height          : 16px;
  margin-left     : 6px;
}

.service-file .box-right:hover .right-link {
  background : #5ABBBD;
  border     : 1px solid #5ABBBD;
}

.service-file .box-right:hover .icon-pdf {
  background      : url(../images/business-pdf.png) no-repeat center;
  background-size : contain;
}

.service-file .file-list .pdf-box {
  padding               : 18px 15px;
  border-radius         : 8px;
  -webkit-border-radius : 8px;
  -moz-border-radius    : 8px;
  -ms-border-radius     : 8px;
  -o-border-radius      : 8px;
  display               : flex;
  justify-content       : space-between;
  align-items           : center;
}

.service-file .file-list li:not(:last-child) {
  margin-bottom : 20px;
}

.service-xiehui {
  background      : url(../images/business-service-xiehui-bg.png) no-repeat center;
  background-size : cover;
  padding         : 50px 100px;
  text-align      : center;
}

.service-xiehui img {
  width : 115px;
}

.service-xiehui h2 {
  font-size   : 36px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : 800;
  color       : #FFFEFE;
  line-height : 60px;
  margin      : 20px 0;
}

.service-xiehui .xiehui-link {
  display               : inline-block;
  border-radius         : 34px;
  border                : 2px solid #FFFFF8;
  -webkit-border-radius : 34px;
  -moz-border-radius    : 34px;
  -ms-border-radius     : 34px;
  -o-border-radius      : 34px;
  padding               : 5px 45px;
}

.service-xiehui .xiehui-link span {
  font-size   : 16px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : bold;
  color       : #F6F6F6;
  line-height : 24px;

}

.business-test .test-list {
  display    : flex;
  margin-top : 35px;
}

.business-test .test-list li {
  width  : 20%;
  cursor : pointer;
}

.business-test .list-box {
  background         : #F5F5F7;
  opacity            : 1;
  text-align         : center;
  padding            : 6px 6px 20px 6px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  height             : 100%;
}

.business-test .list-box h2 {
  font-size          : 22px;
  font-family        : SourceHanSerifCN-Medium;
  font-weight        : 500;
  color              : #323232;
  line-height        : 30px;
  margin-top         : 15px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  min-height         : 30px;
}

.business-test .list-box p {
  font-size          : 20px;
  font-family        : SourceHanSerifCN-Medium;
  font-weight        : 500;
  color              : #323232;
  line-height        : 30px;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.business-test .list-box .box-img {
  height      : 125px;
  min-height  : 125px;
  padding     : 0 50px;
  display     : flex;
  align-items : center;
}

.business-test .list-box .box-img img {
  width : 100%;
}

.business-test .list-box:hover {
  background : #5ABBBD;
}

.business-test .list-box:hover h2 {
  color : #fff;
}

.business-test .list-box:hover p {
  color : #fff;
}

.business-contact {
  padding : 100px 0;
}

.business-contact .contact-box {
  background : #F5F5F7;
  margin-top : 35px;
}

.business-contact .box-list p {
  font-size   : 20px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 25px;
  margin-top  : 20px;
}

.business-contact .box-list {
  height     : 100%;
  text-align : center;
  padding    : 20px 30px;
}

.business-contact .box-list .list-img {
  height          : 78px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  padding         : 0 85px;
}

.business-contact .box-list .list-img img {
  width : 100%;
}

.business-contact .row div:not(:last-child) .box-list {
  border-right : 1px solid #C8C7BE;
}

.business-contact .row {
  margin-right : 0;
  margin-left  : 0;
}

.business-contact .contact-bot {
  background            : #5ABBBD;
  border-radius         : 0 0 18px 18px;
  -webkit-border-radius : 0 0 18px 18px;
  -moz-border-radius    : 0 0 18px 18px;
  -ms-border-radius     : 0 0 18px 18px;
  -o-border-radius      : 0 0 18px 18px;
  text-align            : center;
  padding               : 15px 0;
}

.business-contact .contact-bot p {
  font-size   : 20px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #FFFFFF;
  line-height : 50px;
}

.p-0 {
  padding : 0;
}

/* 赛事咨询服务 */
.event-body {
  background : #fff;
}

.event-banner {
  background      : url(../images/event-banner.png) no-repeat center;
  background-size : cover;
  padding         : 80px 60px;
}

.event-banner .banner-tit {
  text-align : center;
  margin     : 20px 0;
}

.event-banner .banner-tit h3 {
  font-size   : 40px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #FFFFFF;
  line-height : 50px;
}

.event-banner .banner-text {
  text-align : center;
}

.event-banner .banner-text p {
  font-size   : 20px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #FFFFFF;
  line-height : 32px;
}

.event-high {
  margin : 24px 0 100px 0;
}

.event-match {
  margin : 28px 0 100px 0;
}

.high-top .left-box {
  background : #5ABBBD;
  padding    : 30px;
  height     : 100%;
}

.high-top .left-box img {
  width      : 100%;
  height     : 165px;
  object-fit : contain;
}

.high-top .right-box {
  background : #193045;
  height     : 100%;
  padding    : 20px 20px 10px 20px;
}

.high-top .right-box h2 {
  font-size   : 30px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #FFFFFF;
  line-height : 40px;
}

.high-top .right-box p {
  font-size   : 20px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #FFFFFF;
  line-height : 30px;
  margin-top  : 15px;
}

.high-bot {
  margin-top : 24px;
  position   : relative;
}

.high-bot img {
  width : 100%;
}

.high-bot .bot-box {
  /* background: rgb(13 37 59 / 95%); */
  background : #0d253bf2;
  position   : absolute;
  right      : 0;
  top        : 0;
  height     : 100%;
  width      : 30%;
  padding    : 80px 30px 0 30px;
}

.high-bot .bot-box h2 {
  font-size     : 32px;
  font-family   : SourceHanSerifCN-SemiBold;
  font-weight   : 600;
  color         : #FFFFFF;
  line-height   : 50px;
  margin-bottom : 25px;
}

.high-bot .box-list p {
  font-size     : 18px;
  font-family   : SourceHanSerifCN-Regular;
  font-weight   : 400;
  color         : #FFFFFF;
  line-height   : 25px;
  margin-bottom : 15px;
}

.event-match .match-left {
  width      : 88%;
  float      : right;
  position   : relative;
  margin-top : 66px;
}

.event-match .match-left img {
  width    : 100%;
  z-index  : 1;
  position : relative;
}

.event-match .match-left::after {
  content    : '';
  width      : 80%;
  height     : 80%;
  background : #5ABBBD;
  position   : absolute;
  top        : -66px;
  left       : -85px;
}

.event-match .match-right .right-text h2 {
  font-size     : 36px;
  font-family   : SourceHanSerifCN-SemiBold;
  font-weight   : 600;
  color         : #111111;
  line-height   : 50px;
  margin-bottom : 30px;
}

.event-match .match-right .right-text p {
  font-size     : 18px;
  font-family   : SourceHanSerifCN-Regular;
  font-weight   : 400;
  color         : #111111;
  line-height   : 28px;
  margin-bottom : 20px;
}

.event-match .match-right .right-img {
  position : absolute;
  left     : -90px;
  z-index  : 2;
  bottom   : 130px;
}

.event-match .match-right .right-img > img {
  width : 96%;
}

.event-match .match-right .right-img-sm {
  position          : absolute;
  top               : 50%;
  left              : 50%;
  transform         : translate(-50%, -50%);
  -webkit-transform : translate(-50%, -50%);
  -moz-transform    : translate(-50%, -50%);
  -ms-transform     : translate(-50%, -50%);
  -o-transform      : translate(-50%, -50%);
}

.event-match .match-right .right-img-sm img {
  width : 100%;
}

.event-match2 .match2-left {
  width      : 88%;
  position   : relative;
  margin-top : 66px;
}

.event-match2 .match2-left img {
  width    : 100%;
  z-index  : 1;
  position : relative;
}

.event-match2 .match2-left::after {
  content    : '';
  width      : 80%;
  height     : 80%;
  background : #5ABBBD;
  position   : absolute;
  top        : -66px;
  right      : -85px;
}

.event-match2 .match-right .right-img {
  position : absolute;
  left     : 15px;
  right    : -90px;
  bottom   : 85px;
}

.event-nav {
  margin-top : 100px;
}

.event-ip {
  background : #193045;
  padding    : 14px 0;
  text-align : center;
}

.event-ip p {
  font-size   : 24px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #FFFFFF;
  line-height : 32px;
}

.event-ul {
  display         : flex;
  align-items     : center;
  justify-content : space-between;
}

.event-ul li {
  width      : 20%;
  transition : all .3s;
}

.event-ul .nav-box {
  display : inline-block;
  width   : 100%;
  padding : 10px;
}

.event-ul .nav-box img {
  width : 100%;
}

.event-ul li:nth-child(odd) {
  background : #5ABBBD;
}

.event-ul li:nth-child(even) {
  background : #8bcfd1;
}

.event-ul li:hover {
  background : #fff;
}

.event-ul li.active {
  background : #fff;
}

.event-center .event-box {
  display : none;
}

.event-center .event-box.show {
  display : block;
}

.event-mls {
  padding-bottom : 100px;
}

.event-mls a {
  display : inline-block;
}

.event-mls a img {
  width : 100%;
}

/* 运动经纪 */
.sports-body {
  background : #fff;
  padding    : 50px 0 0 0;
}

.sports-banner {
  position   : relative;
  margin-top : 50px;
}

.sports-banner img {
  width : 100%;
}

.sports-banner .banner-list {
  display         : flex;
  justify-content : space-between;
  position        : absolute;
  width           : 100%;
  left            : 0;
  bottom          : 36px;
  padding         : 0 50px;
}

.sports-banner .banner-list li {
  background : rgba(13, 37, 59, 0.75);
  width      : 18%;
}

.sports-banner .banner-list li a {
  font-size   : 22px;
  font-family : SourceHanSerifCN-SemiBold, SourceHanSerifCN;
  font-weight : 600;
  color       : #FFFFFF;
  line-height : 36px;
  display     : inline-block;
  text-align  : center;
  padding     : 50px 10px;
  width       : 100%;
}

.sports-ship {
  padding-top : 60px;
}

.sports-ship .ship-box {
  display : inline-block;
  width   : 100%;
}

.sports-ship .ship-box img {
  width : 100%;
}

.sports-ship .ship-list {
  margin-top : 60px;
}

.sports-broker .broker-box {
  margin : 80px 0;
}

.sports-broker .broker-box:nth-child(even) .row {
  flex-direction : row-reverse;
}

.sports-broker .box-left {
  height : 876px;
}

.sports-broker .box-left .box-swiper {
  height : 100%;
}

.sports-broker .box-left .left-img {
  display : inline-block;
  width   : 100%;
  height  : 100%;
}

.sports-broker .box-left .left-img img {
  width      : 100%;
  height     : 100%;
  object-fit : cover;
}

.sports-broker .box-left .swiper-pagination-bullet {
  background            : #112B42;
  border-radius         : 8px;
  -webkit-border-radius : 8px;
  -moz-border-radius    : 8px;
  -ms-border-radius     : 8px;
  -o-border-radius      : 8px;
  opacity               : 1;
  transition            : all .3s;
  -webkit-transition    : all .3s;
  -moz-transition       : all .3s;
  -ms-transition        : all .3s;
  -o-transition         : all .3s;
}

.sports-broker .box-left .swiper-pagination-bullet-active {
  background : #5ABBBD;
}

.sports-broker .box-left .swiper-container-vertical > .swiper-pagination-bullets {
  right : 25px;
  top   : 90%;
}

.sports-broker .right-text {
  background : #5ABBBD;
  padding    : 15px;
  display    : flex;
  min-height : 310px;
}

.sports-broker .right-text h2 {
  font-size    : 24px;
  font-family  : SourceHanSerifCN-SemiBold, SourceHanSerifCN;
  font-weight  : 600;
  color        : #FFFFFF;
  line-height  : 40px;
  float        : left;
  margin-right : 30px;
  min-width    : 105px;
}

.sports-broker .right-text .text-list {
  float : left;
}

.sports-broker .right-text .text-list a {
  font-size   : 16px;
  font-family : SourceHanSerifCN-Regular, SourceHanSerifCN;
  font-weight : 400;
  color       : #FFFFFF;
  line-height : 26px;
}

.sports-broker .right-case {
  background : #0D253B;
  padding    : 15px;
  margin-top : 30px;
}

.sports-broker .right-case h2 {
  font-size   : 24px;
  font-family : SourceHanSerifCN-SemiBold, SourceHanSerifCN;
  font-weight : 600;
  color       : #FFFFFF;
  line-height : 40px;
}

.sports-broker .right-case .case-img {
  padding : 0 30px;
}

.sports-broker .right-img {
  display : inline-block;
}

.sports-broker .right-img img {
  width : 100%;
}

.sports-broker .right-case .case-text {
  margin-top : 16px;
}

.sports-broker .right-case .case-text p {
  font-size   : 18px;
  font-family : SourceHanSerifCN-Regular, SourceHanSerifCN;
  font-weight : 400;
  color       : #5ABBBD;
  line-height : 30px;
}

.sports-broker .right-case .swiper-button-prev {
  background      : url(../images/sports-broker-prev.png) no-repeat center;
  background-size : contain;
  width           : 24px;
  height          : 24px;
  left            : -35px;
}

.sports-broker .right-case .swiper-button-next {
  background      : url(../images/sports-broker-next.png) no-repeat center;
  background-size : contain;
  width           : 24px;
  height          : 24px;
  right           : -35px;
}

.sports-broker .right-case .swiper-button-prev::after {
  content : none;
}

.sports-broker .right-case .swiper-button-next::after {
  content : none;
}

.sports-broker .case-img-swiper {
  position   : relative;
  margin-top : 10px;
}

/* 导航栏搜索效果 */
.fade-screen {
  /* background: rgba(0, 0, 0, 0.2); */
  background : #00000033;
  visibility : hidden;
  position   : fixed;
  top        : 0;
  right      : 0;
  bottom     : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
  z-index    : 1;
}

.header-pc .header-cont {
  position : relative;
}

.menu-search-container {
  display   : none;
  position  : absolute;
  top       : 45px;
  left      : 50%;
  width     : 65%;
  transform : translateX(-50%);
  z-index   : 5;
}

.menu-search-container.active {
  display                : block;
  -webkit-animation-name : specialFadeOut;
  animation-name         : specialFadeOut;
  transition             : opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.menu-search-input {
  -webkit-animation-name      : specialFadeInRight;
  animation-name              : specialFadeInRight;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
  -webkit-animation-delay     : 350ms;
  animation-delay             : 350ms;
}

.menu-search-container a:first-child {
  display       : block;
  float         : left;
  padding-right : 15px;
}

.menu-search-container button {
  float         : left;
  padding-right : 15px;
  background    : transparent;
  outline       : none;
  border        : none;
}

.menu-search-container button i {
  background      : url(../images/icon-search.png) no-repeat center;
  background-size : contain;
  width           : 14px;
  height          : 14px;
  display         : inline-block;
  cursor          : pointer;
}

.menu-search-container a:first-child i {
  background      : url(../images/icon-search.png) no-repeat center;
  background-size : contain;
  width           : 14px;
  height          : 14px;
  display         : inline-block;
  cursor          : pointer;
}

.menu-search-container a {
  color : #fff;
}

.menu-search-container input {
  background-color : transparent;
  border           : none;
  width            : 80%;
  font-size        : 16px;
  outline          : none;
  color            : #fff;
  font-family      : SourceHanSerifCN-Medium;
}

.menu-search-input {
  -webkit-animation-name      : specialFadeInRight;
  animation-name              : specialFadeInRight;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
  -webkit-animation-delay     : 350ms;
  animation-delay             : 350ms;
}

.menu-search-close {
  position : absolute;
  right    : 0;
  top      : 0;
}

@keyframes specialFadeIn {
  from {
    opacity           : 0;
    -webkit-transform : scale(0.8);
    transform         : scale(0.8);
  }
  to {
    opacity : 1;
  }
}

@keyframes specialFadeOut {
  from {
    opacity : 1;
  }
  to {
    opacity           : 0;
    -webkit-transform : scale(0.8);
    transform         : scale(0.8);
  }
}

@keyframes specialSlideInRight {
  from {
    -webkit-transform : translate3d(10%, 0, 0);
    transform         : translate3d(10%, 0, 0);
    visibility        : visible;
  }
  to {
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
  }
}

@keyframes specialFadeInRight {
  from {
    opacity           : 0;
    -webkit-transform : translate3d(10%, 0, 0);
    transform         : translate3d(10%, 0, 0);
  }
  to {
    opacity           : 1;
    -webkit-transform : none;
    transform         : none;
  }
}

.specialFadeIn {
  -webkit-animation-name : specialFadeIn;
  animation-name         : specialFadeIn;
}

.specialFadeOut {
  -webkit-animation-name : specialFadeOut;
  animation-name         : specialFadeOut;
}

.specialSlideInRight {
  -webkit-animation-name : specialSlideInRight;
  animation-name         : specialSlideInRight;
}

.spceialFadeInRight {
  -webkit-animation-name : specialFadeInRight;
  animation-name         : specialFadeInRight;
}

.visible {
  visibility : visible;
}

.hidden {
  /* display: none; */
  transition : opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.menu-logo.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 15ms;
  animation-delay             : 15ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-logo.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 260ms;
  animation-delay             : 260ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab1.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 30ms;
  animation-delay             : 30ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab1.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 245ms;
  animation-delay             : 245ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab2.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 50ms;
  animation-delay             : 50ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab2.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 225ms;
  animation-delay             : 225ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab3.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 70ms;
  animation-delay             : 70ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab3.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 200ms;
  animation-delay             : 200ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab4.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 100ms;
  animation-delay             : 100ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : backwards;
  animation-fill-mode         : backwards;
}

.menu-tab4.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 180ms;
  animation-delay             : 180ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab5.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 125ms;
  animation-delay             : 125ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab5.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 160ms;
  animation-delay             : 160ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab6.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 150ms;
  animation-delay             : 150ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab6.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 130ms;
  animation-delay             : 130ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab7.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 180ms;
  animation-delay             : 180ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-tab7.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 100ms;
  animation-delay             : 100ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-icon1.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 200ms;
  animation-delay             : 200ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-icon1.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 50ms;
  animation-delay             : 50ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-icon2.is-closed {
  -webkit-animation-name      : specialFadeIn;
  animation-name              : specialFadeIn;
  -webkit-animation-delay     : 230ms;
  animation-delay             : 230ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.menu-icon2.hidden {
  -webkit-animation-name      : specialFadeOut;
  animation-name              : specialFadeOut;
  -webkit-animation-delay     : 20ms;
  animation-delay             : 20ms;
  -webkit-animation-duration  : 400ms;
  animation-duration          : 400ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.search-sub-menu {
  background                 : #fff;
  width                      : 100%;
  margin-top                 : 14px;
  color                      : #999;
  font-weight                : 100;
  padding                    : 24px 0 15px;
  z-index                    : 1;
  border-bottom-left-radius  : 18px;
  border-bottom-right-radius : 18px;
}

.search-sub-menu h3 {
  font-size    : 12px;
  font-weight  : 100;
  margin-top   : 0;
  padding-left : 28px;
  font-family  : SourceHanSerifCN-Medium;
}

.search-sub-menu h3 {
  -webkit-animation-name      : specialFadeInRight;
  animation-name              : specialFadeInRight;
  -webkit-animation-duration  : 700ms;
  animation-duration          : 700ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
}

.search-sub-menu ul {
  margin     : 0;
  padding    : 0;
  width      : 100%;
  margin-top : 15px;
}

.search-sub-menu ul li {
  display                     : block;
  text-align                  : left;
  margin                      : 0;
  text-indent                 : 50px;
  -webkit-animation-name      : specialFadeInRight;
  animation-name              : specialFadeInRight;
  -webkit-animation-duration  : 500ms;
  animation-duration          : 500ms;
  -webkit-animation-fill-mode : both;
  animation-fill-mode         : both;
  -webkit-animation-delay     : 30ms;
  animation-delay             : 30ms;
}

.search-sub-menu ul li a {
  width          : 100%;
  padding-top    : 4px;
  padding-bottom : 4px;
  font-size      : 16px;
  font-family    : SourceHanSerifCN-Medium;
  color          : #111111;
  line-height    : 22px;
}

.search-sub-menu ul li a:hover {
  background : #f5f5f7;
}

/* 导航栏搜索效果 */
/* 新闻详情页 */
.newDetail {
  padding-bottom : 30px;
}

.newDetail .left-box {
  background : #fff;
  padding    : 40px 20px 20px 20px;
}

.newDetail .left-box h1 {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Bold;
  color       : #333333;
  line-height : 36px;
}

.newDetail .left-box .box-time {
  padding       : 18px 0;
  border-bottom : 1px solid #E9E9E9;
}

.newDetail .left-box .box-time span {
  font-size      : 14px;
  font-family    : SourceHanSerifCN-Medium;
  color          : #333;
  line-height    : 26px;
  vertical-align : middle;
}

.newDetail .left-box .box-time .icon-time {
  display         : inline-block;
  background      : url(../images/newsDeatil-data.svg) no-repeat center;
  background-size : contain;
  width           : 15px;
  height          : 14px;
  vertical-align  : middle;
  margin-right    : 3px;
}

.newDetail .left-box .box-text {
  padding     : 15px 0;
  font-size   : 16px;
  color       : #333333;
  font-family : SourceHanSerifCN-Light;
  line-height : 1.5;
}

.newDetail .left-box .box-text img {
  max-width : 100%;
}

.newDetail .right-box {
  border  : 2px solid #fff;
  padding : 16px 6px 0 6px;
}

.newDetail .right-box p {
  font-size     : 16px;
  font-family   : SourceHanSerifCN-Bold;
  color         : #333333;
  line-height   : 30px;
  margin-bottom : 20px;
}

.newDetail .right-box .hot-list li {
  padding-bottom : 10px;
  border-bottom  : 1px solid #e6e6e6;
  margin-bottom  : 15px;
}

.newDetail .right-box .hot-list li a {
  font-size          : 14px;
  font-family        : SourceHanSerifCN-Light;
  color              : #333;
  line-height        : 1.5;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
  overflow           : hidden;
  text-overflow      : ellipsis;
  display            : -webkit-box;
  -webkit-line-clamp : 2;
  -webkit-box-orient : vertical;
}

.newDetail .right-box .hot-list li a:hover {
  color : #BE0000;
}

/* 新闻详情页 */

/* 体育教培 田径明星经纪 跑遍中国联系我们 */
.train-contact {
  padding    : 50px 0 100px 0;
  background : #fff;
}

.train-contact .box-list .list-img {
  padding : 0 135px;
}

/* 体育教培 田径明星经纪 跑遍中国联系我们 */
/* 搜索结果页 */
.search-cont {
  padding    : 40px 0;
  background : #fff;
}

.search-cont .search-txt p {
  font-weight : 400;
  color       : #333333;
  line-height : 28px;
  font-family : SourceHanSerifCN-Light;
  font-size   : 18px;
}

.search-cont .search-txt p > strong {
  color       : #5ABBBD;
  font-family : SourceHanSerifCN-Bold;
  font-size   : 20px;
}

.search-cont .search-list {
  margin-top : 20px;
}

.search-cont .search-box p {
  font-size   : 14px;
  font-weight : 500;
  color       : #333333;
  line-height : 20px;
  font-family : SourceHanSerifCN-Medium;
}

.search-cont .search-box h2 {
  font-size   : 20px;
  font-weight : 400;
  color       : #333333;
  line-height : 28px;
  margin-top  : 10px;
  font-family : SourceHanSerifCN-Light;
}

.search-cont .search-box {
  padding  : 25px 0;
  position : relative;
}

.search-cont .search-box::before {
  content    : "";
  width      : 100%;
  height     : 2px;
  background : #ECECEC;
  position   : absolute;
  bottom     : 0;
  left       : 0;
}

.search-cont .search-box::after {
  content            : "";
  width              : 0;
  height             : 2px;
  background         : #ECECEC;
  position           : absolute;
  bottom             : 0;
  left               : 0;
  transition         : all .5s;
  -webkit-transition : all .5s;
  -moz-transition    : all .5s;
  -ms-transition     : all .5s;
  -o-transition      : all .5s;
}

.search-cont .search-box:hover::after {
  background : #5ABBBD;
  width      : 100%;
}

.search-cont .left-search {
  display : flex;
  margin  : 20px 0;
  border  : 1px solid #e5e5e5;
  padding : 15px;
}

.search-cont .left-search input {
  flex        : 1;
  outline     : none;
  border      : none;
  font-size   : 14px;
  font-weight : 400;
  color       : #808080;
  line-height : 20px;
}

.search-cont .left-search button {
  outline    : none;
  border     : none;
  background : #fff;
}

.search-cont .left-search .icon-search {
  display         : inline-block;
  width           : 24px;
  height          : 24px;
  background      : url(../images/icon-search.png) no-repeat center;
  background-size : contain;
  flex            : none;
}

/* 赛事日程 */
.match-cont {
  background : #fff;
  padding    : 60px 0;
}

.match-img {
  margin-top : 30px;
}

.match-img img {
  width : 100%;
}

/* 会员服务中心 */
.service-body {
  background : #fff;
}

.service1 {
  padding : 100px 0;
}

.service1 .left-text p {
  font-size   : 22px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 34px;
  text-align  : justify;
}

.service1 .service1-right img {
  max-width : 100%;
}

.service2 .service2-img {
  text-align : center;
}

.service2 .service2-img img {
  max-width : 100%;
}

.service2-cont .service2-top .row > div {
  text-align : center;
}

.service2-cont .service2-top .top-box {
  background            : #5ABBBD;
  display               : inline-block;
  border-radius         : 20px;
  -webkit-border-radius : 20px;
  -moz-border-radius    : 20px;
  -ms-border-radius     : 20px;
  -o-border-radius      : 20px;
  padding               : 5px 30px;
}

.service2-cont .service2-top .top-box p {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #fff;
  line-height : 30px;
  text-align  : center;
}

.service2 .service2-xian {
  text-align : center;
  margin     : 30px 0;
}

.service2 .service2-xian img {
  max-width : 100%;
}

.service2-bot {
  display         : flex;
  justify-content : space-between;
}

.service2-bot li {
  width : 18%;
}

.service2-bot li .bot-box {
  width    : 100%;
  display  : inline-block;
  position : relative;
}

.service2-bot li img {
  width : 100%;
}

.service2-bot li .bot-box .bot-txt {
  width             : 100%;
  position          : absolute;
  bottom            : 12px;
  left              : 50%;
  transform         : translateX(-50%);
  -webkit-transform : translateX(-50%);
  -moz-transform    : translateX(-50%);
  -ms-transform     : translateX(-50%);
  -o-transform      : translateX(-50%);
  text-align        : center;
}

.service2-bot li .bot-box .bot-txt p {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #fff;
  line-height : 30px;
}

.service2-img {
  display : none;
}

.service3 {
  background : #f2f2f2;
  padding    : 20px 10px;
  margin-top : 100px;
}

.service3 .service3-box h2 {
  font-size   : 24px;
  font-family : SourceHanSerifCN-Bold;
  font-weight : 400;
  color       : #5ABBBD;
  line-height : 36px;
}

.service3 .service3-list {
  margin-top : 20px;
}

.service3 .service3-list a {
  font-size          : 18px;
  font-family        : SourceHanSerifCN-Regular;
  font-weight        : 400;
  color              : #323232;
  line-height        : 32px;
  overflow           : hidden;
  text-overflow      : ellipsis;
  display            : -webkit-box;
  -webkit-box-orient : vertical;
  -webkit-line-clamp : 1;
  transition         : all .3s;
  -webkit-transition : all .3s;
  -moz-transition    : all .3s;
  -ms-transition     : all .3s;
  -o-transition      : all .3s;
}

.service3 .service3-list a:hover {
  color : #5ABBBD;
}

.service4 {
  padding : 100px 0;
}

.service4 .row {
  margin-top : 30px;
}

.service4 .left-text {
  padding-top : 50px;
}

.service4 .left-text p {
  font-size   : 22px;
  font-family : SourceHanSerifCN-Regular;
  font-weight : 400;
  color       : #323232;
  line-height : 34px;
  text-align  : justify;
}

.service4 .service4-right {
  position    : relative;
  padding-top : 50px;
}

.service4 .service4-right img {
  position  : relative;
  z-index   : 1;
  max-width : 100%;
}

.service4 .service4-right::after {
  content    : '';
  width      : 80%;
  height     : 80%;
  background : #5ABBBD;
  position   : absolute;
  top        : 10px;
  right      : 20px;
}

/* 英文 */
.event-center-en .high-top .right-box p {
  font-size   : 14px;
  line-height : 24px;
  margin-top  : 10px;
}

.event-center-en .high-top .right-box h2 {
  font-size   : 22px;
  line-height : 34px;
}

.event-center-en .high-bot .bot-box {
  padding : 50px 20px 0 20px;
}

.event-center-en .high-bot .box-list p {
  font-size     : 14px;
  line-height   : 24px;
  margin-bottom : 12px;
}

.event-center-en .high-bot .bot-box h2 {
  font-size     : 24px;
  margin-bottom : 20px;
}

.event-center-en .event-match .match-right .right-text h2 {
  font-size     : 24px;
  line-height   : 34px;
  margin-bottom : 20px;
}

.event-center-en .event-match .match-right .right-text p {
  font-size     : 14px;
  line-height   : 22px;
  margin-bottom : 10px;
}


.about-cont-en .intro-left img {
  width : 40%;
}

.about-cont-en .about-text {
  padding-left : 300px;
}

.about-cont-en .about-text p {
  font-size   : 14px;
  line-height : 32px;
  margin-top  : 20px;
}

.about-cont-en .intro-right p {
  font-size   : 14px;
  line-height : 32px;
}

.about-pics {
  margin-top : 50px;
}

.about-pics .memor-left p {
  font-size   : 30px;
  font-family : SourceHanSerifCN-SemiBold;
  font-weight : 600;
  color       : #111111;
  line-height : 40px;
  text-align  : right;
}

.about-pics .picx-box {
  display      : flex;
  flex-wrap    : wrap;
  /* justify-content: space-between; */
  margin-left  : -8px;
  margin-right : -8px;
}

.about-pics .picx-box li {
  background      : #f5f5f5;
  width           : 23%;
  margin-bottom   : 16px;
  display         : flex;
  justify-content : center;
  align-items     : center;
  padding         : 40px;
  height          : 180px;
  position        : relative;
  margin-left     : 8px;
  margin-right    : 8px;
}

.about-pics .picx-box li::after {
  content    : "";
  width      : 4px;
  position   : absolute;
  right      : -4px;
  top        : 8px;
  height     : 98%;
  background : #5abbbd;
  visibility : hidden;
  opacity    : 0;
  transition : all .3s;
}

.about-pics .picx-box li::before {
  content    : "";
  width      : 98%;
  position   : absolute;
  bottom     : -4px;
  left       : 8px;
  height     : 4px;
  background : #5abbbd;
  visibility : hidden;
  opacity    : 0;
  transition : all .3s;
}

.about-pics .picx-box li:hover::after {
  visibility : inherit;
  opacity    : 1;
}

.about-pics .picx-box li:hover::before {
  visibility : inherit;
  opacity    : 1;
}

.about-pics .picx-box li img {
  max-width  : 100%;
  object-fit : contain;
}

.index-list-en .list-icon1 {
  background      : url(../images/index-list-icon1-en.png) no-repeat center;
  background-size : contain;
}

.index-list-en .list-box:hover .list-icon1 {
  background      : url(../images/index-list-icon1-en.png) no-repeat center;
  background-size : contain;
  width           : 180px;
  height          : 180px;
}

.index-list-en .list-icon2 {
  background      : url(../images/index-list-icon2-en.png) no-repeat center;
  background-size : contain;
}

.index-list-en .list-box:hover .list-icon2 {
  background      : url(../images/index-list-icon2-en.png) no-repeat center;
  background-size : contain;
  width           : 180px;
  height          : 180px;
}

.index-list-en .list-icon3 {
  background      : url(../images/index-list-icon3-en.png) no-repeat center;
  background-size : contain;
}

.index-list-en .list-box:hover .list-icon3 {
  background      : url(../images/index-list-icon3-en.png) no-repeat center;
  background-size : contain;
  width           : 180px;
  height          : 180px;
}

.index-list-en .list-icon4 {
  background      : url(../images/index-list-icon4-en.png) no-repeat center;
  background-size : contain;
}

.index-list-en .list-box:hover .list-icon4 {
  background      : url(../images/index-list-icon4-en.png) no-repeat center;
  background-size : contain;
  width           : 180px;
  height          : 180px;
}

.service-file-en .box-text h2 {
  font-size   : 18px;
  line-height : 30px;
}

.service-file-en .file-box1 .box-text h2 {
  font-size   : 24px;
  line-height : 40px;
}

.service-file-en .box-right .right-link span {
  font-size   : 12px;
  line-height : 20px;
}

.service-file-en .box-right .icon-bot {
  width  : 12px;
  height : 12px;
}

.service-xiehui-en h2 {
  font-size   : 26px;
  line-height : 42px;
}

.train-zongju-en .zongju-txt h2 {
  font-size   : 20px;
  line-height : 34px;
}

.train-peixun-en .peixun-list .list-text p {
  font-size : 18px;
}

.train-peixun-en .peixun-list h3 span {
  font-size : 18px;
}

.train-peixun-en .peixun-list h3 strong {
  font-size : 26px;
}

.train-jigou-en .jiegou-box .jiegou-img {
  padding : 40px;
}

.train-jigou-en .jiegou-box .jiegou-img img {
  max-width : 100%;
  width     : 60%;
}

.athlet-body-en .athlet-cent .cent-text p {
  font-size   : 16px;
  line-height : 34px;
}

.service-body-en .service1 .left-text p {
  font-size   : 16px;
  line-height : 28px;
}

.service-body-en .service2-cont .service2-top .top-box p {
  font-size   : 18px;
  line-height : 25px;
}

.service-body-en .service2-bot li .bot-box .bot-txt p {
  font-size   : 14px;
  line-height : 20px;
}

.service-body-en .service2-bot li .bot-box .bot-txt {
  bottom : 8px;
}

.service-body-en .service4 .left-text p {
  font-size   : 16px;
  line-height : 28px;
}

.service-body-en .service4 .left-text {
  padding-top : 150px;
}

.event-banner-en .banner-text p {
  font-size   : 14px;
  line-height : 28px;
}

.event-banner-en .banner-tit {
  padding : 10px 0;
}

.event-banner-en .banner-tit h3 {
  font-size   : 24px;
  line-height : 30px;
}

.train-top-en .left-tit {
  margin : 6px 0;
}

.train-top-en .left-tit h2 {
  font-size   : 14px;
  line-height : 22px;
}

.train-top-en .left-text p {
  font-size   : 14px;
  line-height : 22px;
}

.train-top-en .left-text h3 {
  font-size : 18px;
}

.train-top-en {
  padding : 150px 0 20px 0;
}

.run-con-en .con-text p {
  font-size   : 16px;
  line-height : 25px;
}

.run-con-en .list-box p {
  font-size   : 16px;
  line-height : 24px;
}

.run-case-en .case-box .box-tit p {
  font-size   : 14px;
  line-height : 24px;
}

.sports-broker-en .right-text h2 {
  font-size    : 18px;
  margin-right : 48px;
}

.sports-broker-en .right-text .text-list a {
  font-size   : 14px;
  line-height : 24px;
}

.sports-banner-en .banner-list li a {
  font-size   : 12px !important;
  line-height : 24px !important;
  padding     : 15px 10px !important;
}

.business-banner-en .banner-text p {
  font-size   : 14px;
  line-height : 26px;
  margin-top  : 20px;
}

.business-contact-en .box-list p {
  font-size   : 14px;
  line-height : 24px;
}

.com-tit-en h2 {
  font-size   : 30px;
  line-height : 45px;
}

.com-tit-en .tit-bot p {
  line-height : 36px;
}

/* 英文 */
/* media 媒体查询
    1200px
    1024px
    768px
*/
@media screen and (min-width : 1200px) {
  .container {
    max-width : 1200px;
  }
}

@media screen and (max-width : 1200px) {
  .header-pc .header-cent > li:not(:first-child) {
    margin-left : 30px;
  }

  .business-contact .box-list .list-img {
    padding : 0 55px;
  }

  /* 赛事服务 */
  .high-bot .bot-box {
    padding : 30px 20px 0 20px;
  }

  .high-bot .bot-box h2 {
    font-size     : 28px;
    line-height   : 36px;
    margin-bottom : 15px;
  }

  .high-bot .box-list p {
    font-size     : 16px;
    line-height   : 20px;
    margin-bottom : 12px;
  }

  .high-top .right-box p {
    font-size   : 18px;
    line-height : 28px;
  }

  .event-match .match-right .right-img {
    bottom : 36px;
  }

  .event-match .match-right .right-text p {
    font-size     : 16px;
    line-height   : 24px;
    margin-bottom : 15px;
  }

  .high-top .right-box h2 {
    font-size   : 28px;
    line-height : 36px;
  }

  .event-match .match-right .right-text h2 {
    font-size     : 30px;
    line-height   : 40px;
    margin-bottom : 20px;
  }

  .event-banner .banner-tit h3 {
    font-size : 36px;
  }

  .event-banner-en .banner-tit h3 {
    font-size   : 24px;
    line-height : 30px;
  }

  /* 田径明显经纪 */
  .sports-banner .banner-list li a {
    font-size : 20px;
  }

  .sports-banner .banner-list {
    padding : 0 30px;
  }

  .sports-banner .banner-list li a {
    padding : 40px 8px;
  }

  .sports-banner {
    margin-top : 30px;
  }

  .sports-broker .box-left {
    height : 816px;
  }

  .sports-broker .right-text {
    min-height : 330px;
  }

  .sports-broker .right-case {
    margin-top : 50px;
  }

  /* 跑遍中国 */
  .run-con .list-box p {
    font-size : 18px;
  }

  .run-con-en .list-box p {
    font-size   : 16px;
    line-height : 24px;
  }

  /* 体育教培 田径明星经纪 跑遍中国联系我们 */
  .train-contact .box-list .list-img {
    padding : 0 88px;
  }

  /* 体育教培 田径明星经纪 跑遍中国联系我们 */
}

@media screen and (max-width : 1000px) {
  /* .header-pc .header-left img {
        width: 50px;
        height: 50px;
    } */
  .header-pc .header-cent > li:not(:first-child) {
    margin-left : 10px;
  }

  .header-pc .header-cent > li > a {
    font-size : 16px;
  }

  .header-pc .header-right .icon-search {
    width  : 20px;
    height : 20px;
  }

  .header-pc .header-right .icon-list {
    width  : 20px;
    height : 20px;
  }

  .header-pc .header-right .right-search {
    margin-right : 15px;
  }

  .header-pc .header-cent .cent-box {
    padding : 8px 80px;
  }

  /* 新闻 */
  .news-con .left-con p {
    font-size   : 16px;
    line-height : 24px;
  }

  .news-con .new-left li {
    padding-bottom : 15px;
    padding-top    : 15px;
  }

  .news-con .new-right h3 {
    font-size   : 22px;
    line-height : 35px;
  }

  .news-con {
    padding-top : 50px;
  }

  .news-list {
    padding : 50px 0 70px 0;
  }

  /* 产品 */
  .list-right li .right-icon {
    padding : 90px 0;
  }

  .product-list .list-left {
    padding : 180px 15px 0 15px;
  }

  .list-right li .right-text h3 {
    font-size   : 22px;
    line-height : 35px;
  }

  .list-right li .right-text p {
    font-size   : 16px;
    line-height : 24px;
  }

  .product-list .list-left .left-text h2 {
    font-size   : 28px;
    line-height : 36px;
  }

  .product-list .list-left .left-text p {
    font-size   : 20px;
    line-height : 30px;
    margin-top  : 20px;
  }

  .product-list .list-left .left-code p {
    font-size   : 20px;
    line-height : 35px;
    margin-top  : 8px;
  }

  /* 跑遍中国 */
  .run-con .list-box p {
    font-size   : 18px;
    line-height : 28px;
    margin-top  : 10px;
  }

  .run-con-en .list-box p {
    font-size   : 16px;
    line-height : 24px;
  }

  .run-con .con-text p {
    font-size   : 20px;
    line-height : 28px;
  }

  .run-con-en .con-text p {
    font-size   : 16px;
    line-height : 25px;
  }

  .run-city .city-right:last-child {
    margin-top : 56px;
  }

  .run-city .city-right .city-text h2 {
    font-size   : 20px;
    line-height : 28px;
    width       : 20px;
  }

  .run-city .city-right .city-text {
    padding : 10px 15px 10px 15px;
  }

  .run-city .city-right .city-text p {
    margin-top : 10px;
  }

  .run-city .city-right .city-text p span {
    font-size   : 16px;
    line-height : 26px;
    height      : 14px;
  }

  .run-city .city-left .city-text h2 {
    font-size   : 20px;
    line-height : 28px;
  }

  .run-city .city-left .city-text p {
    font-size   : 16px;
    line-height : 26px;
  }

  .run-city .city-left .city-text {
    padding : 12px 0 12px 50px;
  }

  /* 体育教培 */
  .train-top .top-right {
    margin-top : 100px;
  }

  /* 认证服务 */
  .business-banner .banner-text p {
    font-size   : 16px;
    line-height : 26px;
    margin-top  : 15px;
  }

  .business-banner-en .banner-text p {
    font-size   : 14px;
    line-height : 26px;
    margin-top  : 15px;
  }

  .business-banner {
    padding : 50px 60px 50px 60px;
  }

  .business-notice .notice-list {
    margin-top : 10px;
  }

  .business-notice .notice-box h2 {
    font-size   : 22px;
    line-height : 30px;
  }

  .business-notice {
    margin-top : 50px;
  }

  .business-notice .notice-list a {
    font-size   : 16px;
    line-height : 28px;
  }

  .business-service {
    padding : 50px 0;
  }

  .service-file .box-text h2 {
    font-size   : 24px;
    line-height : 30px;
  }

  .service-file .box-text p {
    font-size   : 16px;
    line-height : 18px;
    margin-top  : 10px;
  }

  .service-file .box-right .icon-pdf {
    width  : 60px;
    height : 60px;
  }

  .service-file .box-right .icon-bot {
    width  : 14px;
    height : 14px;
  }

  .service-file .box-right .right-link span {
    font-size   : 16px;
    line-height : 20px;
  }

  .service-file .box-right {
    width     : 120px;
    min-width : 120px;
  }

  .service-file .file-box1 .box-text h2 {
    font-size   : 36px;
    line-height : 45px;
  }

  .service-file .box-right .right-link {
    padding : 5px 15px;
  }

  .service-xiehui h2 {
    font-size   : 28px;
    line-height : 40px;
    margin      : 15px 0;
  }

  .service-xiehui {
    padding : 50px 50px;
  }

  .service-xiehui .xiehui-link {
    padding : 4px 30px;
  }

  .service-xiehui .xiehui-link span {
    font-size   : 16px;
    line-height : 20px;
  }

  .business-test .list-box .box-img {
    padding    : 0 20px;
    height     : 110px;
    min-height : 110px;
  }

  .business-test .list-box p {
    font-size   : 16px;
    font-family : SourceHanSerifCN-Medium;
    font-weight : 500;
    color       : #323232;
    line-height : 20px;
  }

  .business-test .list-box h2 {
    font-size   : 20px;
    color       : #323232;
    line-height : 25px;
  }

  .business-contact .box-list .list-img {
    padding : 0 100px;
  }

  .business-contact .box-list p {
    font-size : 18px;
  }

  /* 赛事服务 */
  .high-bot .bot-box {
    padding : 15px 10px 0 10px;
  }

  .high-bot .bot-box h2 {
    font-size   : 24px;
    line-height : 30px;
  }

  .high-bot .box-list p {
    font-size     : 14px;
    line-height   : 18px;
    margin-bottom : 10px;
  }

  .high-top .right-box p {
    font-size   : 16px;
    line-height : 26px;
  }

  .event-match .match-right .right-img {
    position : relative;
    left     : 0;
    top      : 30px;
  }

  .event-match2 .match2-left {
    margin-top : 166px;
  }

  .event-ip {
    padding : 10px 0;
  }

  .event-ip p {
    font-size   : 20px;
    line-height : 30px;
  }

  .event-banner .banner-tit h3 {
    font-size   : 30px;
    line-height : 42px;
  }

  .event-banner-en .banner-tit h3 {
    font-size   : 24px;
    line-height : 30px;
  }

  .event-banner .banner-text p {
    font-size   : 18px;
    line-height : 28px;
  }

  .event-banner-en .banner-text p {
    font-size   : 14px;
    line-height : 28px;
  }

  .event-banner {
    padding : 80px 30px;
  }

  /* 田径明显经纪 */
  .sports-banner .banner-list li a {
    font-size   : 16px;
    line-height : 28px;
  }

  .sports-banner .banner-list {
    padding : 0 15px;
  }

  .sports-banner .banner-list li {
    width : 19%;
  }

  .sports-banner .banner-list li a {
    padding : 30px 4px;
  }

  .sports-broker .right-text {
    flex-wrap : wrap;
  }

  .sports-broker .right-case {
    margin-top : 30px;
  }

  /* 体育教培 田径明星经纪 跑遍中国联系我们 */
  .train-contact .box-list .list-img {
    padding : 0 55px;
  }

  /* 体育教培 田径明星经纪 跑遍中国联系我们 */
  /* 新闻详情页 */
  .newDetail .right-box {
    margin-top : 30px;
  }

  /* 新闻详情页 */
  /* 会员服务中心 */
  .service2-img {
    display : block;
  }

  .service2-cont {
    display : none;
  }

  /* 体育教培 */
  .train-peixun .peixun-img {
    display : block;
  }

  .peixun-cont {
    display : none;
  }

  /* 英文 */
  .about-pics .picx-box li {
    width  : 31%;
    height : 150px;
  }

  .about-cont-en .about-text {
    padding-left : 0;
  }

  /* 英文 */
}

@media screen and (max-width : 800px) {
  .header-pc {
    display : none;
  }

  .header-phone {
    display : block;
  }
}

@media screen and (max-width : 768px) {
  /* 跑遍中国 */
  .run-con .list-box {
    width : 100%;
  }

  .run-con .con-text p {
    font-size   : 18px;
    line-height : 25px;
  }

  .run-con-en .con-text p {
    font-size   : 16px;
    line-height : 25px;
  }

  .run-con .con-text {
    margin : 10px 0 30px 0;
  }

  .run-con {
    padding : 30px 0 20px 0;
  }

  .run-chart .run-swiper .swiper-button-next {
    width : 30px;
    right : 5%;
    top   : 60%;
  }

  .run-chart .run-swiper .swiper-button-prev {
    width : 30px;
    left  : 5%;
    top   : 60%;
  }

  .run-chart {
    padding : 50px 0;
  }

  .run-chart .run-swiper {
    margin-top : 25px;
  }

  .run-city .city-right:last-child {
    margin-top : 30px;
  }

  .run-city .city-right:first-child {
    margin-top : 30px;
  }

  /* 体育教培 */
  .train-top .left-tit {
    margin : 10px 0 20px 0;
  }

  .train-top .left-tit h2 {
    font-size   : 22px;
    line-height : 30px;
  }

  .train-top-en .left-tit h2 {
    font-size   : 14px;
    line-height : 22px;
  }

  .train-top .left-text p {
    font-size   : 18px;
    line-height : 28px;
  }

  .train-top {
    padding : 30px 0 50px 0;
  }

  .train-bot {
    padding : 100px 0 60px 0;
  }

  .train-bot .bot-right {
    margin-top : 100px;
  }

  .train-bot .bot-text p {
    font-size   : 18px;
    line-height : 28px;
  }

  .train-bot .bot-text {
    margin-top : 30px;
  }

  /* 认证服务 */
  .business-contact .box-list .list-img img {
    width : 50%;
  }

  .business-test .test-list {
    flex-direction : column;
  }

  .business-test .test-list li {
    width : 100%;
  }

  .business-test .list-box .box-img {
    display         : flex;
    justify-content : center;
    height          : auto;
    min-height      : auto;
  }

  .business-test .list-box .box-img img {
    width : 50%;
  }

  .business-contact .box-list .list-img {
    padding : 0 20px;
  }

  .business-banner {
    padding : 50px 30px 50px 30px;
  }

  .business-notice .col-xl-6:last-child .notice-box {
    margin-top : 30px;
  }

  .service-xiehui {
    padding : 50px 20px;
  }

  .service-xiehui h2 {
    font-size   : 24px;
    line-height : 31px;
  }

  .service-xiehui-en h2 {
    font-size   : 18px;
    line-height : 28px;
  }

  .service-file .box-text p {
    font-size   : 14px;
    line-height : 16px;
    margin-top  : 6px;
  }

  .service-file .col-xl-5 {
    margin-bottom : 20px;
  }

  .service-file .file-box1 .box-text h2 {
    font-size   : 26px;
    line-height : 30px;
  }

  .service-file-en .box-text h2 {
    font-size   : 14px;
    line-height : 25px;
  }

  .service-file-en .file-box1 .box-text h2 {
    font-size   : 18px;
    line-height : 36px;
  }

  .service-file .file-box1 {
    padding : 50px 15px 30px 15px;
  }

  .service-file {
    margin : 50px 0;
  }

  .business-contact .contact-bot p {
    font-size : 18px;
  }

  .business-contact {
    padding : 50px 0;
  }

  .business-contact .row div:not(:last-child) .box-list {
    border-right : none;
  }

  .business-contact .contact-box .row > div {
    width     : 50%;
    max-width : 50%;
  }

  .event-nav {
    margin-top : 50px;
  }

  .service-file .box-right .right-link span {
    font-size : 12px;
  }

  .service-file .box-right .icon-bot {
    width       : 12px;
    height      : 12px;
    margin-left : 4px;
  }

  .service-file .box-right .right-link {
    padding : 2px 12px;
  }

  .service-file .box-right .icon-pdf {
    width  : 45px;
    height : 45px;
  }

  .service-file .box-right {
    width     : 108px;
    min-width : 108px;
  }

  .service-file .box-text h2 {
    font-size   : 20px;
    line-height : 25px;
  }

  .service-file .file-box1 .box-right {
    bottom : 56px;
  }

  /* 超级碗 */
  .athlet-cent .cent-text p {
    font-size   : 20px;
    font-family : SourceHanSerifCN-Medium;
    font-weight : 500;
    color       : #323232;
    line-height : 36px;
    text-align  : justify;
  }

  .athlet-cent .cent-right span {
    font-size   : 66px;
    line-height : 88px;
    width       : 85px;
  }

  .athlet-banner {
    margin : 30px 0 30px 0;
  }

  .athlet-bot .bot-left h2 {
    font-size   : 66px;
    line-height : 80px;
  }

  .athlet-bot .bot-left .left-tit h3 {
    font-size   : 34px;
    line-height : 45px;
  }

  .athlet-bot .bot-left p {
    font-size   : 40px;
    line-height : 52px;
  }

  .athlet-bot .bot-right {
    margin-top : 20px;
  }

  .athlet-bot::after {
    bottom : -74px;
  }

  .athlet-bot {
    margin-top : 50px;
  }

  .athlet-body {
    padding : 50px 0 100px 0;
  }

  /* 赛事服务 */
  .high-bot .bot-box {
    width : 50%;
  }

  .high-bot .bot-box {
    padding : 10px 8px 0 8px;
  }

  .high-bot .box-list p {
    line-height   : 16px;
    margin-bottom : 6px;
  }

  .high-bot .bot-box h2 {
    font-size     : 20px;
    line-height   : 26px;
    margin-bottom : 10px;
  }

  .event-mls {
    padding-bottom : 60px;
  }

  .event-high {
    margin : 24px 0 60px 0;
  }

  .sports-banner .banner-list li a {
    font-size   : 12px;
    line-height : 16px;
  }

  .sports-banner .banner-list li a {
    padding : 20px 1px;
  }

  .sports-banner .banner-list li {
    width : 19%;
  }

  .sports-banner .banner-list {
    padding : 0 5px;
  }

  .sports-broker .right-case {
    margin-top : 20px;
  }

  .sports-broker .right-text {
    min-height : auto;
    margin-top : 20px;
  }

  .sports-ship {
    padding-top : 30px;
  }

  .sports-body {
    background : #fff;
    padding    : 30px 0 0 0;
  }

  /* 体育教培 田径明星经纪 跑遍中国联系我们 */
  .train-contact .contact-box .row > div {
    width     : 100%;
    max-width : 100%;
  }

  .train-contact .box-list .list-img img {
    width : 20%;
  }

  /* 体育教培 田径明星经纪 跑遍中国联系我们 */
  .news-con .row {
    flex-direction : column-reverse;
    border-bottom  : none;
  }

  /* 新闻详情页 */
  .newDetail .left-box h1 {
    font-size   : 20px;
    line-height : 28px;
  }

  /* 体育教培 */
  .train-zongju .zongju-txt {
    padding : 3px 5px;
    width   : 95%;
  }

  .train-zongju .zongju-txt h2 {
    font-size   : 24px;
    line-height : 34px;
  }

  .train-zongju-en .zongju-txt h2 {
    font-size   : 18px;
    line-height : 30px;
  }

  .train-zongju .zongju-txt a {
    padding : 4px 30px;
  }

  .train-zongju .zongju-txt a span {
    font-size   : 16px;
    line-height : 20px;
  }

  /* 会员服务中心 */
  .service1 .left-text p {
    font-size   : 18px;
    line-height : 30px;
  }

  .service4 .left-text p {
    font-size   : 18px;
    line-height : 30px;
  }

  .service-body-en .service4 .left-text {
    padding-top : 10px;
  }

  .service4 .com-tit .tit-bot p {
    line-height : 22px;
  }

  /* 关于中田 */
  .about-memor .memor-left p {
    text-align : center;
  }

  .about-memor .memor-right {
    margin-top : 30px;
    height     : 200px;
  }

  /* 英文 */
  .about-pics .memor-left p {
    text-align : center;
  }

  .about-pics .picx-box li {
    width  : 31%;
    height : 150px;
  }

  .about-pics .picx-box {
    margin-top   : 30px;
    margin-left  : -3px;
    margin-right : -3px;
  }

  .about-pics .picx-box li {
    margin-left  : 3px;
    margin-right : 3px;
  }

  /* 英文 */

}

@media screen and (max-width : 500px) {
  .common-top .top-img .com-bot {
    width  : 24px;
    height : 24px;
  }

  .common-top .top-img .com-top {
    width  : 24px;
    height : 24px;
  }

  .com-tit h2 {
    font-size   : 36px;
    line-height : 40px;
  }

  .com-tit-en h2 {
    font-size   : 28px;
    line-height : 38px;
  }

  .com-tit .tit-bot span {
    width : 30px;
  }

  .com-tit .tit-bot span::before {
    width : 30px;
  }

  .com-tit .tit-bot span::after {
    width : 30px;
  }

  .com-tit .tit-bot p {
    margin-left : 10px;
  }

  .header {
    margin-bottom : 35px;
  }

  .footer .footer-box {
    padding : 20px 0;
  }

  .common-top {
    padding-top : 30px;
  }

  .common-top .top-bar span {
    margin-bottom : 5px;
  }

  .index-banner .banner-text {
    left          : 15px;
    padding-right : 15px;
  }

  .index-banner .swiper-pagination-bullets .swiper-pagination-bullet {
    width  : 60px;
    height : 4px;
  }

  .index-banner .banner-text h2 {
    font-size : 20px;
  }

  .index-banner .banner-text p {
    font-size : 14px;
  }

  .index-list {
    padding : 50px 0 20px 0;
  }

  .index-list .list-box {
    height : 230px;
  }

  .index-list .list-icon {
    width  : 130px;
    height : 130px;
  }

  .index-list-en .list-box:hover .list-icon1 {
    width  : 120px;
    height : 120px;
  }

  .index-list-en .list-box:hover .list-icon2 {
    width  : 120px;
    height : 120px;
  }

  .index-list-en .list-box:hover .list-icon3 {
    width  : 120px;
    height : 120px;
  }

  .index-list-en .list-box:hover .list-icon4 {
    width  : 120px;
    height : 120px;
  }

  .index-list .list-box:hover .box-cent {
    padding-top : 15px;
  }

  .index-list .box-cent .box-href {
    padding    : 4px 24px;
    margin-top : 15px;
  }

  .index-list .box-cent .box-href span {
    font-size   : 14px;
    line-height : 20px;
  }

  .index-list .box-cent .box-href b {
    width  : 14px;
    height : 14px;
  }

  .index-list .box-cent {
    padding-top : 50px;
  }

  /* 关于中田 */
  .about-cont {
    padding : 30px 0 50px 0;
  }

  .about-cont .intro-left {
    width         : 100%;
    margin-bottom : 15px;
  }

  .about-cont .intro-left img {
    width : 45%;
  }

  .about-cont .intro-left h2 {
    font-size   : 26px;
    line-height : 40px;
  }

  .about-cont .intro-right p {
    font-size   : 16px;
    line-height : 26px;
  }

  .about-cont .about-text p {
    font-size   : 16px;
    line-height : 26px;
    margin-top  : 15px;
  }

  .about-cont .about-img img {
    margin : 15px 0 30px 0;
  }

  /* 新闻 */
  .news-con {
    padding-top : 30px;
  }

  .news-list .cent-text h2 a {
    font-size   : 20px;
    line-height : 30px;
    margin      : 6px 0;
  }

  .news-list .cent-text p {
    font-size   : 14px;
    line-height : 22px;
  }

  .news-list .list-cent .row {
    padding : 30px 0;
  }

  .news-list .list-head li > a {
    font-size   : 16px;
    line-height : 34px;
    padding     : 10px 0;
  }

  .news-con .left-con p {
    font-size   : 14px;
    line-height : 20px;
  }

  .news-con .new-right h3 {
    font-size   : 20px;
    line-height : 30px;
  }

  .news-list .text-tips h3 {
    font-size   : 16px;
    line-height : 30px;
    margin-top  : 10px;
  }

  /* 产品 */
  .product-body {
    min-height : calc(100vh - 100px);
    padding    : 30px 0 70px 0;
  }

  .product-phone .phone-box:nth-child(2) {
    margin-top : -40px;
  }

  .product-phone .phone-box {
    width : 30%;
  }

  .product-tit .tit-bot {
    padding-left : 65px;
  }

  .product-list .list-left .left-text h2 {
    font-size   : 28px;
    line-height : 35px;
  }

  .product-list .list-left .left-text p {
    font-size   : 18px;
    line-height : 26px;
    margin-top  : 15px;
  }

  .product-list .list-left i.left-ri2 {
    width  : 150px;
    height : 150px;
  }

  .product-list .list-left i {
    right : 30px;
    top   : 30px;
  }

  /* 体育教培 */
  .train-top .top-right::after {
    height : 40px;
    top    : -39px;
  }

  .train-top .top-right::before {
    width : 40px;
    right : -39px;
    top   : -39px;
  }

  .train-bot .bot-left::after {
    right : 50px;
    top   : -26px;
  }

  .train-bot .bot-right::after {
    top   : 21px;
    right : -30px;
  }

  .train-bot .bot-text p {
    font-size   : 16px;
    line-height : 25px;
  }

  .train-bot .bot-right {
    margin-top : 50px;
  }

  .train-top .left-text p {
    font-size   : 16px;
    line-height : 25px;
  }

  .train-top .left-tit h2 {
    font-size   : 20px;
    line-height : 26px;
  }

  .train-top-en .left-tit h2 {
    font-size   : 14px;
    line-height : 22px;
  }

  /* 跑遍中国案例 */
  .run-case .case-box .box-tit p {
    font-size : 18px;
  }

  .run-case-en .case-box .box-tit p {
    font-size   : 14px;
    line-height : 24px;
  }

  .run-case .box-cent .cent-list h2 {
    font-size : 18px;
  }

  /* 跑遍中国案例 */
  /* 赛事服务 */
  .high-bot .bot-box {
    width : 100%;
  }

  .high-bot .bot-box h2 {
    font-size     : 20px;
    line-height   : 24px;
    margin-bottom : 6px;
  }

  .sports-banner .banner-list {
    top               : 50%;
    transform         : translateY(-50%);
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    bottom            : inherit;
  }

  /* 英文 */
  .about-pics .picx-box li {
    width   : 48%;
    height  : 150px;
    padding : 30px;
  }

  /* 英文 */

}