/* banner */
.banner {
  width: 100%;
  height: 45.5208vw;
  background: url("../img/index/banner.png") no-repeat;
  background-size: 100% 100%;

  display: flex;
  align-items: center;
}

.banner .banner-title {
  color: #FFFFFF;
}

.banner .banner-title h1 {
  font-size: 3.3333vw;
  font-family: AlibabaPuHuiTi-Bold-, AlibabaPuHuiTi-Bold;
  font-weight: normal;
}

.banner .banner-title h2 {
  font-size: 1.5625vw;
  font-family: AlibabaPuHuiTi-Regular-, AlibabaPuHuiTi-Regular;
  font-weight: normal;
  margin-top: 2.5521vw;
}

.banner .banner-title button {
  background-color: transparent;
  border: 1px solid #fff;
  padding: .2604vw 1.5104vw;
  margin-top: 2.5521vw;
}

.banner .banner-title button a {
  font-size: 1.0417vw;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: normal;
  color: #FFFFFF;
}

/* --------------- */
.applyFor-box {
  display: flex;
  align-content: center;
  justify-content: space-between;

  margin-top: 4.375vw;
}

.applyFor {
  width: 30.5208vw;
  height: 11.6667vw;
  font-weight: normal;
  color: #fff;
  text-align: center;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.applyFor-box-l {
  background: url("../img/index/guihau.png") no-repeat;
  background-size: 100% 100%;
}

.applyFor-box-r {
  background: url("../img/index/zaixian.png") no-repeat;
  background-size: 100% 100%;
}

.applyFor h2 {
  font-size: 1.3542vw;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
}

.applyFor h3 {
  font-size: 1.0417vw;
  margin: 1.1458vw 0;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
}

.applyFor button.is-disabled {
  color: #333;
  border-radius: 1999px;
}

.applyFor button {
  width: 13.6458vw;
  height: 2.1875vw;
  background: url("../img/index/btn-bg.png") no-repeat;
  background-size: 100% 100%;

  border: none;
  font-size: .8333vw;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: normal;
  color: #FFFFFF;
}

.from {
  margin: .9896vw 0 .7813vw;
  display: flex;
}

.mobile-box {
  margin-right: 1.6667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tip {
  color: red;
  font-size: .625vw;
}

.from input {
  width: 9.6875vw;
  background-color: rgba(0, 0, 0, .2);
  padding: .625vw 1.9792vw;
  border: none;
  font-size: .7292vw;
  font-family: SourceHanSansCN-Regular-GBpc-EUC-H-, SourceHanSansCN-Regular-GBpc-EUC-H;
  color: #FFFFFF;
}

input::-webkit-input-placeholder {
  color: #FFFFFF;
}

input:-moz-placeholder {
  /* Firefox 18- */
  color: #FFFFFF;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFFFFF;
}

input:-ms-input-placeholder {
  color: #FFFFFF;
}

/* 服务流程 */
.service-box {
  display: flex;
}

.service-item-box {
  display: flex;
  align-items: center;
}

.service-item {
  width: 9.8958vw;
  height: 9.1146vw;
  text-align: center;
  background: #FFFFFF;
  border-radius: .625vw .625vw .625vw .625vw;
  border: .1042vw solid #E6E6E6;
  padding: 1.5104vw .5208vw;
  transform: translateY(0);
  transition: all .5s;
  cursor: pointer;
}

.service-item:hover {
  transform: translateY(-10px);
  transition: all .5s;
}

.service-box:nth-child(1) .service-item-box:nth-child(1) .service-item img {
  width: 3.0208vw;
  height: 2.6042vw;
}

.service-box:nth-child(1) .service-item-box:nth-child(2) .service-item img {
  width: 2.4479vw;
  height: 2.4479vw;
}

.service-box:nth-child(1) .service-item-box:nth-child(3) .service-item img {
  width: 2.7604vw;
  height: 2.6042vw;
}

.service-box:nth-child(1) .service-item-box:nth-child(4) .service-item img {
  width: 2.6563vw;
  height: 2.4479vw;
}

.service-box:nth-child(1) .service-item-box:nth-child(5) .service-item img {
  width: 2.2917vw;
  height: 2.2917vw;
}

.service-box:nth-child(3) .service-item-box:nth-child(1) .service-item img {
  width: 2.4479vw;
  height: 2.4479vw;
}

.service-box:nth-child(3) .service-item-box:nth-child(2) .service-item img {
  width: 2.9688vw;
  height: 2.6563vw;
}

.service-box:nth-child(3) .service-item-box:nth-child(3) .service-item img {
  width: 2.7083vw;
  height: 2.4479vw;
}

.service-box:nth-child(3) .service-item-box:nth-child(4) .service-item img {
  width: 2.2917vw;
  height: 2.5vw;
}

.service-box:nth-child(3) .service-item-box:nth-child(5) .service-item img {
  width: 2.5521vw;
  height: 2.5521vw;
}

.service-box:nth-child(5) .service-item-box:nth-child(1) .service-item img {
  width: 2.0833vw;
  height: 2.4479vw;
}

.service-box:nth-child(5) .service-item-box:nth-child(2) .service-item img {
  width: 2.6563vw;
  height: 2.6563vw;
}

.service-box:nth-child(5) .service-item-box:nth-child(3) .service-item img {
  width: 2.1875vw;
  height: 2.1875vw;
}

.service-box:nth-child(5) .service-item-box:nth-child(4) .service-item img {
  width: 2.5521vw;
  height: 2.3438vw;
}

.service-item h4 {
  font-size: .8333vw;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  margin: .5208vw 0;
}

.service-item p {
  font-size: .625vw;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: normal;
  color: #808080;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.arrow-r {
  width: 2.0833vw;
  height: 1.0417vw;
  background: url("../img/index/arrow-r.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 .5729vw;
}

.arrow-l {
  width: 2.0833vw;
  height: 1.0417vw;
  background: url("../img/index/arrow-l.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 .5729vw;
}

.arrow-b {
  width: 1.0417vw;
  height: 2.0833vw;
  background: url("../img/index/arrow-b.png") no-repeat;
  background-size: 100% 100%;
  margin: .625vw 0;
  float: right;
  margin-right: 4.4792vw;
}

.r-arrow-b {
  float: right;
  margin-right: 4.4792vw;
}

.l-arrow-b {
  float: left;
  margin-left: 4.4792vw;
}

/* 成功案例 */

.success {
  background-color: #fff;
  margin-top: 3.5417vw;
  padding-bottom: 3.0208vw !important;
}

.success .success_mySwiper {
  padding-bottom: 3.6458vw !important;
}

.success .swiper-slide {
  height: auto;
  border: 1px solid #E6E6E6;
  border-radius: .4167vw;
  padding: 2.0833vw 0 .8333vw;
  margin: 0;

  position: relative;
}

.success .swiper-header {
  display: flex;
  align-items: center;
  padding: 0 1.1458vw;
}

.head-picture {
  width: 4.2708vw;
  height: 4.2708vw;
  margin-right: .8854vw;
}

.username {
  font-size: 1.5625vw;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #000000;
}

.success .swiper-lebel {
  font-size: .8333vw;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #E35424;
  padding: .625vw 0 .625vw .5208vw;
  margin-top: .6771vw;
  margin-right: 1.1979vw;
}

.success .swiper-content {
  min-height: 9.375vw;
  font-size: .625vw;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: normal;
  color: #808080;
  padding: 1.7188vw 1.0417vw .7813vw;
}



.img-99 {
  display: block;
  width: 6.1458vw;
  height: 4.3229vw;
  position: fixed;
  bottom: .625vw;
  left: 50%;
  transform: translateX(-50%);
}

.img-99-box::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 5.2083vw;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
  background-color: #E35424 !important;
}

.success_mySwiper1 {
  padding-top: .7813vw !important;
  padding-bottom: 4.1667vw !important;
}

.success_mySwiper1 .success_cade,
.success_mySwiper2 .success_cade {
  transform: translateY(0);
  transition: all .5s;
}

.success_mySwiper1 .success_cade:hover,
.success_mySwiper2 .success_cade:hover {
  transform: translateY(-0.5208vw);
  transition: all .5s;
}

/* offer战绩 */
.offer {
  width: 100%;
  height: 46.3542vw;
  background: url("../img/index/offer-bg.png") no-repeat;
  background-size: 100% 100%;
}

.offer .partition h2 {
  font-size: 2.0833vw;
  font-family: PingFang-SC-Heavy-, PingFang-SC-Heavy;
  font-weight: normal;
  color: #FFFFFF;
}

.offer .partition h2::after {
  background: url("../img/index/label-w.png") no-repeat;
  background-size: 100% 100%;
}

.offer .swiper-slide {
  height: 30.8333vw !important;
  border: none;
}


.offer .swiper-pagination-bullet-active,
.offer .swiper-pagination-bullet {
  background-color: #FFF !important;
}

.success_mySwiper2 .success_cade:hover {}

/* 出国留学工具百科 */
.tool {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tool-item {
  flex: 25%;
  text-align: center;
  width: 15.2083vw;
  height: 8.3333vw;
  padding: .8854vw 0;
  color: #4B4B4B;
  cursor: pointer;
}

.tool-item p {
  font-size: .9375vw;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 400;
}

.tool-item p::before {
  content: "";
  display: block;
  width: 4.5833vw;
  height: 4.0625vw;
  margin: auto;
  margin-bottom: 1.4063vw;
}

.tool-item:nth-child(1) p::before {
  background: url("../img/index/tool1.png") no-repeat;
  background-size: 100% 100%;
}

.tool-item:nth-child(2) p::before {
  background: url("../img/index/tool2.png") no-repeat;
  background-size: 100% 100%;
}

.tool-item:nth-child(3) p::before {
  background: url("../img/index/tool3.png") no-repeat;
  background-size: 100% 100%;
}

.tool-item:nth-child(4) p::before {
  background: url("../img/index/tool4.png") no-repeat;
  background-size: 100% 100%;
}

.tool-item:hover {
  background-color: #E35424;
  border-radius: .625vw;
  color: #fff;
}

.tool-item:nth-child(1):hover p::before {
  background: url("../img/index/tool1-w.png") no-repeat;
  background-size: 100% 100%;
}

.tool-item:nth-child(2):hover p::before {
  background: url("../img/index/tool2-w.png") no-repeat;
  background-size: 100% 100%;
}

.tool-item:nth-child(3):hover p::before {
  background: url("../img/index/tool3-w.png") no-repeat;
  background-size: 100% 100%;
}

.tool-item:nth-child(4):hover p::before {
  background: url("../img/index/tool4-w.png") no-repeat;
  background-size: 100% 100%;
}

/* 选择UPLAN优等申留学的理由 */
.reason {
  margin-top: 4.2708vw;
  margin-bottom: 1.5625vw;
  padding-bottom: 1px;
}

.reason-title {
  font-size: 2.0833vw;
  font-family: Source Han Sans CN-Heavy, Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  background: url("../img/index/reason-bg.png") no-repeat;
  background-size: 100% 100%;
  padding: 1.3021vw 0 1.9792vw;
  text-align: center;
  margin-bottom: 3.3333vw;
}

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

.reason-item {
  width: 18.2292vw;
}

.reason-item img {
  height: 16.6667vw;
  transition: all .5s;
}

.reason-item:hover img {
  transform: scale(1.1);
  transition: all .5s;
}

.reason-item:hover .img::after {
  bottom: -2.6042vw !important;
  transition: all .5s;
}

.reason-item h3 {
  font-size: 1.0417vw;
  font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  margin: 3.4896vw 0 1.5104vw;
}

.reason-item p {
  font-size: .8333vw;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #808080;
}

.reason-item .img {
  position: relative;
}

.reason-item .img::after {
  content: "";
  position: absolute;
  right: 1.8229vw;
  bottom: -1.8229vw;
  display: inline-block;
  width: 4.6354vw;
  height: 3.75vw;
  transition: all .5s;
}

.reason-item:first-child .img::after {
  background: url("../img/index/reason-item1.png") no-repeat;
  background-size: 100% 100%;
}

.reason-item:nth-child(2) .img::after {
  background: url("../img/index/reason-item2.png") no-repeat;
  background-size: 100% 100%;
}

.reason-item:last-child .img::after {
  background: url("../img/index/reason-item3.png") no-repeat;
  background-size: 100% 100%;
}

.success_mySwiper-box {
  position: relative;
}

.success_mySwiper-box .swiper-button-next,
.success_mySwiper-box .swiper-button-prev {
  width: 2.5521vw !important;
  height: 2.5521vw !important;
  margin-top: 0 !important;
}

.success_mySwiper-box .swiper-button-next::after,
.success_mySwiper-box .swiper-button-prev::after {
  display: none;
}

.success_mySwiper-box .swiper-button-next {
  right: 10.4167vw;
  background: url("../img/index/arrow-right.png") no-repeat;
  background-size: 100% 100%;
}

.success_mySwiper-box .swiper-button-prev {
  left: 10.4167vw;
  background: url("../img/index/arrow-left.png") no-repeat;
  background-size: 100% 100%;
}