.banners {
  width: 100%;
  margin-bottom: 100px;
}

.banners a {
  display: block;
}

.corporate-name-box {
  padding-bottom: 15px;

}

.bottom-box {
  width: 80px;
  height: 2px;
  background: #2B81FF;
}

.look {
  width: 112px;
  height: 42px;
  background: #2B81FF;
  border-radius: 2px 2px 2px 2px;
  line-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.look:hover {
  background: #c4c4c4;
}

.look a {
  text-align: center;
  color: #fff;
}

.bm-20 {
  display: block;
  margin-bottom: 12px;
}

.mobile {
  background: #FFFFFF;
}

.news {
  padding: 50px 0 !important;
}

.banners a img {
  width: 100%;
  height: 100%;
}

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

.all-title,
.all-subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
}

.all-subtitle {
  margin-bottom: 60px;
}

#main {
  width: 100%;
  height: auto;

  background: url('https://zhuorui.oss-cn-hangzhou.aliyuncs.com/officialWebsite/img/dbg.png') no-repeat;
  background-size: 100% 100%;

}

.all-title .more-to {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #353536;
}

.case .more-to {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #353536;
}

.section2 {
  padding: 0 !important;
}

.fixed-top {
  background-color: #f8f9fc;
}

.font {
  color: #231815;
}

span {
  cursor: pointer;
}

.font-li span:hover {
  color: #47c2ed;
  cursor: pointer;
}

.navbar {
  display: flex;
}

.input {
  display: flex;
  height: 42px;
  margin-right: 30px;

}

.input input {
  border: 1px solid #2196f3;
  padding-left: 10px;
  height: 100%;
  border-radius: 10px 0 0 10px;

}

.input span {
  width: 70px;
  height: 100%;
  text-align: center;
  line-height: 42px;
  color: #fff;
  background-color: #2196f3;
  font-size: 12px;
  border-radius: 0 10px 10px 0;
}

.input span i {
  color: #fff;
  font-size: 12px;
}

#footer .footer-top {
  padding: 50px 60px 10px;
  width: 100%;
  background: #212529;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

.footer-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.footer-icon img {
  width: 20px;
  height: 20px;
}

.footer-content {
  width: 80%;
  font-size: 14px;
  font-family: " Microsoft YaHei";
  font-weight: 400;
  color: #dadada;
  line-height: 22px;
}

.footer-links .code img {
  width: 92px;
  height: 92px;
}

.code {
  margin: 10px;
}

.text {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 22px;
}

#footer .footer-top .footer-contact {
  margin-bottom: 0;
}



.icon-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.icon-list a {
  display: block;
  width: 28px;
  height: 28px;
}

.icon-list a img {
  width: 100%;
  height: 100%;
}

.icon-list span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #424447;
  padding-left: 16px;
}

.h3-title h3 {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #595858;
}

.h1-title h1 {
  font-size: 44px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #231815;
}

.container {
  position: relative;
}

.footer-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-bottom .copyright {
  color: #fff;
}

#backg {
  position: absolute;
  top: 50px;
  width: 100%;
  height: 485px;
  background: url("../img/introduce/contact.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

#backg .input-s {
  display: flex;
  height: 42px;
  justify-content: space-around;
  padding: 4px;

}

#backg .input-s input {
  outline: none;
  border: none;
  font-size: 12px;
  width: 100%;
}

.input-s span {
  display: block;
  width: 182px;
  background: #2bcba7;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.clear-padding {
  padding: 0 !important;
}

section {
  padding: 50px 0;
}

.swiper-box {
  width: 100%;
}

.swiper-box .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.swiper-box .swiper1 .swiper-wrapper .swiper-slide img {
  width: 100%;
}

#cooperation {
  width: 100%;

}

#cooperation .cop-subtitle small {
  font-size: 15px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #717070;
  line-height: 30px;
}

#cooperation .coop-row {
  display: flex;
}

#cooperation .coop-row h3 {
  margin: 0 !important;
}

#cooperation .coop-row .cop-title {
  font-size: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 600;
  color: #0f0f0f;
  flex: 1;
}

#cooperation .coop-row .cop-more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #353536;
  flex: 1;
}

.more-to a:hover,
.zb:hover {
  color: #2196f3;
}





.display-row-1-1 {
  display: flex;
  flex-wrap: wrap;
}

