.banner{
    width:100%;
    height:672px;
    background:url(../image/bg_01.png);
}
.contains{
    width:1200px;
    margin: 0 auto;
}
.left{
    float: left;
}
.black{
    color: #252a2e;
}
.white{
    color: #fff;
}
.tit h2{
    font-size:38px;
    text-align: center;
    padding-top:70px;
}
.tit p{
    font-size:20px;
    text-align: center;
    color: #393e46;
    line-height:70px;
}
h1{
    font-size:46px;
    color: #fff;
    font-weight:normal;
    padding-top:100px;
    margin: 0;
}
.banner h2{
    font-size:58px;
    color: #fff;
    font-weight:normal;
    margin-top:30px;
}
.ba_rt{
    margin-left:29px;

}
.ba_qr{
    float: left;
    margin-top:70px;
    margin-left:10px;
}
.ba_qr img{
    width:224px;
}
.ba_text{
    float: left;
    padding-top:100px;
}
.ba_text p{
    font-size:20px;
    color: #f5e7e2;
    margin-bottom:33px;
    margin-left:60px;
}
.ba_text .bt_qr{
    width:360px;
    height:60px;
    background: #fff;
    line-height:60px;
    text-align: center;
    font-size:20px;
    color: #d65a31;
    position: relative;
    margin-bottom:15px;
}
.bt_qr:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 9px solid #fff;
    border-bottom: 6px solid transparent;
    top:0;
    bottom:0;
    margin: auto 0;
    left:-9px;
}
.ba_text .lb{
    font-size:18px;
    color: #f9a34a;
    margin-bottom:0;
}
.lb img{
    vertical-align: middle;
}
.lb span{
    font-size:28px;
    font-weight:bold;
    color: #fff;
}
/*选择最适合你的大学转学计划*/
.m1_top{
    background:url(../image/zx_13-min1.png) no-repeat left,#393e46;
    background-size:50% 100%;
    height:750px;
    width:100%;
}
.m1_left{
    float: left;
    width:50%;
    position: relative;
    height:750px;
}
.m1_top h3{
    font-size:32px;
    font-weight:normal;
    line-height:100px;
}
.m1_left h3{
    color: #393e46;
}
.m1_top h4{
    font-size:16px;
    margin-bottom:12px;
}
.m1_left h4{
    color: #393e46;
}
.m1_top p{
    font-size:14px;
    line-height:28px;
    margin-bottom:20px;
}
.m1_left p{
    color: #6b6d70;
}
.m1_top p span{
    font-weight:bold;
}
.m1_left p span {
    color: #393e46;
}
.m1_top ul{
    padding-left:20px;
}
.m1_top li{
    line-height:35px;
    font-size:14px;
    list-style-type: disc;
}
.m1_left li{
    color: #6b6d70;
}
.m1_top .check_qr{
    width:563px;
    height:44px;
    border: 1px solid #d65a31;
    border-radius: 5px;
    line-height:46px;
    font-size:16px;
    color: #393e46;
    text-align: center;
    position: absolute;
    bottom:20px;
}
.m1_top .m1_right .check_qr{
    border: 1px solid #fff;
    color: #fff;
}
.orange{
    color: #d65a31!important;
}
.m1_left .check_qr .sp_qr{
    background: #d65a31;
    color: #fff;
}
.m1_right .check_qr .sp_qr{
    background: #fff;
    color: #393e46;
}
.sp_qr{
    width:148px;
    height:44px;
    display: inline-block;
    float: right;
    text-align: center;
    line-height:44px;
    position: relative;
}
.zx_qr{
    position: absolute;
    width:137px;
    height:134px;
    left:0;
    right:0;
    margin: 0 auto;
    top:-145px;
    opacity: 0;
    transition: .5s;
}
.sp_qr:hover .zx_qr{
    opacity: 1;
}
.sp_qr i{
    font-size:24px;
    margin-right:5px;
    vertical-align: sub;
}
.m1_right{
    float: left;
    width:45%;
    padding-left:5%;
    color: #eceff3;
    position: relative;
    height:750px;
}
.m1_botm{
    background:url(../image/zx_16-min.png) no-repeat right 50%,#393e46;
    height:750px;
    width:100%;
    background-size:50% 100%;
}
.m1_botm .m1_right{
    width:50%;
    padding-left:0;
}
.m1_botm .m1_left{
    width:45%;
    padding-left:5%;
}
/*转学 · 把握留学生涯中的第二次机会*/
.m2_cts{
    margin-top:50px;
}
.m2_left{
    width:444px;
    float: left;
}
.m2_le_tit{
    background:url(../image/zx_22.png);
    width:374px;
    height:76px;
    line-height:76px;
    font-weight:bold;
    color: #d65a31;
    font-size:28px;
    padding-left:70px;
}
.m2_list{
    margin-top:47px;
}
.m2_list li{
    width:100%;
    height:50px;
    line-height:50px;
    background: #787c83;
    text-align: center;
    font-size:18px;
    color: #fff;
    border-radius: 8px;
    margin-bottom:15px;
}
.m2_mid{
    float: left;
    width:223px;
    margin-left:46px;
    margin-right:43px;
}
.m2_mid_cont{
    width: 223px;
    height:180px;
    padding-top:63px;
    background: #d65a31;
    color: #fff;
    font-size:28px;
    font-weight:bold;
    text-align: center;
    margin-bottom:16px;
    position: relative;
}
.m2_mid_cont:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 11px solid #d65a31;
    border-bottom: 6px solid transparent;
    top:0;
    bottom:0;
    margin: auto 0;
    left:-11px;
}
.m2_mid_cont:after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 11px solid #d65a31;
    border-bottom: 6px solid transparent;
    top:0;
    bottom:0;
    margin: auto 0;
    right:-11px;
}
.m2_rg_tit{
    background:url(../image/zx_25.png);
    width:164px;
    height:76px;
    line-height:76px;
    font-weight:bold;
    color: #d65a31;
    font-size:28px;
    padding-left:280px;
}
.m2_right li{
    background: #f0f3f7;
    color: #768bad;
}
.m2_qr{
    width:444px;
    height:44px;
    border: 1px solid #393e46;
    line-height:46px;
    margin: 0 auto;
    border-radius: 21px;
    font-size:16px;
    color: #393e46;
    text-align: center;
    margin-top:48px;
}
.m2_qr .sp_qr{
    width:179px;
    height:44px;
    background: #393e46;
    color: #fff;
    border-radius:19px;
}
.lb-swiper{
    margin-top:15px;
    height:20px;
    margin-bottom:30px;
}
.lb-swiper p{
    font-size:14px;
    color: #d65a31;
    text-align: center;
}
.lb-swiper span{
    margin-left:14px;
}
.lb-swiper .swiper-slide{
    height:18px;
}
/*转学申请合作院校*/
.main3{
    background:#f0f3f7;

}
.m3_left{
    float: left;
    width:770px;
}
.m3_list{
    margin-top:45px;
    margin-bottom:19px;
}
.m3_list li{
    border: 1px solid #6b6d70;
    width:148px;
    height:36px;
    margin-right:56px;
    float: left;
    line-height:38px;
    text-align: center;
    font-size:18px;
    color: #6b6d70;
    border-radius: 5px;
    cursor: pointer;
}
.m3_list li:nth-of-type(4){
    margin-right:0;
}
.m3_list .m3_act{
    border-color:#d65a31;
    background: #d65a31;
    color: #fff;
}
.m3_left table{
    width:100%;
    text-align: center;
    display: none;
}
.m3_left th{
    width:192.5px;
    background: #393e46;
    height:60px;
    line-height:60px;
    color: #fff;
    font-size:18px;
    font-weight:normal;

}
.main3 td{

    height:46px;
    line-height:46px;
    font-size:16px;
    color: #6b6d70;
}
.main3 tr:nth-of-type(odd){
    background: #fff;
}
.m3_right{
    float: right;
    width:380px;

}
.m3_tit{
    background:url(../image/tit_03.png)no-repeat;
    height:48px;
    margin-top:38px;
    line-height:48px;
    font-size:18px;
    color: #fff;
    padding-left:20px;
}
.m3_right .m3_p{
    font-size:14px;
    color: #6b6d70;
    margin-top:20px;
}
.m3_right .m3_p span{
    display: inline-block;
    width:46%;
    float: left;
    position: relative;
    line-height:14px;
    padding-left:10px;
    margin-left:5px;
}
.m3_right .m3_p span:before{
    position: absolute;
    content: '';
    width:7px;
    height:14px;
    background: #f29779;
    left:0;
    bottom:0;
}
.m3_right .m3_p span:nth-of-type(2):before{
    background: #d65a31;
}
.m3_right .m3_p span:nth-of-type(3):before{
    background: #ee7952;
}
.m3_right .m3_p span:nth-of-type(4):before{
    background: #bc512e;
}
.m3_right img{
    margin: 15px auto;
    display: block;

}
.m3_right .m3_p2{
    margin-bottom:35px;
    color: #6b6d70;
}
.m3_right .m3_p2 span{
    font-size:20px;
    font-weight:bold;
    color: #d65a31;
}
.form{
    width:100%;
    height:240px;
    background: #393e46;
    margin-top:30px;
}

