@charset "UTF-8";

img {
  width: 100%;
  height: 100%;
}
.wrapper {
  width: 17.25rem;
  margin: 0 auto;
}
.banner {
  width: 100%;
  height: 12.6rem;
  background: url('../img/bg1.jpg') no-repeat center;
  background-size: 100%;
}
.livePlan {
  width: 100%;
  height: 21.7rem;
  background: url('../img/bg3.jpg') no-repeat center;
  background-size: 100%;
}
.livePlan2 {
  width: 100%;
  height: 7.9rem;
  background: url('../img/bg4.jpg') no-repeat center;
  background-size: 100%;
}
.report {
  width: 100%;
  height: 14.25rem;
  background: url('../img/bg5.jpg') no-repeat center;
  background-size: 100%;
}
.report2 {
  width: 100%;
  height: 4.25rem;
  background: url('../img/bg6.jpg') no-repeat center;
  background-size: 100%;
}
.report3 {
  width: 100%;
  height: 12.4rem;
  background: url('../img/bg7.jpg') no-repeat center;
  background-size: 100%;
}
.report4 {
  width: 100%;
  height: 9.35rem;
  background: url('../img/bg8.jpg') no-repeat center;
  background-size: 100%;
}

.hotCity {
  width: 100%;
  height: 21.85rem;
  background: url('../img/bg9.jpg') no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
.hotJob {
  width: 100%;
  height: 9.7rem;
  background: url('../img/bg10.jpg') no-repeat center;
  background-size: 100%;
  overflow: hidden;
}
.hotProject {
  width: 100%;
  height: 18.65rem;
  background: url('../img/bg11.jpg') no-repeat center;
  background-size: 100%;
  overflow: hidden;
}

.studyAboradTrip {
  width: 100%;
  height: 13.15rem;
  background: url('../img/bg12.jpg') no-repeat center;
  background-size: 100%;
}
.studyAboradTrip2 {
  width: 100%;
  height: 6.65rem;
  background: url('../img/bg13.jpg') no-repeat center;
  background-size: 100%;
}
.studyAboradTrip3 {
  width: 100%;
  height: 9rem;
  background: url('../img/bg14.jpg') no-repeat center;
  background-size: 100%;
}
.studyAboradTrip4 {
  width: 100%;
  height: 8.9rem;
  background: url('../img/bg15.jpg') no-repeat center;
  background-size: 100%;
}
.freeFetch {
  width: 100%;
  height: 7.75rem;
  background: url('../img/bg16.jpg') no-repeat center;
  background-size: 100%;
}
.freeFetch1 {
  width: 100%;
  height: 4.16rem;
  background: url('../img/bg17.jpg') no-repeat center;
  background-size: 100%;
}
.freeFetch2 {
  width: 100%;
  height: 4.9rem;
  background: url('../img/bg18.jpg') no-repeat center;
  background-size: 100%;
}
.freeFetch3 {
  width: 100%;
  height: 14.16rem;
  background:#42d0e8 url('../img/bg19.jpg') no-repeat top;
  background-size: 100%;
  overflow: hidden;
}
.floot {
  width: 100%;
  height: 5.9rem;
  background: url('../img/bg20.jpg') no-repeat center;
  background-size: 100%;
  overflow: hidden;
}

/* 导航 */
.header_nav_list {
  position: sticky;
  top: 0;
  z-index: 99;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 2.7rem;
  background: #0ca5c1;
  padding: 0.45rem 0.2rem 0;
}
.header_nav_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 1.75rem;
  margin-right: 0.25rem;
  padding: 0 0.2rem;
  color: #00588d;
  font-size: 12px;
  line-height: 0.7rem;
  text-align: center;
  background: #a1fff5;
  border-radius: 0.7rem;
}

.header_nav_list li.active {
  background-color: #e7e762;
}
/* lunbo */

.livePlan {
  position: relative;
  margin: 0 auto;
  padding: 5rem 1.2rem 0;
  box-sizing: border-box;
}
.swiper-pagination1 {
  position: absolute;
  text-align: center;
  bottom: 12px !important;
}
.livePlan .mySwiper1 .swiper-wrapper img {
  margin-left: -0.4rem;
}

.form1 {
  margin-top: 2.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form1 li:not(:last-child) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 17rem;
  height: 2rem;
  margin-top: 0.5rem;
  border-radius: 0.2rem;
  background: #fff;
  font-size: 0.55rem;
  box-sizing: border-box;
  padding-left: 4px;
  color: #0ca5c1;
}
.form1 li:not(:last-child) img {
  width: 0.7rem;
  height: 0.7rem;
  margin-left: 0.5rem;
  margin-right: 0.25rem;
}
.form1 li:not(:last-child) input {
  outline: 0;
  border: none;
}
.form1 li:not(:last-child) .form_name {
  margin-left: 5px;
  height: 2rem;
  width: 12rem;
  line-height: 2rem;
  color: #333;
}
.hiddenInput {
  height: 0;
  width: 0;
}
.form1 .submit {
  width: 17rem;
  height: 2rem;
  background-color: #ffe700;
  border-radius: 0.2rem;
  color: #0ca5c1;
  font-size: 0.7rem;
  font-weight: bold;
  text-align: center;
  line-height: 2rem;
  margin-top: 0.5rem;
  border: none;
}
.mengxiang {
  margin-top: 0.7rem;
}
.mengxiang img {
  width: 100%;
  height: 8.1rem;
  margin: 0.45rem 0 0.6rem;
}
.mengxiang .foot-font,
.web-url {
  font-size: 0.55rem;
  text-align: center;
  color: #fff;
  line-height: 0.75rem;
}
.mengxiang .web-url {
  display: block;
  text-align: center;
  font-size: 0.55rem;
  line-height: 0.75rem;
}

