#app {
  background: white;
}
.header{
  /*background: rgba(0, 0, 0, 0.33);*/
  background: rgba(255, 255, 255, 1);
}
.banner{
  position: relative;
  min-width: 1200px;
  padding: 10px 0;
  padding-top: 28.5%;
  /*background:  url("/static/home/images/home_banner.png") top center / contain no-repeat;*/
}
@media screen and (max-width:1200px){
  .banner{
    padding-top: 438px;
  }
}

.banner-swiper{
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
}

.banner .swiper-pagination-bullet{
  width: 34px;
  height: 4px;
  border-radius: 0;
}

.banner .swiper-pagination-bullet-active{
  height:7px;
  background: white;
}

.banner-swiper img{
  width: 100%;
}
.banner-right{
  width: 240px;
  padding-left: 10px;
}
.banner-pagination .swiper-pagination-bullet{
  width: 20px;
  height: 10px;
  background:#fff;
  border-radius: 5px;
}
.swiper-button{
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  background: rgba(0, 0, 0, 0.25);
}
.swiper-button i{
  font-weight: bold;
  font-size: 30px;
  color: white;
}
.banner-button-prev{
  left: 20px;
  border-radius: 30px;
}
.banner-button-next{
  right: 20px;
  border-radius: 30px;
}
.scratch {
  position: relative;
  height: 100%;
}
.scratch a {
  position: absolute;
  left: 89px;
  bottom: 52px;
  display: block;
  width: 176px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #367bf0;
  background-color: #ffe200;
}

.sign-box{
  height: 248px;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  background: white;
}

.sign-box-avatar{
  width: 62px;
  height: 62px;
  border-radius: 62px;
}

.sign-box-text{
  margin-top: 25px;
  font-size: 16px;
  color: #666666;
}

.sign-box-button{
  width:183px;
  height:39px;
  margin-top: 30px;
  font-size: 14px;
  color: #00A7FF;
  border:1px solid #00A7FF;
  border-radius:18px;
}
.sign-box-button:hover{
  color: white;
  background: #00A7FF;
}

.guide{
  height: 96px;
  margin-top: 16px;
  border-radius: 8px;
  background: #8966FE url('/static/home/images/guide.png') center / contain no-repeat;
  cursor: pointer;
  transition: all linear 0.5s;
  animation: guide-animation 2s infinite;
}
.guide:hover{
  box-shadow:0px 0px 10px rgba(137,102,254,1);
  animation:none;
}
@keyframes guide-animation{
 0%{
  box-shadow: none;
 }
 50%{
  box-shadow:0px 0px 10px rgba(137,102,254,1);
 }
 100%{
  box-shadow: none;
 }
}

/*  */
.intro{
  margin-top: 40px;
}

.intro-text{
  width: 535px;
  padding-right: 30px;
}

.intro-title{
  margin:20px 0 60px 10px;
  font-size: 30px;
}

.intro-item{

}

.intro-item+.intro-item{
  margin-top: 20px;
}

.intro-item img{
  width: 62px;
  height: 62px;
  margin-right: 30px;
}

.intro-item-text{
  width: 413px;
  font-size: 20px;
  color: #666666;
}

.intro-item img{

}

.intro-video {
  width: 665px;
  height: 374px;
  border-radius: 10px;
  object-fit: cover;
  overflow: hidden;
}
.intro-video video{
  width: 665px;
  height: 374px;
}