.form1{
    width:800px;
    float: left;
    padding-left:20px;
}
.bd1 h2{
    font-size:24px;
    color: #fff;
    line-height:60px;
}
.fr_lf{
    float: left;
    width:329px;
}
.fr_lf input{
    width:266px;
    height:34px;
    margin-top:17px;
    outline: none;
    border: none;
    padding-left:10px;
}
.fr_lf p{
    width:276px;
    height:40px;
    margin-top:17px;
    border-radius: 2px;
    background: #d65a31;
    text-align: center;
    line-height:40px;
    font-size:16px;
    color: #fff;
    cursor: pointer;
}
.fr_rt{
    float: left;
}
.fr_rt textarea{
    margin-top:17px;
    width:320px;
    height:134px;
    padding-left:10px;
}
.m3_qr{
    float: right;
    text-align: center;
    margin-right:78px;
}
.m3_qr img{
    width:150px;
    height:150px;
    margin-top:17px;
}
/*转学流程/步骤*/
.main4{
    position: relative;
}
.m4_list{
    position: absolute;
    left:0;
    right:0;
    margin: 0 auto;
    top:190px;
    width:1050px;
}
.m4_list li{
    width:175px;
    height:4px;
    background: #f0f3f7;
    float: left;
}
.m4_list .m4_act{
    background: #d65a31;
    border-radius: 2px;
}
.case-swiper{
    height:410px;
}
.case{
    width:270px;
    height:230px;
    padding: 25px;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.case-swiper .swiper-slide{
    margin-top:130px;
    width:320px!important;
}
.case-swiper .swiper-button-next,.swiper-button-prev{
    top:15%!important;
}
.case-swiper .swiper-slide-active{
    background: #d65a31;
}
.case-swiper .swiper-slide-active h2{
    color: #fff;
}
.case-swiper .swiper-slide-active p{
    color: #faeeea;
}
.case-swiper .swiper-slide-active span{
    color: #d65a31;
}
.case-swiper .swiper-slide-active .case:before{
    border-bottom: 80px solid #fff;
}

.case h2{
    font-size:20px;
    color: #393e46;
    margin-bottom:18px;
    text-align: center;
}
.case p{
    font-size:16px;
    color: #6b6d70;
    line-height:28px;
}
.case span{
    position: absolute;
    font-size:30px;
    color: #fff;
    right:7px;
    bottom:0px;
    z-index:2;
}
.case:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 80px solid #d65a31;
    border-left: 90px solid transparent;
    right:0;
    bottom:0;
    z-index: 1;
}
/*他们成功之路你也可以复制，案例展示*/
.main5{
    background: #222831;
    padding-bottom:123px;
}
.cases{
    width:1328px;
    margin: 0 auto;
    margin-top:60px;
}
.ca_le{
    width:1122px;
    float: left;
}
.cases th{
    font-size:18px;
    color: #fff;
    font-weight: bold;
    height:60px;
    line-height:60px;
    text-align: center;
    background: #d65a31;
    min-width: 90px;
}
.cases td{
    height: 155px;
    font-size:14px;
    color: #c9ced4;
    text-align: center;
    max-width: 770px;
    vertical-align: middle;
    padding: 10px 20px;
}
.cases tr:nth-of-type(odd){
    background: #393e46;
}
.ca_rg{
    float: left;
    width:200px;
    background: #fff;
    height:760px;
}
.ca_rg img{
    width:137px;
}
.ca_tit{
     font-size:18px;
    color: #222831;
     width:200px;
     height:60px;
     line-height:60px;
     font-weight:bold;
     background:url(../image/cs_03.png);
    text-align: center;
 }