#cooperation .school-img {

  /* height: 130px; */
  padding: 5px;
}

#cooperation .school-img img {
  width: 100%;
  height: 100%;
}

#news .container .tab-row .news-box .img-news {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

#news .container .tab-row .news-box .img-news .img-fluid {
  width: 100%;
}

#news .container .tab-row .news1 {}

#news .container .tab-row .news1 .news-content {
  padding: 0 0 10px;
  border-bottom: 1px solid #d2d2d2;

}

#news .container .tab-row .news1 .news-content .news-title {
  width: 100% !important;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #2a2a2a;
  line-height: 26px;
}

#news .container .tab-row .news1 .news-content .news-subt {
  width: 100% !important;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #726f6f;
  line-height: 24px;
}

.all-subtitle small {
  font-size: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #717070;
  line-height: 30px;
}



.more {
  display: flex;
}

.more .all-more {
  font-size: 16px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #353536;
  line-height: 44px;
}

.more1 {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.more1 .tab,
.more1 .tab1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 40px;
  font-size: 16px;

}

.more1 .tab {
  background: #e5e5e5;
  color: #fff;
  margin-right: 20px;
  cursor: pointer;

}

.more1 .tab1 {
  background: #e5e5e5;
  color: #2d2d31;
}

.more1 .actives {
  background: #2e63cd;
  color: #fff;
}

#services .container .icon-box {
  height: 258px;
  display: flex !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
  background: #f5f5f5;
}

#services .container .icon-box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  color: #000;
}

#services .container .icon-box .icon .iconfont {
  font-size: 24px;
}

#services .container .icon-box h4 {
  font-size: 16px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #000000;
  line-height: 21px;
}

#services .container .icon-box p {
  font-size: 14px;
  font-family: " Microsoft YaHei";
  font-weight: 300;
  color: #616161;
  line-height: 24px;
}

#services .container .col-a:hover .icon-box {
  height: 280px !important;
  background: #2e63cd !important;
}

#services .container .col-a:hover h4 a {
  color: #fff !important;
}

#services .container .col-a:hover p {
  color: #fff !important;
}

#services .container .col-a:hover .iconfont {
  color: #fff !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 30px;
}

.project .dang-pic img {
  width: 100%;
}

.project .container .row .all-subtitle small {
  font-size: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #717070;
  line-height: 30px;
}

.dangqun-row {
  display: flex;
}



.dangqun-row .dangqun-more,
.dangqun-row .zixun123 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #353536;
}

.project .container .more1 {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.project .container .more1 .tab2,
.project .container .more1 .tab1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 40px;
  font-size: 16px;
}

.project .container .more1 .tab2 {
  background: #e5e5e5;
  color: #fff;
  margin-right: 20px;
  cursor: pointer;
}

.project .container .more1 .tab1 {
  background: #e5e5e5;
  color: #2d2d31;
}

.project .container .more1 .actives {
  background: #2e63cd;
  color: #fff;
}

.project .container .dj-row .dj-col {
  padding: 0 20px 20px 20px !important;
}

.project .container .dj-row .dj-col .dj-subrow {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #d2d2d2;
}

.project .container .dj-row .dj-col .dj-subrow .dang-pic {
  display: flex;
  justify-content: center;
  align-items: center;
}

.project .container .dj-row .dj-col .dj-subrow .dang-pic img {
  width: 100%;
}

.project .container .dj-row .dj-col .dj-subrow .dang-col {
  display: flex;
  justify-content: center;
  align-items: center;

}

.project .container .dj-row .dj-col .dj-subrow .dang-col .dj-h6 {
  margin-bottom: 0 !important;
  font-size: 16px;
  font-family: " Microsoft YaHei";
  font-weight: 400;
  color: #2a2a2a;
  line-height: 26px;
}

.project .container .dj-row .dj-col .dj-subrow .dang-col .dj-p {
  font-size: 14px;
  font-family: " Microsoft YaHei";
  font-weight: 400;
  color: #726f6f;
  line-height: 24px;
  margin-bottom: 0 !important;
}

.xm .xm-col {
  height: 400px;
  padding: 10px;

}

.xm .xm-col .pore {
  width: 100%;
  position: relative;
  cursor: pointer;
}


.xm .xm-col img {
  width: 100%;
  height: 270px;
}