/*  */
.section-title{
  text-align: center;
  font-weight: bold;
  font-size: 30px;
}
.text-left{
  text-align: left;
}
.free-course{
  padding: 64px 0;
  margin-top: 48px;
  background: #F0F9FF;
}
.free-course-left{
  width: 590px;
  height: 464px;
  text-align: center;
  border-radius: 26px;
  background: #FFD251;
  overflow: hidden;
}
.free-course-right{
  width: 610px;
  padding-left: 64px;
}
.free-course-effect{
  margin-top: 20px;
}
.free-course-picture{
  width: 589px;
  height: 355px;
}
.free-course-experience{
  display: inline-block;
  width: 320px;
  height: 82px;
  line-height: 82px;
  border-radius: 41px;
  background:#57EAC2;
  transition: all linear 0.3s;
}
.free-course-experience:hover{
  transform: scale(1.05);
  box-shadow:0px 3px 6px #57EAC2;
}
.free-course-experience img{
  width: 62px;
  height: 33px;
}
.free-course-experience span{
  margin-left: 20px;
  font-size: 30px;
  color: white;
}
.free-course-title{
  font-weight: bold;
  font-size: 30px;
}
.effect{
  margin-top: 50px;
  font-size: 20px;
  color: #666666;
}
.effect-item{
  position: relative;
  padding-left: 50px;
  line-height: 46px;
}
.effect-icon{
  position: absolute;
  top: 3px;
  left: 0px;
  width: 40px;
  height: 40px;
}
.effect-text{
  font-size: 20px;
  color: #666666;
}
.experience-now{
  width: 283px;
  height: 53px;
  margin-top: 30px;
  font-weight: bold;
  font-size: 22px;
  color: white;
  border-radius: 27px;
  background:#00BAFF;
  transition: all linear 0.3s;
}
.experience-now:hover{
  box-shadow:0px 3px 6px #00BAFF;
}
.system{
  padding:64px 0;
  text-align: center;
}
.system-target{
  margin-top: 25px;
  line-height: 34px;
  font-size: 20px;
  color: #666666;
}
.system-box{
  position: relative;
  height: 464px;
  padding-left: 130px;
  margin-top: 54px;
}
.system-tab{
  position: absolute;
  top: 0;
  left: 40px;
  width: 80px;
  height: 100%;
  line-height: 232px;
}
.system-tab-title{
  height: 50%;
  padding-left: 15px;
  font-size: 20px;
  text-align: center;
  background: #E0F2FD content-box;
  cursor: pointer;
}
.system-tab-title.active{
  background: transparent url('/static/home/images/system_tab1.png') center/contain no-repeat border-box ;
}

.system-tab-title:nth-child(2).active{
  background: transparent url('/static/home/images/system_tab2.png') center/contain no-repeat border-box ;
}

.system-tab-title.active span{
  color: white;
}