.more-country {
  height: 1.55rem;
  margin: 0 auto;
  font-size: 0.7rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.55rem;
  border-radius: 0.75rem;
}
.more-country a {
  color: #0c6ba4;
}

.hot-list-first {
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 16.85rem;
  margin: 0 auto;
  margin-top: 6.2rem;
}
.hot-list-first li {
  width: 5.45rem;
  height: 6.45rem;
}

.hot-list-second {
  margin: 0.5rem auto;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 16.85rem;
}

.hot-list-second li {
  width: 4.05rem;
  height: 6.45rem;
}

.major-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 17.25rem;
  margin: 2.2rem auto;
}

.major-list li {
  width: 3.25rem;
  height: 3.25rem;
}

.hot-list {
  display: flex;
  flex-wrap: wrap;
  width: 17.25rem;
  margin: 4rem auto 0.3rem;
}

.hot-list li {
  width: 8.5rem;
  height: 6rem;
}

li a {
  display: block;
  width: 100%;
  height: 100%;
}

.common-title {
  width: 100%;
  font-size: 1rem;
  color: #312b2c;
  text-align: center;
  font-weight: 700;
  line-height: 1rem;
}
.sub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0;
  font-size: 0.55rem;
}
.sub-title::before,
.sub-title::after {
  display: inline-block;
  width: 2.85rem;
  height: 1px;
  margin: 0 0.3rem 0 0;
  background: #6e6f6f;
  content: '';
}
.sub-title::after {
  margin: 0 0 0 0.3rem;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.btn_hg {
  width: 10rem;
  height: 1.6rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .8rem;
  font-size: .75rem;
  color: #fff;
  background-color: #eb2f2e;
}


.huanjing {background:#fff;background-size:100% 100%;box-sizing:border-box;padding: 1.5rem 0;width:100%;
   	  overflow: hidden;
}
.banci_tit{
	padding:0 1rem;
	margin-top:1.52rem;
}
.banci_tit ul{
 display: flex;
 justify-content:space-between;
 flex-wrap:wrap;
}
.banci_tit ul li{
    width:30%;
    height: 1.6rem;
	   line-height: 1.6rem;
    text-align: center;
    background:#ffeddf;
    color:#f6492a;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    border:1px solid #f64a2a;
    cursor: pointer;
}
.banci_tit ul li:first-child{
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li:nth-child(2){
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li.cur{
    width:30%;
	   height: 1.6rem;
  		line-height: 1.6rem;
    text-align: center;
    background: linear-gradient(to right, #ff4800, #f87128);
    background: -webkit-linear-gradient(to right, #ff4800, #f87128);
    background: -o-linear-gradient(to right, #ff4800, #f87128);
    background: -ms-linear-gradient(to right, #ff4800, #f87128);
    background: -moz-linear-gradient(to right, #ff4800, #f87128);
    color:#fff;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    position: relative;
}
.banci_tit ul li:first-child.cur{
  	 width:48%;
  	 margin-bottom:0.5rem;
}
.banci_tit ul li:nth-child(2).cur{
	  width:48%;
   	margin-bottom:0.5rem;
}
.banci_tit ul li.cur:after{
	position: absolute;
	top: 1.6rem;
	left: 2rem;
	content:'';
	border-top:10px solid #f75d29;
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid transparent;
}
.banci_tit ul li:first-child.cur:after{
  left: 3.6rem;
}
.banci_tit ul li:nth-child(2).cur:after{
	 left: 3.6rem;
}

.banci_zhuyao div img{
	margin-top: 0.5rem;
}

.bd{ width:100%; height:auto; background:#3b70fb; padding:0.98rem 0 1.8rem;}
.bd-con{ width:96%; margin:0 auto; overflow:hidden}
.bd-con h6{ font-size: 1.36rem; color:#fff;text-align: center;font-weight: bold;margin-bottom: 0.6rem}
.bd-con h6 span{color:#ef8266 }
.bd-con input,.bd-con select {width: 72%;height:2rem;line-height: 0.8rem;background: #fff;border-radius: 0.18rem;color: #666;font-size: 0.72rem;padding-left: 3%;line-height: 100%;margin:0 auto 0.6rem;border: none; display:block}
.bd-con select {width: 75%;padding-left: 2%;}
::-webkit-input-placeholder{color: #666;}
.bd-con button {width: 80%;display:block;margin:0 auto;height:2.16rem;line-height: 1.6rem;background: linear-gradient(45deg,#f19c76,#ed715c ); background: -webkit-linear-gradient(45deg,#f19c76,#ed715c );color: #fff;font-size: 0.8rem;text-align: center; border-radius: 2rem; }