.xm .xm-col .intro-txt {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #424245;
  height: 180px;
  padding: 30px;
  transition: all .3s;
}

.xm .xm-col .intro-txt .big {
  font-size: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  margin-bottom: 15px;
}

.row-ss {
  height: 370px;
}

.xm .xm-col .intro-txt p {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
}

.xm .xm-col .xm-empty {
  height: 180px;
  position: relative;
}

.xm .xm-col .intro-txt1 {
  position: absolute;
  width: 100%;
  transition: all .3s;
  background: #424245;
  height: 180px;
  padding: 30px;
}

.xm .xm-col .intro-txt1 .big {
  font-size: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  margin-bottom: 15px;
}

.xm .xm-col .intro-txt1 p {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
  transition: all 0.5s;
}

/* .xm .xm-col .intro-txt:hover {
  height: 220px;
  background: #2e63cd;
} */

/* .xm .xm-col .intro-txt1:hover {
  height: 220px;
  background: #2e63cd;
} */
.transition11 {
  height: 220px !important;
  background: #2e63cd !important;
  transition: all .3s;
}

.xm1 .xm-col {
  height: 310px;
  position: relative;
  margin-bottom: 15px;
}

.xm1 .xm-col img {
  width: 100%;
  height: 200px;
}

.xm1 .xm-col .intro-txt {
  width: 100%;
  background: #424245;
  height: 180px;
  padding: 30px;
}

.xm1 .xm-col .intro-txt .big {
  font-size: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
}

.xm1 .xm-col .intro-txt p {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
}

.xm1 .xm-col .xm-empty {
  height: 180px;
}

.xm1 .xm-col .intro-txt1 {
  width: 100%;
  background: #424245;
  height: 180px;
  padding: 30px;
}

.xm1 .xm-col .intro-txt1 .big {
  font-size: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
}

.xm1 .xm-col .intro-txt1 p {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  color: #ffffff;
  line-height: 21px;
}

.zb {
  font-size: 18px;
}

.lis {
  display: flex;

}

.lis .lis-title {
  font-size: 16px;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  flex: 3;
  overflow: hidden;
  cursor: pointer;

}

.lis .date {
  font-size: 16px;
  font-weight: 400;
  color: #2A2A2A;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;

}

.intro-txt .ellipsis2 {
  word-break: break-all;
}

@media screen and (max-width: 748px) {
  #backg {
    display: none;
  }

  #services .container .row .d-flex {
    padding: 0 !important;
  }

  #news .container .tab-row .news1 {
    padding: 10px 0 !important;
  }

  .project .container .dj-row .dj-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #cooperation .school-img {
    width: 50% !important;
    /* height: 101px !important; */
  }
}

@media screen and (max-width: 748px) {

  #header .flex1 {
    display: block !important;
  }

  body .phone-6 {
    display: block;
    overflow: hidden;
  }

  body .phone-4 {
    display: none;
  }

  .news {
    padding: 10px !important;
  }

  #header .flex1 .input {
    display: none;
  }

  #news .page-fan {
    display: none;
  }

  .xm {
    display: none;
  }

  .xm1 {
    display: block !important;
  }

  .xm1 .xm-col .intro-txt {
    height: 110px;
    padding: 20px;
  }

  .xm1 .xm-col .intro-txt1 {
    height: 110px;
  }

  .show-row11 {
    width: 100% !important;
    padding-bottom: 0 !important;
  }

  #footer .footer-top {
    padding: 20px 10px 10px !important;
  }

  .fwbz {
    padding: 15px 0 0 !important;
  }

  .h1-title h1 {
    margin-bottom: 0 !important;
  }

  .img-news {
    display: flex;
    /* justify-content: center; */
    align-items: center;
  }



  .display-row-1 {
    padding: 20px 0 0 !important;
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 1052px) {
  .services .icon-box h4 {
    margin-bottom: 8px;

  }


}

/* 加 */
@media screen and (max-width: 1095px) {
  .more1 {
    margin-bottom: 20px;
  }

  .tabs-flex {
    flex-direction: column-reverse;
  }
}

.phone-4,
.phone-6 {
  display: none;
}

@media (max-width: 1100px) {
  .phone-4 {
    display: block;
  }

  .phone-3-1 {
    display: none;
  }
}

@media screen and (max-width: 1096px) and (min-width:770px) {
  .index-title {
    margin-bottom: 20px !important;
  }


}

