.banner{
  display: flex;
  align-items: center;
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.banner a{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.banner a img{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.nav{
  width:100%;
  height:50px;
  background:#f2994f;
}
.nav ul{
  overflow:hidden;
  width:1000px;
  height:50px;
  margin:auto;
  padding-left:276px;
box-sizing: border-box;
}
.nav ul li{
  position: relative;
  float:left;
  line-height:50px;
  padding:0 30px;
  color:#fff;
  font-size:16px;
  cursor: pointer;
}
.nav ul li:hover{
  background:#f4a861;
}
.nav ul li.active {
  background: #f4a861;
}
.nav ul li a{
  position: absolute;
  width:100%;
  height:100%;
}
.guide{
  width:100%;
  background:#fff;
}
.guide-conts{
  width:1000px;
  margin:auto;
  padding:27px 0 29px 0;
}
.guide-conts h5{
  width:362px;
  height:60px;
  margin:auto;
  line-height:60px;
  text-align:center;
  background:url('../imgs/tit_sign.png') no-repeat;
  background-size:contain;
  background-position:bottom;
  font-size:26px;
  color:#818181;
}
.guide-conts p.lead{
  margin-top:35px;
  margin-bottom:24px;
  line-height:25px;
  font-size:14px;
  color:#818181;
}
.guide-conts p.act-details {
  line-height:25px;
  font-size: 14px;
  color: #eb6949;
  font-weight: bold;
}
a.know-details{
  display:inline-block;
  width:100px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;
  background:#ec694a;
  border-radius:15px;
  cursor: pointer;
}
.guide-conts a.know{
  display: block;
  margin:auto;
  margin-top: 12px;
}
.active-details{
  width:100%;
  background:#f1f1f1;
}
.active-details .active-conts{
  width:1000px;
  margin:auto;
  padding:26px 0;
}
.active-details .active-conts h5{
  width:362px;
  height:60px;
  margin:auto;
  line-height:60px;
  text-align:center;
  background:url('../imgs/tit_sign.png') no-repeat;
  background-size:contain;
  background-position:bottom;
  font-size:26px;
  color:#818181;
}
.active-details .active-conts ul{
  width:100%;
  overflow:hidden;
}
.active-details .active-conts .heavy{
  position: relative;
  float:left;
  width:489px;
  height:220px;
  margin-top:55px;
  padding:20px;
  background:#fff;
  border:1px solid #e0e1e1;box-sizing: border-box;
}
.active-details .active-conts .heavy .left{
  float:left;
  width:102px;
  margin-top:18px;
}
.active-details .active-conts .heavy .left img{
  width:102px;
  height:102px;
}
.active-details .active-conts .heavy .left p{
  width:100%;
  text-align: center;
  line-height:24px;
  margin-top:12px;
  font-size:20px;
  font-weight:bold;
  color:#eb684a;
}
.active-details .active-conts .heavy .right{
  float:right;
  width:330px;
}
.active-details .active-conts .heavy .right h6{
  line-height:36px; 
  font-size:16px;
  color:#808080;
  font-weight: bold;
}
.active-details .active-conts .heavy .right p{
  line-height:23px;
  color:#808080;
  font-size:14px;
}
.active-details .active-conts .heavy .right .see{
  position: absolute;
  bottom:24px;
  right:30px;
}
.active-details .active-conts .heavy.second-important {
  margin-left:20px;
}
.active-details .active-conts .double{
  width:580px;
  height:128px;
  margin:26px auto 0;
  background: url('../imgs/double_bg.png') no-repeat;
  background-size: contain;
}
.bonus{
  width:100%;
  background:#fff;
}
.bonus .bonus-conts {
  position: relative;
  width: 1000px;
  margin: auto;
  padding: 26px 0;
}
.bonus .bonus-conts h5 {
  width: 430px;
  height: 60px;
  margin: auto;
  white-space:nowrap;
  line-height: 60px;
  font-size: 26px;
  color: #818181;
}
.bonus .bonus-conts h5 p{
   width: 360px;
   height: 8px;
   margin: auto;
   background: url('../imgs/tit_sign.png') no-repeat;
   background-size: contain;
   background-position: bottom;
}
.bonus .bonus-conts .table{
  width:100%;
  margin-top:40px;
}
.bonus .bonus-conts .online{
  position: absolute;
  right:0;
  top:130px;
  width:95px;
  height:3020px;
  cursor: pointer;
}
.apply-process {
  width: 100%;
  background: #f1f1f1;
}

.apply-process .apply-process-conts {
  width: 1000px;
  margin: auto;
  padding: 26px 0 40px 0;
}

.apply-process .apply-process-conts h5 {
  width: 362px;
  height: 60px;
  margin: auto;
  line-height: 60px;
  text-align: center;
  background: url('../imgs/tit_sign.png') no-repeat;
  background-size: contain;
  background-position: bottom;
  font-size: 26px;
  color: #818181;
}
.apply-process .apply-process-conts .wrap{
  width:100%;
  overflow:hidden;
  margin-top:26px;
}
.apply-process .apply-process-conts .wrap .left{
  float:left;
  width:472px;
}
.apply-process .apply-process-conts .wrap .left .l-item{
  width:100%;
  height:143px;
  margin-top:26px;
  padding:0 40px 0 20px;
  background: url('../imgs/left_bg.png') no-repeat;
  background-size:contain;box-sizing: border-box;
}
.apply-process .apply-process-conts .wrap .left .l-item h4{
  width:411px;
  height:50px;
  line-height:50px;
  border-bottom: 1px dashed #e1e1e1;
  color:#eb6949;
  font-size:16px;
}
.apply-process .apply-process-conts .wrap .left .l-item p{
  padding-top:20px;
  font-size:12px;
  color:#818181;
}
.apply-process .apply-process-conts .wrap .left .l-item .model-test {
  float:right;
  margin-left:10px;
  margin-top:18px;
}
.apply-process .apply-process-conts .wrap .center {
  float:left;
  width: 27px;
  height:460px;
  margin-top:26px;
  background: url('../imgs/center_bg.png') no-repeat;
  background-size:contain;
}
.apply-process .apply-process-conts .wrap .right {
  float:left;
  width: 472px;
  margin-top:56px;
}
.apply-process .apply-process-conts .wrap .right .r-item {
  width: 100%;
  height: 143px;
  margin-top: 26px;
  padding:0 20px 0 40px;
  background: url('../imgs/right_bg.png') no-repeat;
  background-size: contain;box-sizing: border-box;
}
.apply-process .apply-process-conts .wrap .right .r-item h4 {
  width: 411px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px dashed #e1e1e1;
  color: #eb6949;
  font-size: 16px;
}

.apply-process .apply-process-conts .wrap .right .r-item p {
  padding-top: 20px;
  font-size: 12px;
  color: #818181;
}

.apply-process .apply-process-conts .wrap .right .r-item .model-test {
  float: right;
  margin-left: 10px;
  margin-top: 18px;
}
.recommend-university {
  width: 100%;
  background: #fff;
}

.recommend-university .recom-conts {
  width: 1000px;
  margin: auto;
  padding: 26px 0;
}

.recommend-university .recom-conts h5 {
  width:362px;
  height:60px;
  margin:auto;
  line-height:60px;
  text-align:center;
  background:url('../imgs/tit_sign.png') no-repeat;
  background-size:contain;
  background-position:bottom;
  font-size:26px;
  color:#818181;
}
.recommend-university .recom-conts ul{
  overflow: hidden;
  width:100%;
  margin-top:34px;
} 
.recommend-university .recom-conts ul .recom-item{
  float:left;
  width:320px;
  height:346px;
  margin-bottom:20px;
  border:1px solid #e0e1e1;box-sizing: border-box;
}
.recommend-university .recom-item.neutral {
  margin: 0 20px;
}
.recommend-university .recom-item .log{
  float: left;
  width:104px;
  height:104px;
  margin:20px 14px 20px 20px;
  text-align: center;
  border:1px solid #e0e1e1;
}
.recommend-university .recom-item .name {
  margin-top:24px;
  line-height:32px;
  font-size:16px;
  font-weight: bold;
  color:#818181;
}
.recommend-university .recom-item .english-name{
  font-size:12px;
  color:#818181;
}
.recommend-university .recom-item .introduce{
  clear: both;
  width:100%;
  border-top:1px dashed #e0e1e1;
}
.recommend-university .recom-item .introduce p{
  padding:20px 12px 20px 20px;
  line-height:20px;
  font-size:12px;
  color:#818181;
}
.recommend-university .recom-item .introduce .view,
.recommend-university .recom-item .introduce .advisory {
  float:left;
}
.recommend-university .recom-item .introduce .view{
  margin-left:54px;
  margin-right:10px;
}


.recommend-university .recom-conts ul .horizontal {
  float: left;
  width: 490px;
  height: 263px;
  border: 1px solid #e0e1e1;box-sizing: border-box;
}

.recommend-university .horizontal.first {
  margin-right:20px;
}

.recommend-university .horizontal .log {
  float: left;
  width: 104px;
  height: 104px;
  margin: 20px 14px 20px 20px;
  text-align: center;
  border: 1px solid #e0e1e1;
}

.recommend-university .horizontal .log img {
  width: 80px;
}
.recommend-university .horizontal .know-details{
  margin-top:15px;
}
.recommend-university .horizontal .name {
  margin-top: 24px;
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #818181;
}

.recommend-university .horizontal .english-name {
  font-size: 12px;
  color: #818181;
}

.recommend-university .horizontal .introduce {
  clear: both;
  width: 100%;
  border-top: 1px dashed #e0e1e1;
}

.recommend-university .horizontal .introduce p {
  padding: 20px 12px 20px 20px;
  line-height: 20px;
  font-size: 12px;
  color: #818181;
}
.black{
  width:100%;
  height:10px;
  background:#4a4b50;
}

