.w1200 {
  position: relative;
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.header {
  width: 100%;
  height: 678px;
  background: url('../img/bg1.jpg') center no-repeat;
}
.header_nav {
  width: 100%;
  height: 88px;
  background: url('../img/bg1-1.png') center no-repeat;
}

.navcont {
  position: -webkit-sticky;
  left: 0;
  top: 0;
  position: sticky;
  width: 100%;
  height: 88px;
  background: url('../img/bg2.png') center no-repeat;
  z-index: 999;
}
.header_nav_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 88px;
  margin: 0 auto;
}

.header_nav_list li {
  height: 55px;
  width: 180px;
  font-size: 22px;
  color: #00588d;
  line-height: 55px;
  background: #a1fff5;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
}
.header_nav_list li:hover {
  background: #e7e762;
}

.header_nav_list .cur {
  background: #e7e762;
}
.Remarks {
  background: url('../img/bg3.png') center no-repeat;
  width: 100%;
  height: 735px;
  overflow: hidden;
}
.Remarks-lun {
  height: 540px;
  margin-top: 194px;
  position: relative;
}
.mySwiper1 {
  width: 1112px;
  height: 540px;
  position: absolute;
  z-index: 1;
  left: 1px;
  top: -11px;
  overflow: hidden;
}
.livePlan {
  background: url('../img/bg4.png') center no-repeat;
  width: 100%;
  height: 326px;
}

.swiper-pagination1 {
  /* left: 48% !important; */
  text-align: center;
  position: absolute;
  top: 492px;
  width: 10px;
  height: 10px;
  z-index: 99;
  --swiper-theme-color: #0ca5c1;
}

.studyAbroad {
  background: url('../img/bg5.jpg') center no-repeat;
  width: 100%;
  height: 861px;
}

.studyAbroadCity {
  background: url('../img/bg6.jpg') center no-repeat;
  width: 100%;
  height: 414px;
}

.hotCity {
  background: url('../img/bg7.png') center no-repeat;
  width: 100%;
  height: 1006px;
  overflow: hidden;
}
.hotMajor {
  background: url('../img/bg8.png') center no-repeat;
  width: 100%;
  height: 579px;
  overflow: hidden;
}
.hotStudyAbroad {
  background: url('../img/bg11.png') center no-repeat;
  width: 100%;
  height: 447px;
  overflow: hidden;
}
.powerStudyAbroad {
  background: url('../img/bg12.png') center no-repeat;
  width: 100%;
  height: 517px;
}
.powerStudyAbroad2 {
  background: url('../img/bg13.png') center no-repeat;
  width: 100%;
  height: 252px;
}
.feelStudyAbroad {
  background: url('../img/bg14.png') center no-repeat;
  width: 100%;
  height: 386px;
  padding-top: 191px;
  box-sizing: border-box;
}
.footer {
  background: url('../img/bg15.png') center no-repeat;
  width: 100%;
  height: 426px;
}