.system-tab-title span{
  width: 30px;
  line-height: normal;
  vertical-align: middle;
  color: #00A7FF;
}
.system-content img{
  /*width: 100%;*/
  height: 100%;
}
/*  */
.projects{
  padding: 64px 0;
  text-align: center;

  background: #F0F9FF;
}
.projects-swiper{
  height: 320px;
  margin-top: 55px;
}
.projects .swiper-slide{
  width: 538px;
}
.projects .swiper-slide img{
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* .projects-swiper .swiper-button{
  top: 127px;
  background: rgba(0, 0, 0, .5);
}
.projects-button-prev{
  left: -35px;
  padding-left: 20px;
  border-radius: 0px 43px 43px 0px;
}
.projects-button-next{
  right: -35px;
  padding-right: 20px;
  border-radius: 43px 0px 0px 43px;
} */
.project-name{
  display: inline-block;
  width: 283px;
  height: 53px;
  margin: 30px auto 0;
  line-height: 53px;
  font-size: 16px;
  color: white;
  border-radius: 27px;
  background:#00BAFF;
  transition: all linear 0.3s;
}
.project-name:hover{
  box-shadow:0px 3px 6px #00BAFF;
}
.projects-student-age{
  margin: 20px 0;
  font-size: 16px;
  color: #00BAFF;
}
.projects-intro{
  font-size: 14px;
  color: #666666;
}
/*  */
.story{
  padding: 40px 0;
  text-align: center;
}
.story .slogan{
  margin-top: 20px;
  font-size: 16px;
  color: #666666;
}
.story-board{
  position: relative;
  width: 1010px;
  height: 322px;
  padding: 46px;
  margin-top: 30px;
  text-align: left;
  background: url('/static/home/images/story_board.png')center / cover no-repeat;
}
.story-avatar{
  width: 94px;
  height: 94px;
  margin-right: 20px;
  border-radius: 50%;
  object-fit: cover;
}
.story-user-info{
  display: inline-block;
  vertical-align: middle;
}
.story-name{
  margin-top: 22px;
  font-weight: bold;
  font-size: 20px;
  color: white;
}
.story-location{
  margin-top: 14px;
  font-size: 16px;
  color: white;
}
.story-brief{
  margin-top: 25px;
  font-weight: bold;
  font-size: 20px;
  color: white;
}
.story-detail{
  width: 460px;
  margin-top: 35px;
  font-size: 16px;
  color: white;
}
.story-picture{
  position: absolute;
  top: 55px;
  right: -190px;
  width: 600px;
  height: 386px;
  transition: all linear 0.3s;
}
.story-picture:hover{
  transform: scale(1.05);
}
.story-pagination{
  margin-top: 45px;
  text-align: left;
  cursor: pointer;
}
.story-pagination-item.active img{
  border: 4px solid #009eff;
}
.story-pagination-item+.story-pagination-item{
  margin-left: 30px;
}
.story-pagination-item img{
  width: 75px;
  height: 75px;
  border-radius: 50%;
  transition: transform linear 0.3s;
}
.story-pagination-item:hover img{
  transform: translateY(-10%);
}
/*  */
.cooperation {
  padding: 60px;
  text-align: center;
}

.cooperation-swiper {
  margin-top: 60px;
}

/*.cooperation .cooperation-img {
  width: 218px;
  height: 107px;
  margin-bottom: 28px;
  margin-left: 20px;
}*/
/*  */
.teacher{
  padding: 40px 0;
  background: #F0F9FF;
}
.teacher-section{
  margin-top: 45px;
}
.teacher-item{
  position: relative;
  width: 450px;
  height: 300px;
  margin-left: 150px;
  border-radius: 40px;
  background: white;
}
.teacher-header{
  height: 94px;
  padding: 15px 34px 0;
  border-radius: 40px 0 40px 0;
}
.teacher-name{
  font-weight: bold;
  font-size: 30px;
  color: white;
}
.teacher-position{
  font-size: 24px;
  color: white;
}
.teacher-glory{
  padding: 15px 15px 15px 50px;
  line-height: 34px;
  font-size: 18px;
  color: #666666;
}
.teacher-glory p::before{
  content: "\e791";
  margin-right: 5px;
  font-family: element-icons!important;
  font-size: 16px;
}
.teacher-item:first-child p::before{
  color: #FFA81A;
}
.teacher-item:nth-child(2) p::before{
  color: #00BAFF;
}
.teacher-photo{
  position: absolute;
  bottom: 0;
  left: -150px;
  width: 210px;
  height: 267px;
}
.team-section{
  margin-top: 58px;
}
.team-text{
  width: 547px;
  padding-right: 50px;
}
.team-title{
  margin-top: 40px;
  font-size: 30px; 
  color: #333333;
}
.team-intro{
  margin-top: 50px;
  font-size: 20px;
  color: #333333;
}
.team-photo{
  width: 653px;
  height: 347px;
}
/*  */
.enviroment{
  padding: 40px;
}
.enviroment-swiper{
  height: 460px;
  margin-top: 51px;
}
.enviroment-swiper .swiper-button{
  top: 197px;
}
.enviroment-button-prev{
  left: -35px;
  padding-left: 20px;
  border-radius: 0px 43px 43px 0px;
}
.enviroment-button-next{
  right: -35px;
  padding-right: 20px;
  border-radius: 43px 0px 0px 43px;
}
.enviroment-swiper .swiper-slide{
  width: 847px;
}
.enviroment-swiper .swiper-slide img{
  width: 100%;
  height: 100%;
}
/*  */
.glory{
  padding: 60px 0;
  background: #f5f5f5;
}
.glory-swiper{
  margin-top: 50px;
}
.glory-swiper .swiper-slide{
  width: 285px;
}
.glory-image-wrapper{
  width: 280px;
  height: 280px;
  padding: 40px 50px 60px;
  background: url('../images/glory7.png')center / contain no-repeat;
}
.glory-swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.glory p{
  text-align: center;
  font-size: 14px;
}
.glory-swiper-button-prev{
  left: -35px;
  padding-left: 35px;
  /*border-radius: 0px 43px 43px 0px;*/
  background: #399cf0;
}
.glory-swiper-button-next{
  right: -35px;
  padding-right: 35px;
  /*border-radius: 43px 0px 0px 43px;*/
  background: #399cf0;
  text-align: center;
}
/*  */
.news {
  padding: 100px 0 64px;
  background: #f9f9f9;
}

.news .title {
  margin-bottom: 76px;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #444343;
}

.news .content {
  margin-top: 75px;
}

.news .news-list {
  width: 727px;
  margin: 10px 15px 0 0;
}

.news .news-list li {
  margin-bottom: 15px;
}

.news .news-list li:hover {
  background: white;
}

.news .news-list .item {
  width: 655px;
  padding: 8px 24px;
}

.news .news-list .item-title {
  font-size: 16px;
  color: #666666;
}

.news .news-list .item-content {
  margin-top: 10px;
  font-size: 14px;
  color: #a4a4a4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news .news-list .news-date {
  width: 70px;
  text-align: center;
  /*background: #939393;*/
  background: hsla(0, 0%, 73%, 1);
}

.news .news-list li:hover .news-date {
  background: #009eff;
}

.news .news-list .day {
  line-height: 45px;
  font-size: 30px;
  color: white;
  border-bottom: 1px solid white;
}

.news .news-list .extra {
  line-height: 24px;
  font-size: 14px;
  color: white;
}

.news .detail {
  width: 458px;
}

.news .detail img {
  width: 458px;
  height: 223px;
}

.news .detail .card-content {
  padding: 20px;
  background: white;
}

.news .detail .detail-title {
  font-weight: bold;
  font-size: 15px;
  color: #454545;
}

.news .detail .time {
  margin-top: 10px;
  font-size: 14px;
  color: #a4a4a4;
}

.news .detail .content {
  height: 40px;
  margin-top: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #6e6d6d;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.checkmore {
  display: block;
  width: 240px;
  height: 40px;
  margin: 40px auto 0;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.checkmore:hover {
  color: #a8a8a8;
  background: rgb(240, 240, 240); /*#F6F6F6*/
}

/* 广告 */

.assistance {
  z-index: 9;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  text-align: center;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.62);
}

.assistance .container {
  position: relative;
  height: 90px;
}

.assistance .symbol {
  position: absolute;
  bottom: 10px;
  left: 0;
  /*width: 272px;*/
  height: 157px;
}

.assistance span {
  font-size: 24px;
}

.assistance .get-now {
  /*position: absolute;*/
  top: 17px;
  right: 0;
  width: 245px;
  height: 56px;
  font-size: 20px;
  color: white;
  background: url("/static/home/images/get_now.png") center / contain no-repeat;
}

.sign-box-nav{
  width: 75px;
  height: 103px;
  cursor: pointer;
  margin-top: 20px;
  padding-top: 5px;
}

.sign-box-nav:hover{
  background: #F1FBFF;
  border-radius: 6px;
}

.sign-box-nav img{
  width: 60px;
  height: 60px;
}

.sign-box-nav p{
  margin-top: 10px;
  font-size: 16px;
  color: #666666;
}

.sign-box-nickname{
  margin-top: 10px;
  font-size: 16px;
  color: #666666;
}

/*3000亿教培市场*/
.color-0380EA{
  color: #0380EA;
}
.common-title{
  line-height: 60px;
  font-size: 30px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Medium;
  font-weight: 500;
  margin-top: 50px;
}
.common-border{
  margin: auto;
  width: 90px;
  height: 2px;
  border: 1px solid #399cf0;
}
.market{
  height: 400pt;
}
.market-list{
  margin-top: 50px;
}
.market-list ul li{
  width: 24%;
  height: 310pt;
  background: #ffffff;
  border: 1pt solid #e8e8e8;
  border-radius: 11pt;
  float: left;
  text-align: center;
  margin-right: 1%;
}
.market-img{
  width: 100%;
  margin: auto;
  padding-top: 30px;
}
.market-img img{
  width: 50%;
}
.market-about{
  width: 99pt;
  margin: auto;
  height: 33pt;
  line-height: 33pt;
  background: linear-gradient(89deg,#39d8fd 1%, #0380ea 100%);
  border-radius: 8pt;
  color: #fff;
  font-size: 16pt;
  margin-top: 30px;
}
.market-desc{
  width: 80%;
  margin: auto;
  font-size: 14pt;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
  margin-top: 30px;
}
.select-wljd{
  width: 100%;
  background: #FBFBFB;
}
.select-wljd-list{
  margin-top: 50px;
}
.select-wljd-list ul li{
  width: 380px;
  height: 280px;
  float: left;
  margin-right: 20px;
  margin-bottom: 40px;
  background: #ffffff;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0pt 4px 6px 0px #dcdcdc;
  cursor: pointer;
}
.select-wljd-img{
  width: 380px;
  height: 220px;
  overflow: hidden;
}
.select-wljd-img img{
  width: 100%;
}
.select-wljd-about{
  width: 100%;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Regular;
  font-weight: 400;
  text-align: center;
  color: #333333;
}
.select-wljd-desc{
  width: 380px;
  height: 220px;
  border-radius: 10px 10px 0px 0px;
  background: rgb(3,128,234,0.9);
  position: relative;
  top: -275px;
  z-index: 10;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-align: left;
  padding: 50px;
  display: none;
}
.currsystem{
  height: 1100px;
}
.currsystem-desc{
  width: 100%;
  height: 60px;
  line-height: 32px;
  font-size: 18px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Regular;
  font-weight: 400;
  text-align: center;
  color: #666666;
  margin-top: 30px;
}
.currsystem-img{
  width: 100%;
  padding: 20px;
}
.currsystem-img img{
  width: 100%;
}
.match{
  width: 100%;
  height: 722px;
  background: url('/static/home/images/match_board.png')center / cover no-repeat;
  padding-top: 10px;
}
.color-fff{
  color: #fff;
}
.match-border{
  margin: auto;
  width: 90px;
  height: 2px;
  border: 1px solid #fff;
}
.match-btn{
  height: 58px;
}
.match-btn ul li{
  width: 30.33%;
  margin-left: 2.5%;
  float: left;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #ffffff;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.match-btn ul li:hover{
  color: #F4AC4E;
  background: #fff;
}
.matchactive{
  height: 38px;
  border: 1px solid #ffffff;
  border-radius: 18px;
  color: #F4AC4E;
  background: #fff;
}
.match-arrow{
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent transparent #fff;
  margin-left: 45%;
}
.match-content{
  width: 100%;
  height: 360px;
  background: #fff;
  border-radius: 8px;
  padding: 30px;
}
.match-content-desc{
  width: 882px;
  margin: auto;
  height: 66px;
  font-size: 16px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Medium;
  font-weight: 700;
  text-align: left;
  color: #333333;
}
.match-content-img{
  margin-top: 20px;
}
.match-content-img ul li{
  width: 31.33%;
  float: left;
}
.match-content-img ul li:nth-child(2){
  margin-left: 3%;
  margin-right: 3%;
}
.match-content-img img{
  width: 100%;
}
.swiper-pagination2{
  margin-top: 10px;
}
.swiper-pagination2 .swiper-pagination-bullet{
  margin-left: 5px;
}
.new-news{}
.new-news-left{
  width: 48%;
  float: left;
}
.new-news-right{
  width: 48%;
  float: left;
  margin-left: 4%;
}
.new-news-content{
  width: 577px;
  height: 305px;
  opacity: 1;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  margin-top: 20px;
  padding: 20px;
}
.new-news-left-desc{
  font-size: 16px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 26px;
}
.new-news-left-title{
  font-size: 18px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Medium;
  font-weight: 700;
  text-align: left;
  color: #333333;
  margin-top: 20px;
}
.new-news-more{
  width: 105px;
  margin: auto;
  margin-top: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  opacity: 1;
  background: linear-gradient(90deg,#3bd9ff, #399cf0);
  border-radius: 15px;
  box-shadow: 0px 3px 6px 0px rgba(57,156,240,0.72);
  font-size: 16px;
  color: #fff;
}
.new-news-list ul li{
  width: 100%;
  line-height: 30px;
  opacity: 1;
  font-size: 16px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
}
.index-contact{
  width: 100%;
  height: 727px;
  background: url('/static/home/images/contact-bg.png')center / cover no-repeat;
}
.index-contact-left{
  width: 32%;
  padding-top: 300px;
}
.index-contact-left-title{
  font-size: 36px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Regular;
  font-weight: 400;
  color: #ffffff;
  margin-left: 50px;
}
.index-contact-left-img{
  margin-top: 50px;
  margin-left: 120px;
}
.index-contact-center{
  width: 42%;
  height: 500px;
  margin-top: 200px;
}
.index-contact-center-title{
  color: #fff;
  font-size: 16px;
  line-height: 46px;
}
.index-contact-center-input{
  width: 461px;
  height: 52px;
  line-height: 52px;
  padding-left: 5px;
  background: rgb(255,255,255,0.43);
  border-radius: 8px;
  color: #fff;
}
input::-webkit-input-placeholder {
    /* 修改字体颜色 */
    color: #fff;
}
textarea::-webkit-input-placeholder {
    /* 修改字体颜色 */
    color: #fff;
}
.index-contact-center-textarea{
  width: 461px;
  height: 110px;
  line-height: 52px;
  padding-left: 5px;
  background: rgb(255,255,255,0.43);
  border-radius: 8px;
  color: #fff;
}
.index-contact-right{
  width: 26%;
  height: 500px;
  font-size: 14px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Regular;
  color: #fff;
  margin-top: 220px;
}
.index-contact-right-title{
  width: 80%;
  margin: auto;
  font-size: 20px;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Medium;
  font-weight: 700;
  color: #ffffff;
}
.index-contact-center-btn{
  width: 461px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  color: #0380EA;
  text-align: center;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 10px;
  cursor: pointer;
}
.index-contact-right-content{
  width: 80%;
  margin: auto;
  height: 420px;
  padding: 15px;
  background: rgb(255,255,255,0.3);
  margin-top: 20px;
  overflow: hidden;
}
.index-contact-right-content ul li{
  margin-bottom: 10px;
}
.index-contact-right-content-title{
  line-height: 26px;
}
.text-right{
  text-align: right;
}