@media screen and (max-width: 1100px) and (min-width:1000px) {
  #news .container .tab-row .news-box .img-news {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 700px) {
  #news .container .tab-row .news-box .img-news {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 992px) and (min-width:970px) {
  .xm .xm-col {
    width: 50%;
  }

  /* .xm .xm-col .intro-txt1 {
    width: 96% !important;
  }

  .xm .xm-col .intro-txt {
    width: 96% !important;
  } */




}

/* 新增 */
.programme-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 307px;
  justify-content: center;
  padding: 48px;
  cursor: pointer;

}

.programme-img {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.programme-img a {

  width: 33px;
  height: 33px;
  margin-bottom: 18px;
}

.programme-img a img {
  width: 100%;
  height: 100%;
}

.programme-img span {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000;
  margin-bottom: 23px;
}

.programme-font {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  line-height: 24px;
}

.bgf5 {
  background: #F5F5F5;
  transition: all .5s;
}

.bge6 {
  background: #EBEBEB;
  transition: all .5s;
}

.row-ss {
  align-items: center
}

.av {
  display: none;
}

@media screen and (min-width: 994px) {
  .xm .xm-col .intro-txt {
    position: absolute;
    bottom: 60px !important;
    width: 100%;
    background: #424245;
    height: 180px;
    padding: 30px;
    transition: all 1s;
  }



}

@media (max-width: 800px) {

  .header,
  .logo {
    display: none;
  }

  .phone-show {
    display: none;
  }



  body .phone-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
  }

  .mobile {
    display: block !important;
    position: relative;
  }

  .comPuter {
    display: none;
  }
}

@media (max-width: 990px) {
  .programme .programme-item {
    height: 220px !important;
    padding: 20px;


  }


  .row-ss {
    height: auto;
  }

  .programme {
    margin-bottom: 15px;
    height: 220px !important;
  }

  .programme-img span {

    margin-bottom: 10px !important;
  }
}

.moreand {
  display: flex;
}

.dangqun-row {
  display: flex;
}

@media (max-width: 768px) {
  .lis {
    display: block;
  }

  .lis .lis-title {
    margin-bottom: 0;
    font-size: 18px;
  }

  .lis .date {
    display: flex;
    justify-content: flex-start;
    margin: 0;
  }

}

.dangqun-title1 {
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

}

.dangqun-title1 p {
  font-size: 24px;
  color: #333;
  font-weight: 600;
}

.dangqun-title1 a {
  color: #333;
  cursor: pointer;
  font-size: 14px;
}

.ass:hover,
.font-24:hover {
  color: #2e63cd;
}

.swiper-anli2 {
  overflow: hidden;
}

.data-list {}

.data-list .top-s {
  color: #2e63cd;
  padding-top: 10px;
}

body .lis .date {
  color: #2e63cd;
}

.font-24 {
  font-size: 18px;
  cursor: pointer;
  padding-top: 10px;
}

.data-list ul li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  height: 100px;
}

.pd20-50 {
  padding-right: 60px;
}

.pd40-50 {
  padding-left: 60px;
}

.xw-xx1 {
  display: flex;
}

.xw-xx1 .img {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;

}

.xw-xx1 .img img {
  width: 100%;
}

.font-list {
  flex: 4;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}

#page1,
#page2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

#page2 {
  padding-top: 10px;
}

.img-left .img {
  height: 100%;
  width: 100%;
}

.font-right {
  height: 100%;
  overflow: hidden;
}

.swiper-list {
  height: 450px
}

.swiper-list .swiper-wrapper {
  height: auto;
}

.swiper-fade .swiper-slide {
  pointer-events: auto !important;
}

.swiper-fade .swiper-slide {
  pointer-events: auto !important;
  transition-property: opacity;
}


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



@media(min-width:2440px) {
  .img-left .img img {

    width: 70%;
  }

  .img-left .img {
    display: flex;
    justify-content: center;
  }
}

.father::-webkit-scrollbar {
  width: 0 !important
}

.item-title:hover {
  color: #2196f3 !important;
}

.father-bottom {
  display: flex;
  justify-content: flex-end;
  height: 42px;
  margin-top: 15px;
}

.child-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
}

.child-item .item-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;

}

.item-date {
  width: 20%;
  text-align: right;
}

