@charset "UTF-8";
/*
 * Copyright 2017, HYL
 * Licensed under the MIT license:
 */
 html,body { font-family: '微软雅黑'; font-style: normal; font-size: 14px; font-weight: lighter; color: #737272; 
 margin: 0; background-color: #fff;-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
 body { position: relative; overflow-x: hidden; }
 a,a:hover,a:active,a:visited,a:link { text-decoration: none; color: #494949; }
 ul,li { list-style: none; margin: 0; padding: 0; }
 .inline { display: inline-block; vertical-align: middle; }
 p { margin: 0;}
 .clearfix::after { display: table; content: " "; clear: both; }
 [data-f-id=pbf] { display: none; }
 .text-right { text-align: right; }
 .text-left { text-align: left; }
 .container { width: 1100px; max-width: 1100px; }
 .inline-ellipsis {  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .font-normal { font-weight: normal; }
 .font-light { font-weight: lighter; }
 textarea { resize: none; }
 .cursor-pointer { cursor: pointer; }
 .relative { position: relative; }
b, strong { font-weight:bold !important}
 .common_footer { background: url(/images/9.jpg) top no-repeat; background-size: 100% auto;}
 .base_footer { padding-top: 14%; }
 .branch { background-color: #fff;}
 .block { margin: 1rem 5rem; padding: 1rem 2rem;}
 .course .intro { text-align: center; }
 .course .intro .title { text-align: center; font-weight: bold; color: #000; font-size: 28px;}
 .course .intro .title span { margin-left: 5px; border-bottom: 4px solid #ffb724; padding-bottom: 10px;}
 .course .content { text-align: left; padding: 4rem 0; color: #000;}
 .course .analysis { position: relative; }
 .course .analysis .title { display: flex; align-items: center; justify-content: center; text-align: justify; position: absolute; height: 100%; width: 100%; top: 0; font-size: 36px; font-weight: bold; color: #fff; text-align: center; }

 .course-list .block1 { padding: 2rem; }
 .course-list .block1 .title { font-size: 20px; color: #fc9218; padding: 5px 0; }
 .out-rect {display: flex; align-items: center;justify-content: center;width: calc(100% - 200px);padding: 4px;background: linear-gradient(135deg, transparent 35px, #fc9218 0) top right; background-size: 100% 100%; background-repeat: no-repeat;}
 .in-rect{ width: 100%; height: 100%; padding: 40px 30px 30px 30px; background: linear-gradient(135deg, transparent 33px, #fff 0) top right; background-size: 100% 100%;background-repeat: no-repeat;}
 .course-list .block1 .content { padding: 20px 0 0 0;}
 .course-list .block1 .image { margin-right: -230px; }
 .course-list .block2 { background-color: #fbfbfb; padding: 30px 0;}
 .course-list .bck { padding: 4rem 7rem;}
 .course-list .block2 .image { padding:10px 60px 0 0;}
 .course-list .block2 .text { border: 3px dashed #fc9218; padding: 30px 40px; }
  .course-list .block2 .title,.course-list .block4 .title {  font-weight: bold; color: #fc9218; font-size: 26px;}
  .course-list .block2 .title span,.course-list .block4 .title span { margin-left: 5px; }
  .course-list .block2 .content,.course-list .block3 .content,.course-list .block4 .content { padding: 20px 0 0 0;  }
  .course-list .block3 .title { text-align: center;  font-weight: bold; color: #fc9218; font-size: 26px; }
  .course-list .block3 .text {  padding:10px 60px 0 0;}
  .course-list .block3 .br { border-top: 3px solid #4fb4e7; border-bottom: 3px solid #4fb4e7; padding: 20px 0; }
  .course-list .block4 .line { position: absolute; right: 0; top: -8%; height: 108%;}
  .course-list .block4 .title { margin-left: 30px; }
  .course-list .block4 .content { padding-top: 50px;}
  .course-list .block4 .image { padding:10px 90px 0 0;}
  [v-cloak] { display: none; }
  pre { white-space: pre-wrap; }
  .city-input { width: 400px; display: inline-block; }
  #teacher-detail .modal-body { max-height: 500px; overflow-y: scroll;}
  #teacher-detail .modal-dialog { max-width: 800px;}
  .se4_con .name { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .se4_con .desc { color: #8f8f8f; font-size: 22px; line-height: 34px; font-weight: lighter; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:68px; }
 .block5 { position: relative; }
 .course-list .bck.block5 { height: 590px; border-radius: 20px; padding: 0; margin: 4rem 7rem; background: url(/images/24.jpg) no-repeat; background-size: cover;}
 .block5 .ctx {  padding: 30px; float: right; border-radius: 20px; width: 50%; margin-top:60px; margin-right: 60px; background-color: rgba(255,255,255,0.7);}
 .block5 .ctx .form-group { margin-bottom: 2rem;}
 .block5 .form-control { border-color: #000; border-width: 2px;}
 .block5 .ctx::after { display: table; content: " "; clear: both;}
 .block5 legend { color: #000; font-size: 2rem; }
 .block5 .btn-submit { background-color: #ffdf18; cursor: pointer; width: 70%; margin: 0 auto; font-size: 26px; color: #000; border: 5px solid #fff; border-radius: 30px; }
 .branch_lists .name { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; left: 0; padding-left: 5px;}
 .footer_logo_m { margin-top: 0;}
 .footer_logo { margin-top:4.6rem}
 .ca-check { position: fixed; bottom: 70px; right: 20px; z-index: 1000; }
 .ca-check ul li { margin-bottom: 30px; transition: all 0.3s; cursor: pointer;}
 .ca-check ul li:hover { transform: scale(1.02);  }
 .check-group { color: #666; margin-top: 50px; }
 .check-group .btn { cursor: pointer;}
 .check-header { font-size: 24px;}
 .check-header .border-bom { width: 50px; margin: 30px auto; border-bottom: 4px solid #e8f8f7;}
 .input-check .input input { border: 2px solid #e8f8f7; height: calc(1.5em + .75rem + 10px); font-size: 18px; border-radius: 10px;}
 .input-check .btn-submit { background-color:#e40807; border-radius: 0; margin: 50px 0; padding: 10px 50px; text-align: center; font-size: 18px; color: #fff;}
 .check-tips { background-color: #ededed; padding: 40px 0; margin: 0 0 50px 0; font-size: 16px; text-align: center; color: #000;}
 .ca-tpl img { width: 685px;}
 .ca-tpl { position: relative; width: 685px; height: 968px; margin: 0 auto;}
 .tpl-text { user-select:none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
 .tpl-text * { position: absolute; color: #000; font-size: 22px; font-family: "楷体","楷体_GB2312"; font-weight:initial;  }
 /* 兼容iphone5 */

@media (min-width: 1000px){
    

}
@media (max-width: 768px){
    .ca-check ul li a  img { width: 60px; }
}
@media (max-width: 1000px){
   
}
@media (max-width: 320px){
    
}
@media (max-width: 1366px){
    .ca-tpl { transform-origin: 0 0}
    .container { width: 100%;}
    .d-lg-none { display: block !important};
    html,body { font-size: 14px ; position: relative; height: 100%;}
    /* .nav-r ul li a img { display: none; } */
    .nav-r-r {margin-top: 0; height: auto; position: absolute; right: 10px; top: 10px;}
    .nav-l { margin-left: 0; float: none; }
    .nav-l a { height: auto;}
    .header { height: auto;}
    .nav-l a img { width: 150px; }
    .nav-container { width: 100%; height: auto; padding: 10px; background-color: rgba(0,0,0,0.7); }
    .header-wechat,.header-sina { display: none !important;}
    .nav-r-l { display: none; position: fixed; height: auto; top: 60px; left: 0; z-index: 1000; width: 100%; background-color: rgba(0,0,0,0.7);}
    .nav-r-l li { height: auto; width: 33.3%; text-align: center;}
    .nav-r-l li a { display: inline-block; height: auto; padding: 20px 0;}
    .subdiv { position: absolute; height: auto; top: auto;background-color: #fff !important; color: #000; }
    .subdiv .sub { left: 0; float: none;}
    .subdiv .sub li { width: 100%; left: 0;}
    .subdiv .sub li a { color:#000; font-size: 16px;}
    .navbar-dark .navbar-toggler { border: 0; margin-top:3px;}
    .section2 { padding-top: 60px; }
    .section2 .se2_con_about { position: static;}
    .section2 .se2_con { padding-top: 0; display: block;  }
    .section2 .se2_con>div { width: 100%; position: static !important;}
    .section2 .fp-tableCell { display: block; }
    .section2 .se2_con_r { display: none;}
    .section3 .symbol { display: none; }
    .section3 .se3_con { display: block; position: relative; height: calc(100% - 60px); }
    .section3 .se3_item { width: 100% !important; height: 25%;}
    .section3 .se3_item .icon { display: none; }
    .section3 .se3_item .arrow { display: none; }
    .section4 { padding-top: 60px;}
    .section4 .se4_con { padding: 10px; }
    .section4 .se4_con .col-xs-3 { width: 50%; padding: 0 10px; margin-bottom: 10px;}
    .section4 .se4_con .name { font-size: 16px;}
    .section4 .se4_con .item { padding: 10px;}
    .section4 .se4_con .con_content { margin-top: 10px;}
    .section4 .se4_con .item-content { padding: 10px 0; }
    .section4 .se4_con .desc { font-size: 14px; line-height: 22px; -webkit-line-clamp:2; height:40px; }
    .section4 .se4_con .item .thumb-img { height: 100px;}
    .section4 .se4_con .item-class { font-size: 14px; }
    .section4 .se4_con .item-class .foot img { width: 20px;}
    .con_header .cn { font-size: 22px;}
    .section6 { }
    .con_header .en { font-size: 16px;}
    .se7_con { display: block; width: 100%; padding: 10px;}
    .se7_con>div { width: 100%; height: auto;}
    .search-citys { position: relative !important; }
    .search-citys .search-citys-pop { top: 50px;}
    .indexbranchlist { max-height: 200px; overflow-y: scroll;}
    .common_footer .center { display: block; width: 100%; padding: 10px; }
    .footer_logo { display: none;}
    .copyright { display: none !important;}
    .team_con_m { display: block; width: 100%; padding: 0 10px; }
    .about_hd { display: none;}
    .about_con { margin-top: 10px; }
    .se5_con { width: 100%; }
    .about_bd { width: 100%; padding: 10px;}
    .about_bd_l { width: 100%; }
    .about_bd_r,.team_con_m ul li .line { display: none; }
    .base_footer { padding-top: 0; }
    .about_banner { padding-top: 60px;}
    .team_con { display: block !important; }
    .team_con_tl { width: 35rem; height: 20rem; border-radius: 5px; }
    .team_con_tr { margin-left: 0; padding: 0; }
    .team_con_tr .t * { font-size: 14px !important;}
    .team_con_m ul li,.team_con_m ul li.team_con_m_l { margin: 0; width: 50%; padding: 5px;}
    .team_con_m .thumb { border-radius: 10px; width: 100%;}
    .team_con_m ul li .c { padding: 0; }
    .team_con_m ul li h6 { margin-top: 10px;}
    .se5_con.about_con { margin-bottom: 15px !important; }
    .block { margin: 0; padding: 10px; }
    .course .intro .title { font-size: 16px; }
    .course .intro .title img { width: 25px;}
    .course .content { padding: 15px 0;}
    .course .content p,.course .content span { font-size: 14px !important; line-height: 22px;}
    .course .analysis .title { font-size: 16px;}
    .bck { padding: 10px !important;}
    .out-rect { width: 100%;}
    .course-list .block1 .image { margin: 0;}
    .course-list .block2 .image { padding: 0 15px;}
    .course-list .block3 .text,.course-list .block4 .image { padding: 10px;}
    .course-list .block4 .line { display: none;}
    .course-list .bck.block5 { margin: 10px; border-radius: 5px;}
    .block5 .ctx { float: none; width: 100%; border-radius: 5px; margin: 0; padding: 10px;}
    .block5 legend { font-size: 14px;}
    .branch_box .search_box { padding: 10px;}
    .branch .search_area { margin: 0;}
    .city-input { width: 150px;}
    .branch_lists { margin: 0; padding: 10px;}
    .branch_lists li { width: 45%; margin: 0 5px; overflow: hidden; }
    .school-detail .branch_lists .list .item { font-size: 14px; padding: 10px 0; }
    .school-detail .branch_lists .contact .list .item { margin-bottom: 10px; }
    .school-detail .branch_lists .list .item img { width: 25px;}
    .school-detail .box { border-radius: 5px;}
    .school-detail .box-content { font-size: 12px; padding: 0;}
    .school-detail .swiper { padding: 0 10px;}
    .school-detail .box-content p.title { font-size: 14px;}
    .school-detail .box-content p { padding-bottom: 5px;}
    .new-detail { padding: 10px !important;}
    .new-detail .league_joinus .league_title .name { font-size: 16px; }
    .new-detail .league_joinus .league_title .name .en { font-size: 12px; }
    .news { padding: 1rem 0;}
    .why_box { display: block;}
    .news * { font-size: 14px !important;}
    .league_title .name { font-size: 16px; line-height: 22px; }
    .league_title { padding: 15px 0;}
    .league_title .name .en { font-size: 12px;}
    .league_title .tips { font-size: 14px; top: 7px; line-height: 22px;}
    .why_box .item .title { font-size: 8px;}
    .why_box .item { border-radius: 5px; height: auto; width: 100%; padding: 10px 0; margin-bottom: 10px;}
    .league_reason,.league_support { padding: 10px;}
    .league_support .item { width: 50%; padding: 5px;}
    .league_campus { background-size: 100% !important; min-height: 500px; padding: 10px; background-position-y: 50px;}
    .league_partner .list_box { padding: 10px;}
    .swiper { padding: 0;}
    .league_partner .box { border-radius: 5px;}
    .box-content { font-size: 14px; padding: 5px;}
    .league_partner .list_box,.league_partner,.partner_box { position: relative; height: auto; min-height: auto;}
    .league_apply { padding: 10px;}
    .league_apply .txt { width: 100%; float: none;}
    .contact { padding: 10px 0;}
    .contact * { font-size: 14px !important;}
    #allmap { height: 200px; margin-top: 15px;}
    .branch_lists .contact { padding: 15px;}
    #fp-nav { display: none;}
    .news-list li { padding: 0; margin: 0; }
    .common_footer { background: none;}
    
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){

}
@media only screen and (max-device-width :480px){ 

}
@media only screen and (min-device-width :481px){ 

}

/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ 

}

/*6+*/
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){

}

/*魅族*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ 

}

/*mate7*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){

}

/*4 4s*/
@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ 

}

@media screen and (min-width: 320px) and (max-width: 480px) {  

}

/* 平板之类的宽度 1024 以下设备 */
@media only screen and (min-width: 321px) and (max-width: 1024px) {
  
}

/* PC客户端或大屏幕设备: 1028px 至更大 */
@media only screen and (min-width: 1029px) {

}

/* 竖屏 */
@media screen and (orientation:portrait) and (max-width: 720px) {


}

/* 横屏 */
@media screen and (orientation:landscape){

}