.m5_list li{
    text-align: center;
    font-size:16px;
    color: #393e46;
    padding:5px 0;
}
.m5_list li h2{
    font-size:28px;
    color: #d65a31;
    font-weight: bold;
    margin-bottom:10px;
}
.ca_rg{
    text-align: center;
}
.ca_rg input{
    width:160px;
    margin: 0 15px;
    padding-left:10px;
    border: none;
    background: #f0f3f7;
    height:34px;
    line-height:34px;
    margin-bottom:10px;
}
.ca_rg textarea{
    width:160px;
    margin: 0 15px;
    padding-left:10px;
    border: none;
    background: #f0f3f7;
    height:100px;
    margin-bottom:16px;
}
.ca_rg>p{
    margin: 0 15px;
    width:170px;
    height:34px;
    line-height:34px;
    text-align: center;
    background: #d65a31;
    font-size:14px;
    color: #fff;
    cursor: pointer;
}
/*底部*/
.main6{
    width:100%;
    height:520px;
    background: #393e46;
}
.m6_left{
    width:295px;
    float: left;
    text-align: center;
}
.m6_list li{
    height:120px;
    padding-top:53px;
}
.m6_list h2{
    font-size:48px;
    color: #d65a31;
}
.m6_list p{
    font-size:20px;
    color: #fff;
}
.m6_mid{
    width:610px;
    height:520px;
    background: url(../image/zx_39.png);
    float: left;
    text-align: center;
}
.m6_mid h2{
    font-size:24px;
    color: #393e46;
    padding-top:100px;
}
.m6_mid h3{
    font-size:20px;
    color: #393e46;
    margin-top:20px;
}
.m6_mid p{
    font-size:16px;
    color: #393e46;
    margin-top:40px;
    line-height:28px;
    padding: 0 60px;
}
.zxcks{
    width:220px;
    height:415px;
    background: url(../image/zx_02.png);
    position: fixed;
    top:0;
    right:0;
}