.footer p {
  padding-top: 50px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
/* 热门国家 */
.first-country,
.second-country {
  width: 1200px;
  margin: 20px auto 0;
}
.first-country {
  margin-top: 225px;
}

.first-country li {
  width: 384px;
  height: 345px;
  padding-top: 10px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  position: relative;
}
li img {
  margin: 0 auto;
}
.first-country li:hover,
.second-country li:hover {
  -webkit-box-shadow: 0 3px 16px 0 rgb(0 0 0 / 55%);
  box-shadow: 0 3px 16px 0 rgb(0 0 0 / 55%);
}
.look-more {
  font-size: 20px;
  margin-top: 12px;
}
.look-more a:hover {
  color: #0ca5c1;
}
.c-name {
  position: absolute;
  background: linear-gradient(to right, #0ca5c1, rgb(0 0 0/ 0));
  width: 222px;
  height: 58px;
  line-height: 58px;
  top: 40px;
  left: 17px;
  color: #fff;
  font-size: 30px;
  text-align: left;
  padding-left: 40px;
}

.second-country li {
  width: 284px;
  height: 346px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding-top: 10px;
  position: relative;
}
.second-country .c-name {
  left: 11px;
}

.more-country .clickA {
  display: block;
  width: 411px;
  height: 62px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
  line-height: 62px;
  text-align: center;
  color: #0c6ba4;
}
.more-country ul a {
  display: block;
  width: 100%;
  height: 100%;
}

.more-country a:hover {
  color: #e7e762;
}
.flexSB {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 热门专业 */
.flexCT {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap {
  flex-wrap: wrap;
}
.major-list {
  width: 1200px;
  margin: 79px auto 0;
}
.major-list li {
  width: 215px;
  height: 215px;
  border-radius: 50%;
  position: relative;
  margin-bottom: 43px;
}
.majo-bg {
  position: absolute;
  bottom: -112px;
  right: -110px;
  opacity: 0.6;
}
.major-info {
  overflow: hidden;
  border-radius: 50%;
}
.major-list li:hover .white-bg {
  border: 9px solid #fff;
}
.white-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  border: 6px solid #fff;
}
.major-name {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  background: #13a0b5;
  color: #fff;
  height: 46px;
  font-size: 24px;
  line-height: 46px;
  text-align: center;
  transform: translateY(-50%);
  z-index: 2;
}
/* .hotStudyAbroad .more-country a{
  padding-top: 362px;
} */

/* 助力留学 */
.book-desc {
  float: left;
  width: 560px;
  height: 200px;
  margin-left: 30px;
}
.book-title {
  height: 80px;
  line-height: 80px;
  font-size: 22px;
}
.book-cont {
  font-size: 16px;
  line-height: 30px;
}
/* 免费资料领取 */
.means-desc {
  float: left;
  width: 230px;
  height: 140px;
  margin-left: 30px;
}
.means-title {
  height: 45px;
  line-height: 45px;
  font-size: 26px;
}
.means-cont {
  font-size: 16px;
  line-height: 31px;
  padding-left: 10px;
}

/* 底部悬浮框 */
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 91px;
  background-color: #005c6d;
}
.footer .bottom_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  width: 545px;
  height: 150px;
  padding-top: 22px;
  flex-wrap: wrap;
  margin-left: 649px;
}
.bottom_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  width: 1050px;
  height: 100%;
  margin: 0 auto;
}
.bottom_wrapper input:nth-child(1) {
  background-image: url('../img/name.png');
  background-repeat: no-repeat;
  background-position: 15px 12px;
}
.bottom_wrapper input:nth-child(2) {
  background-image: url('../img/tel.png');
  background-repeat: no-repeat;
  background-position: 14px 12px;
}
.bottom_wrapper_select {
  position: relative;
  padding: 0 !important;
  background-image: url('../img/city.png');
  background-repeat: no-repeat;
  background-position: 14px 12px;
  cursor: pointer;
}
.bottom_wrapper_select .list {
  position: absolute;
  top: -228px;
  left: 33px;
  z-index: 10;
  display: none;
  width: 203px;
  max-height: 228px;
  overflow: auto;
  color: #333;
  background-color: #fafafa;
  z-index: 99999;
}
.bottom_wrapper_select .option {
  padding-left: 15px;
  transition: all 0.2 ease;
}
.bottom_wrapper_select .option:hover {
  color: #fff;
  background-color: #ffcb00;
}
.bottom_wrapper_select .select-one .list {
  top: -132px;
}
.bottom_wrapper_btn {
  width: 240px;
  height: 48px;
  color: #0ca5c1;
  font-size: 22px;
  background-color: #e7e762;
  border: solid 1px #e7e762;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
}
.footer .bottom_wrapper_btn {
  width: 240px;
  height: 49px;
  line-height: 48px;
  color: #0ca5c1;
  font-size: 24px;
  background-color: #e7e762;
  border: solid 1px #e7e762;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
}
.bottom_wrapper_close {
  position: absolute;
  top: 10px;
  right: -77px;
  cursor: pointer;
}
.bottom_wrapper_select,
.bottom_wrapper input {
  box-sizing: border-box;
  width: 240px;
  height: 48px;
  padding-left: 50px;
  color: #0ca5c1;
  font-size: 16px;
  line-height: 48px;
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  outline: none;
}
.current {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding-left: 50px;
  color: #0ca5c1;
}

input::-webkit-input-placeholder {
  color: #0ca5c1;
}

/* 热门留学 */
.hot-list {
  width: 1200px;
  margin: 147px auto 0;
}
.hot-list li {
  width: 292px;
}
.hot-image {
  cursor: pointer;
  width: 100%;
  height: 204px;
  /* background: #152d89; */
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hot-image:hover {
  -webkit-box-shadow: 3px 3px 16px 0 rgb(0 0 0 / 55%);
  box-shadow: 3px 3px 16px 0 rgb(0 0 0 / 55%);
}
.hot-image img {
  width: 100%;
  height: 100%;
}
.hot-desc {
  width: 100%;
  height: 65px;
  background: linear-gradient(to bottom, rgb(17 162 211/0.61), rgb(17 162 211/0));
  position: relative;
  top: -20px;
  font-size: 16px;
  color: #000;
  text-align: center;
  padding-top: 30px;
}
.hot-desc a {
  color: #000;
}
.hot-desc:hover {
  color: #95121f;
}
.hot-image-desc {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 285px;
  height: 92px;
  background: linear-gradient(to right, #21ada5, rgb(0 0 0/ 0));
  color: #fff;
  font-size: 32px;
  padding-left: 20px;
}

.liuxue-travel {
  width: 100%;
  height: 574px;
  background: url('../image/hot-luxue-bg2.jpg') no-repeat center;
}

.travel-list {
  margin-top: 70px;
}

.travel-list li {
  width: 558px;
  height: 348px;
  background: #4996cf;
  border-radius: 10px;
  position: relative;
}
.travel-bg {
  width: 100%;
  height: 100%;
  background: #4996cf;
  border-radius: 10px;
  position: absolute;
  left: 30px;
  top: -20px;
}
.travel-content {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  left: 20px;
  top: -10px;
}
.travel-list li:first-child {
  margin-right: 60px;
}

.travel-title {
  width: 560px;
  height: 82px;
  margin-top: -42px;
  margin-left: -20px;
  padding-top: 22px;
  background: url(../image/t-img.png) no-repeat;
  background-size: 100% 100%;
  font-size: 30px;
  color: #000;
  text-align: center;
  line-height: 45px;
}

.b-left {
  margin-right: 10px;
}
.b-right {
  line-height: 25px;
  font-size: 16px;
}
.min-ceo {
  font-size: 16px;
}
.buy-book {
  display: block;
  width: 178px;
  height: 48px;
  margin: 0 auto 40px;
  color: #000;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
  border-radius: 24px;
  background-image: linear-gradient(175deg, #72f6dd 0%, #ffe700 52%, #adffda 100%), linear-gradient(#ffe700, #ffe700);
  background-blend-mode: normal, normal;

  transition: all 0.3s;
}
.buy-book:hover {
  background: #931625;
  color: #ffe700;
}