.item-bottom:hover,
.item-date:hover {
  color: #2196f3 !important;

}

@media(max-width:768px) {
  .child-item .item-top {
    flex-wrap: wrap;

  }

  .item-title {
    padding-top: 5px;
  }

  .item-date {
    width: 30%;
  }
}

.child-item .item-bottom {
  margin: 0 0 12px 0;
  font-weight: 400;
  color: #726F6F;
  line-height: 24px;

  cursor: pointer;
}

.swiper-anli {
  overflow: hidden;
}

.swiper-anli .swiper-wrapper .swiper-slide,
.phone-5 .swiper-slide {
  padding: 20px 10px;
}

.item {
  width: 100%;
  padding: 20px 0px 0;
  cursor: pointer;
}

.item .item-img {
  width: 100%;
  height: 240px;
}

.item-img img {
  width: 100%;
  height: 100%;

}



.item-font-box {
  background: #f8f9fc;
  padding: 24px 12px;
  height: 200px;
}

.item-font-box .font-size-14 {
  line-height: 36px;
}

.content {
  position: relative;
  z-index: 2;
}

.item-title {
  width: 80%;
  font-weight: 600;
  text-align: left;
}

.corporate-name-box,
.cih {
  position: relative;
  z-index: 99;
}

.cih {
  height: calc(100% - 145px);
}

.zero {
  position: absolute;
  width: 298px;
  height: 298px;
  background: linear-gradient(133deg, rgba(250, 252, 255, 0) 0%, #F8FBFF 100%);

  border-radius: 50%;
  top: -16%;
  left: -24%;
}

.item-font-box .item-title-h1 {

  margin-bottom: 12px;
  font-weight: 600;
  color: #333333;

}

.item-font-box .colors {
  font-weight: 400;
  color: #666666;
}

.item:hover {
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .1);
  transform: translate3d(0, -10px, 0);
}

.swiper-button-anli-prev,
.swiper-rtl .swiper-button-next {
  left: -60px;

}

.swiper-button-anli-next {
  right: -60px;
}

.swiper-button-prev {}

.all-customers {
  margin-bottom: 20px;
}

.look-center {
  margin-top: 15px;
  justify-content: center;
  align-items: center;
}

.sections-title,
.secition-main-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-english {
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 60px
}

.mian-title {
  font-size: 40px;
  letter-spacing: 5px;
  font-weight: 600;
  color: #333333;
}

@media (max-width: 774px) {

  .sections-title {
    font-size: 14px;
    padding: 0px;

  }

  .secition-main-title {
    padding: 0;
  }

  .title-english {
    margin-bottom: 20px;
    font-size: 14px;

  }

  .mian-title {
    font-size: 30px;
    margin-bottom: 5px;
  }
}

@media (max-width: 1200px) and (min-width: 774px) {


  .title-english {
    font-size: 24px;

    font-weight: 400;
    color: #666666;
    margin-bottom: 35px;
  }

  .row-flex-warp {
    display: flex;

  }



  .content {
    margin-bottom: 15px;
  }
}

@media (min-width:2440px) {
  .col-intro1 .img-90 img {
    width: 70%;
  }
}

.comPuter {
  position: relative;

}

.introduce-info {
  position: absolute;
  display: flex;
  bottom: 0;
  z-index: 50;
  width: 100%;
  background: rgb(85 137 255 / 29%);
  box-shadow: 0px 4px 4px 0px rgba(4, 20, 46, 0.1);
  padding: 10px 0;
}

.introduce-info .info-item {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.introduce-info .info-item * {
  color: #fff !important;
  font-weight: 600;
}

.introduce-info .info-item .font-size-22 {
  font-weight: 400;
  color: #fff;
}

.swiper-button-next,
.swiper-button-prev {
  top: 60%;
}

.swiper-anli-wrappers,
.swiper-wrapper-list {
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear !important;


}

.swiper-anli-wrappers {
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear !important;


}

@media screen and (min-width: 768px) and (max-width:1280px) {
  .tab1 {
    padding: 0 15px;
  }

  body .child-item .item-bottom {
    margin: 0;
  }

  body .child-item .item-top {
    margin: 0;
  }

  .font-right .swiper {
    height: 300px;
  }

  body .item-title {
    width: 70%;
  }

  body .item-date {
    width: 30%;
  }
}