/* 顶部banner */
.mpa_banner{
    width:100%;
    height:100%;
}
.mpa_banner>img{
    width:100%;
}
/* 择校分析 */
.school_choice{
    background: url(../images/school_choice.png) no-repeat center center;
    background-size: 100% 100%;
    text-align:center;
    height: 1020px;
}
.choise_content{
    width:1200px;
    margin:0 auto;
    padding-top:68px;


}
.headlines{
    font-size:48px;
}
.subtitle{
    font-size: 24px;
    line-height: 80px;
}
.choise_box{
    width:1200px;
    margin: 36px auto 72px;
}
.choise_item{
    width:276px;
    height:375px;
    float:left;
    border-radius: 15px;
    color:#000;
    font-size:24px;
    margin-right: 32px;
     box-shadow: #a3a2a2 0px 0px 20px 2px;

}
.choise_box>li:last-child{
    margin-right:0px;
}
.choise_item_1{
    background:#fff url(../images/chiose_1.png) no-repeat center top;
    background-size:100% auto;
}
.choise_item_2{
    background:#fff url(../images/chiose_2.png) no-repeat center top;
    background-size:100% auto;
}
.choise_item_3{
    background:#fff url(../images/chiose_3.png) no-repeat center top;
    background-size:100% auto;
}
.choise_item_4{
    background:#fff url(../images/chiose_4.png) no-repeat center top;
    background-size:100% auto;
}
.choise_item>p{
    margin-bottom:30px;
}
.choise_item .chiose_title{
    color:#fff;
    font-size:28px;
    line-height:140px;
}
/* 咨询按钮 */
.choise_btn{
    display: block;
    color:#fff;
    font-size:30px;
    border-radius: 40px;
    width:320px;
    line-height:68px;
    background: -webkit-linear-gradient(top, #f78b4d ,#f57366);
   background: -o-linear-gradient(top, #f78b4d, #f57366);
     background: -moz-linear-gradient(top, #f78b4d, #f57366); 
   background: linear-gradient(top, #f78b4d , #f57366);
    background: -ms-linear-gradient(top, #f78b4d 0%,#f57366 100%); 
     background: linear-gradient(to bottom, #f78b4d 0%,#f57366 100%); 
     box-shadow: 0px 5px 10px 1px  #a3a2a2;
     border:none;
     margin:0 auto;
     margin-bottom:10px;
     z-index:999;

}
.choise_btn:hover{
    color:#fff;
    background: -webkit-linear-gradient(top, #fc7223 ,#fa4b3b);
   background: -o-linear-gradient(top, #fc7223, #fa4b3b);
     background: -moz-linear-gradient(top, #fc7223, #fa4b3b); 
   background: linear-gradient(top, #fc7223 , #fa4b3b);
    background: -ms-linear-gradient(top, #fc7223 0%,#fa4b3b 100%); 
     background: linear-gradient(to bottom, #fc7223 0%,#fa4b3b 100%); 
}
/* 粉色按钮 */
.pink_btn{
    display: block;
    clear: both;
    width: 254px;
    height: 61px;
    line-height: 61px;
    font-size: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 72px auto;
    background: url(../images/btn.png) center center no-repeat;
}
.pink_btn:hover{
    background: url(../images/btn_hover.png) no-repeat center center;
    color: rgb(255, 255, 255);

}
/* 定制课程体系 */
.curriculum_system{
    background-color:#fff;
    margin-top: -80px;
    text-align:center;
    position: relative;
    height:1150px;
}
/* 右侧圆形 */
.circle_right{
    position: absolute;
    right:0;
    top: -80px;
    width: 180px;
}
.circle_right>img{
    width:100%;
}
/* 表格 */
.curriculum_table{
    width:1200px;
    margin: 36px auto 72px;
    border-collapse:collapse;
}
.curriculum_table td{
    font-size:30px;
    padding: 20px 35px;
    border:1px solid #e2dfdf;
    vertical-align: middle;

}
.curriculum_table .curriculum_teaching{
    font-size:18px;
    text-align: left;
}
/* 表格标题 */
.curriculum_table th{
    color:#fff;
    font-size:36px;
    line-height:125px;
    vertical-align: middle;
}
.mpa_class{
    width:202px;
    background-color:#f56966;
}
.mpa_price{
    width:187px;
    background-color:#937ff8;
}
.mpa_teaching{
    background-color:#66a1fb;
}
/* 左侧圆 */
.circle_left{
    position: absolute;
    bottom: -15px;
    width: 150px;
}
.circle_left>img{
    width:100%;
}
/* 金融名校 */
.financial_elite{
    background: url(../images/financial_elite.png) no-repeat center center;
    background-size: 100% 100%;
    text-align:center;
    height: 1630px;
    padding-top:245px;
}
.elite_content{
    width:1200px;
    margin: 36px auto 72px;
}
.elite_title>li{
    float:left;
    margin-right:10px;
    width:393px;
    height:120px;
    line-height:120px;
    font-size:36px;
    border-radius: 15px;
}
.elite_title>li:hover {
    box-shadow: #fff 0px 0px 30px;
}
.elite_title>li>a{
    color:#fff;
    
}
.elite_title li span{
    display: block;
    float:left;
}
.elite_left{
    margin:0 35px;
    width:50px;
}
.elite_left>img{
    width:100%;
}
.elite_title>li:last-child{
    margin-right:0px;
}
.difficulty{
    background-color:#f56966;
}

.test_scores{
    background-color:#937ff8;
}
.bibliography{
    background-color:#66a1fb;
}
/* 学校详情 */
.elite_box{
 width:1200px;
 margin:0 auto;
 margin: 36px auto;
}
.elite_box>div{
    width:1210px;
}
.elite_details{
    margin-right:10px;
    margin-bottom:20px;
    width:292px;
    height:204px;
    border-radius: 15px;
    background-color:#fff;
    float:left;
}
.elite_details:hover {
    box-shadow: #fff 0px 0px 20px;
}
.elite_details_title{
    line-height:83px;
    background: -webkit-linear-gradient(left, #f6918e ,#fabd83);
    background: -o-linear-gradient(left, #f6918e, #fabd83);
      background: -moz-linear-gradient(left, #f6918e, #fabd83); 
    background: linear-gradient(left, #f6918e , #fabd83);
     background: -ms-linear-gradient(left, #f6918e 0%,#fabd83 100%); 
      background: linear-gradient(to right, #f6918e 0%,#fabd83 100%); 
      border-top-left-radius:15px;
      border-top-right-radius:15px;
      font-size:29px;
      font-weight:600;
}
.subject{
    font-size:23px;
    text-align: left;
    margin-bottom:15px;

}
.subject>span{
    color:#f56966;
    display:inline-block;
    margin-right:5px;
}
.elite_details_content{
    padding:12px 25px;
}
.elite_details_content>span{
    display:inline-block;
    border-radius: 10px;
    background-color: #f56966;
    padding:6px 10px;
}
.subject_left{
    margin-right:20px;
}
.elite_details_content>span>a{
    color:#fff;
    font-size:17px;
    font-weight:bold;
}
/* 备考 */
.for_reference{
    background: url(../images/for_reference.png) no-repeat center center;
    background-size: 100% 100%;
    text-align:center;
    height: 1100px;
    padding-top: 240px;
    margin-top: -339px;
    position: relative;
}
.reference_content>.headlines,.reference_content>.subtitle{
    color:#fff;
}
.part4_cont {
    text-align: center;
    width:1200px;
    margin:0 auto;
}
.special_bar.active {
    box-shadow: rgb(255, 255, 255) 0px 0px 20px;
}


.special_bar {
    width: 272px;
    height: 269px;
    display: inline-block;
    position: relative;
    border-radius: 16px;
    margin: 20px 60px 50px;

}
.bar1 {
    background: url(../images/part3_abc.png) center bottom no-repeat;
}
.bar2 {
    background: url(../images/part3_app.png) center bottom no-repeat;
}
.bar3 {
    background: url(../images/part3_tk.png) center bottom no-repeat;
}
/* .bar4 {
    background: url(../images/part3_wd.png) center bottom no-repeat;
} */
.special_bar > h1 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 150px;
}
.special_bar > p {
    font-size: 12px;
    margin-top: 24px;
}
.special_bar.active > .icon {
    display: block;
}
.special_bar > .icon {
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -10px;
    display: none;
}
.special_item {
    width: 1200px;
    height: 335px;
    border-radius: 16px;
    background: rgb(255, 255, 255);
    display: none;
}
.special_item.active {
    display: block;
}
.special_item > .item {
    display: inline-block;
    margin: 30px 10px;
}

/* 全程规划 */
.whole_plan{
    text-align:center;
    background:url(../images/whole_content.png) no-repeat center center;
    background-size:100%;
    height:730px;
}
.whole_content{
    width:1200px;
    margin:0 auto;
    margin:36px auto 72px;
}

.whole_item{
    width:232px;
    margin-right:42px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding:18px;
    float:left;

}
.whole_item_1{
    background-color:#f59c67;
}
.whole_item_2{
    background-color:#f77b30;
}
.whole_item_3{
    background-color:#fd683b;
}
.whole_item_4{
    background-color:#e83a0c;
    margin-right:0;
}
.whole_item h1{
    font-size:34px;
    color:#fff;
    margin-bottom:10px;
    font-weight:600;
}
.whole_item h2{
    font-size:27px;
    color:#fff;
    margin-bottom:10px;
    font-weight:500;
}
.whole_box {
    margin-top:48px;
    margin-bottom:100px;
}
/* 学习阶段 */
.whole_content ol.whole_details{
    background-color:#fff;
    padding:10px;
    height:200px;
}
.whole_content ol.whole_details>li{
    font-size:15px;
    line-height:40px;
    list-style-type:decimal;
    list-style-position:inside;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#0e050b;
    font-weight:600;
}
/* 成绩 */
.good_grades{
    text-align:center;
    background:url(../images/good_grades.png) no-repeat center center;
    height:1050px;

}
.grades_content{
    padding-top: 150px;
    width: 1200px;
    margin:0 auto;
}
/* phone_banner */
.phone_banner{
    margin:70px auto;
    position: relative;
    overflow: hidden;
    padding-left:65px;
}
.tempWrap{
    width:150px;
    height:455px;
    background: url(../images/phone_banner.png) no-repeat center center;
}
.phone_banner .bd {
    float: left;
    position: relative;
    height: 100%;
    z-index: 0;
    margin-right:61px;
}
.phone_banner .bd:last-child{
    margin-right:0;
}
.phone_box{

    float:left;
    width:221px !important;
    padding-top:56px;
    position: relative;
}
.phone_box>img{
    width:190px;
    margin:0 auto;
    display: block;
}
.phone_banner .prev,.phone_banner .next{
     position:absolute;
     left:0%; top:50%;
     margin-top:-25px;
     display:block;
     width:48px; 
     height:48px; 
     background:url(../images/phone_banner_prev.png) no-repeat;
}
.phone_banner .next{ 
    left:auto; right:0; 
    background:url(../images/phone_banner_next.png) no-repeat;
}

/* 7大服务 */
.serving{
    text-align:center;
    background-color:#fff;
}
.serving_content{
    width: 1200px;
    margin:0 auto;
}
span.senver_serving{
    color:#fb625b;
}

.serving_box{
    margin:85px auto;

}

/* 左侧导航 */
.serving_item{
    float:left;
    cursor: pointer;
}
.serving_nav{
    float:left;
    color:#fff;

    width:66px;
    height: 480px;
    border-radius: 10px;
    padding:10px;
    text-align: center;
}
.sn_1{
    background-color: #fb625b;
}
.sn_2{
    background-color: #4abdb9;
}
.sn_3{
    background-color: #cc428d;
}
.sn_4{
    background-color: #5362fa;
}
.sn_5{
    background-color: #9654b6;
}
.sn_6{
    background-color: #efb10b;
}
.sn_7{
    background-color: #90d73d;
}
.serving_nav>p{
    width: 55px;
    font-size: 30px;
    margin: 0 auto;
}
.serving_nav>i{
    display: block;
    width:55px;
    height:55px;
    margin:30px auto;
}
/* 图标 */
.serving_nav_1{
    background:url(../images/serving_nav_1.png) no-repeat center center;
}
.serving_nav_2{
    background:url(../images/serving_nav_2.png) no-repeat center center;
}
.serving_nav_3{
    background:url(../images/serving_nav_3.png) no-repeat center center;
}
.serving_nav_4{
    background:url(../images/serving_nav_4.png) no-repeat center center;
}
.serving_nav_5{
    background:url(../images/serving_nav_5.png) no-repeat center center;
}
.serving_nav_6{
    background:url(../images/serving_nav_6.png) no-repeat center center;
}
.serving_nav_7{
    background:url(../images/serving_nav_7.png) no-repeat center center;
}
/* 右侧内容 */
.accordion{
    width:0;
    float:left;
    overflow: hidden;
}
.serving_details{
    text-align: center;
    width: 586px;
    height:495px;
    border-radius: 10px;
    overflow: hidden;
}
/* 边框色 */
.sd_1{
    border:2px solid #fb625b;
}
.sd_2{
    border:2px solid #4abdb9;
}
.sd_3{
    border:2px solid #cc428d;
}
.sd_4{
    border:2px solid #5362fa;
}
.sd_5{
    border:2px solid #9654b6;
}
.sd_6{
    border:2px solid #efb10b;
}
.sd_7{
    border:2px solid #90d73d;
}
.serving_details>p>img{
    widtH:100%;
}
.serving_dec{
    padding:10px;
    text-align: left;
    line-height:30px;
}

.serving_item.active .accordion{
    width: 592px;
    animation: accordion ease-in 1s;
    display:block;
}
.serving_item.unactive .accordion{
	animation: accordion_1 ease-in 1s;
}
@keyframes accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}
@-o-keyframes accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@-o-keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}
@-webkit-keyframes  accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@-webkit-keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}
@-moz-keyframes accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@-moz-keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}