@import url(animate.min.css);
@import url(base.css);
*{font-family: '微软雅黑';}
body{background-color:#F6F6F6;overflow:hidden;overflow: auto ;}
img{display:block;}
a{
    text-decoration:none;
    color:black;
    display:block;}
h3{
    overflow:hidden;
    text-overflow:ellipsis;
}
p{
    overflow:hidden;
    text-overflow:ellipsis;
}


/*start head */
.head{
    background-color:#FF8F63;
    height:80px;
    width:640px;
    position:relative;

}
.head .logo img{
    width:145px;
    height:55px;
    margin:12px 25px;
    display: inline-block;
    float:left;
}
.head .search-box{
    background-color:white;
    width:335px;
    height:55px;
    margin-top: 12px;
    border-radius:25px;
    float:left;

}
.head .search-box img{
    width:24px;
    height:24px;
    margin:17px 20px;
    float:left;
}
.head .search-box .search{
    margin:2px 0px;
    float:left;
}
.head .search-box .search .form-group{
    border:none;
    outline:none;
}
.head .search-box .search .form-group input{
    width:252px;
    height:50px;
    font-size:20px;
    border:0px;
}
.head .search-box .search .form-group input::-webkit-input-placeholder{
    font-size:20px;
}
.head .menu img{
    width:50px;
    height:50px;
    margin:15px 25px;
    border-radius:50% 50%;
    cursor:pointer;
    float:left;
}

/*end head */

/*start kv*/
.kv{
    height:370px;
}
.kv img{
    width:640px;
    height:370px;
}
.kv .swiper-pagination span{
    width:32px;
    height:4px;
    background-color:#fff;
    border-radius:0px;
    opacity:1;
}
.kv .swiper-pagination .swiper-pagination-bullet-active{
    background-color:#FF8F63;
}
/*end kv*/
/* start inform */
.inform_bg{
    background-color:#fff;
}
.inform{
    height:60px;
    background-color:#fff;
    background:url(../images/index/inform.png) no-repeat 30px center;
    padding-left:65px;

}
.inform h3{
    height:60px;
    line-height:60px;
    font-size:18px;
    overflow:hidden;
    color:#6C6C6C;
    font-weight: 700;
    background:#fff;

}
.inform span{
    color:#6C6C6C;
    font-size:18px;
}
/* end inform */
/* start course */
.course{
    background:#fff;
    padding:25px 25px;
    margin:25px 0px;
}
.course i{
    width:85px;
    height:80px;
    display:inline-block;
}
.course h3{
    padding-top:10px;
    padding-bottom: 10px;
    font-size: 20px;
    color:#333333;
}
.course .x3{
    text-align: center;
}
.course .x3 a{
    display:inline-block;
}
.course .x3 .p1{
    background:url(../images/index/course_icons.png) no-repeat 0px 0px;
}
.course .x3 .p2{
    background:url(../images/index/course_icons.png) no-repeat -145px 0px;
}
.course .x3 .p3{
    background:url(../images/index/course_icons.png) no-repeat -295px 0px;
}
.course .x3 .p4{
    background:url(../images/index/course_icons.png) no-repeat -443px 0px;
}
.course .x3 .p5{
    background:url(../images/index/course_icons.png) no-repeat 0px -135px;
}
.course .x3 .p6{
    background:url(../images/index/course_icons.png) no-repeat -145px -135px;
}
.course .x3 .p7{
    background:url(../images/index/course_icons.png) no-repeat -145px -135px;
}
.course .x3 .p8{
    background:url(../images/index/course_icons.png) no-repeat -443px -135px;
}
/* end course */
/*start pop*/
/*start header*/
.pop .header{
    margin:35px 25px 12px;
    width:590px;
    height:40px;
}
.pop .header .line{
    width:5px;
    height:35px;
    background-color:#FF7963;
    float:left;
}
.pop .header h3{
    padding-left:25px;
    width:150px;
    line-height:32px;
    font-size:30px;
    color:#333333;
    float:left;
}
.pop .header .course_search{
    background:#fff;
    width:115px;
    height:40px;
    border:#CCCCCC solid;
    border-radius:50px;
    text-align:center;
    float:right;
    position:relative;

}
.pop .header .course_search:after{
    content:' ';
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #FF8F63 transparent transparent transparent;
    position:absolute;
    right:20px;
    top:10px;
}
.pop .header .course_search select{
    position:absolute;
    left:0px;
    right:0px;
    color:#2B2B2B;
    font-size:18px;
    padding:3px 20px;
    display:block;
    width:100%;
}
/*end header*/
/* start course contect */
.pop .course_contect{
    padding:18px;
}
.pop .course_contect .x6{
    padding:12px 10px;
}
.pop .course_contect a{
    background:#fff;
    display:block;
}
.pop .course_contect img{
    width:280px;
    height:150px;
}
.pop .course_contect h3{
    padding:10px;
    height:40px;
    line-height: 40px;
    font-size:24px;
    color:#262626;
    text-align:center;
}
.pop .course_contect p{
    padding:0px 10px;
    height:30px;
    line-height: 30px;
    font-size:18px;
    color:#6D6D6D;
    /*text-align:center;*/
}
.pop .course_contect .h{
   /* padding:10px 0px;
    margin:20px 10px 0;
    color:#FE546C;
    font-size:32px;*/
    /*border-top:1px solid #000;*/
   /* border-top:1px solid #F0F0F0;*/
}
.pop .course_contect span{
    font-size:16px;
}
/* end course contect */
/* start search course */
.pop .search-course{
    width:585px;
    height:70px;
    background:#fff;
    border:2px solid #D9DADF;
    margin:15px 25px;
    position:relative;
}
.pop .search-course .search-course-box{
    position:absolute;
    left:50%;
    margin-left:-80px;
    text-align:center;
}
.pop .search-course .search-course-box i{
    display:inline-block;
    background:url(../images/index/search_course.png) no-repeat;
    width:33px;
    height:33px;
    margin-top: 18px;
    float:left;
}
.pop .search-course .search-course-box h3{
    font-size:24px;
    padding-left:10px;
    float:left;
    line-height:70px;

}
/* end search course */
/*end pop*/
/* start teacher */
.teacher{
    background:#fff;
}
.teacher .header{
    padding:25px 35px 0px;
    width:590px;
    height:40px;
}
.teacher .header .line{
    width:5px;
    height:35px;
    background-color:#84AAF4;
    float:left;
}
.teacher .header h3{
    padding-left:25px;
    line-height:32px;
    font-size:30px;
    color:#333333;
    float:left;
}
.teacher .introduce{
    padding:25px;
}
.teacher .introduce a{
    display:block;
    padding:10px;
}
.teacher .introduce img{
    width:283px;
    height:331px;
}
.teacher .introduce .bg{
    background:#F6F6F6;
}
.teacher .introduce h3{
    padding:20px 20px 0px;
    line-height: 40px;
    font-size:28px;
    color:#262626;
    /*text-align:center;*/
}
.teacher .introduce p{
    padding:15px 20px 55px;
    height:30px;
    line-height: 30px;
    font-size:22px;
    color:#6D6D6D;
}
/* start search teacher */
/* .teacher .search_teacher{
    background:url(../images/index/search_teacher.png) no-repeat center center;
    width:585px;
    height:70px;
    margin:25px 25px;
    margin:0px 25px 25px;
} */
 .teacher .search_teacher{
    padding:25px 0px 45px;
}
.teacher .search_teacher a{
    background:url(../images/index/search_teacher.png) no-repeat center center;
    width:585px;
    height:70px;
    margin-left:25px;
}
/* start search teacher */
/* end teacher */


/* start news */
.news .header{
    margin:35px 25px 20px;
    width:590px;
    height:40px;
}
.news .header .line{
    width:5px;
    height:35px;
    background-color:#FF8F63;
    float:left;
}
.news .header h3{
    padding-left:25px;
    line-height:32px;
    font-size:30px;
    color:#333333;
    float:left;
}
.news .header .category{
    float:right;
    text-align:right;
}
.news .header .category .category_new_search{
    background:#fff;
    /*width:115px;*/
    height:40px;
    border:#CCCCCC solid;
    border-radius:50px;
    text-align:center;
    /*float:left;*/
    position:relative;
    display:inline-block;

}
.news .header .category .category_new_search:after{
    content:' ';
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #FF8F63 transparent transparent transparent;
    position:absolute;
    right:10px;
    top:13px;
}
.news .header .category .category_new_search select{;
    color:#2B2B2B;
    font-size:18px;
    padding:3px 35px 3px 20px;
    display:block;
    width:100%;
}
.news .header .category a{
    background:#fff;
    width:115px;
    height:40px;
    border:1px #CCCCCC solid;
    border-radius:50px;
    text-align:center;
    font-size:18px;
    color:#2B2B2B;
    line-height:38px;
    display:inline-block;
    margin:0 2px;
}
/* 上下颜色渐变 */
.news .header .category a.selected{
    background: -webkit-linear-gradient(#FF9563, #FF7163); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FF9563, #FF7163); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FF9563, #FF7163); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FF9563, #FF7163); /* 标准的语法 */
    color:#fff;
    border:0px;
    line-height:40px;
}
.news .content{
}
.news .content dl{
    background:#fff;
    margin:25px;
}
.news .content dt{
    float:left;
    width:230px;
    height:140px;
    overflow:hidden;
}
.news .content dt img{
    width:100%;
}
.news .content dd a{
    padding:0px 0px 2px 255px;
}
.news .content dd h3{
    padding-top:15px;
    font-size:22px;
    color:#262626;
    line-height:35px;
}
/* end news */

/* start course_table */
.course_table{
    background:#fff;
}
.course_table .link{
    padding:25px 0px ;
    font-size:22px;
    color:#303332;
    text-align:center;
}
.course_table .link .x3{
    border-left:1px solid #F0F0F0;
}
.course_table .link .search{
    text-align:center;
    position:relative;
}
/* 
.course_table .link .search:after{
    content:' ';
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #FF8F63 transparent transparent transparent;
    position:absolute;
    right:20px;
    top:10px;
}*/
.course_table .content{

}
.course_table .content .box{
    padding:20px 0px;
    border-top:1px solid #F0F0F0;
    border-bottom:1px solid #F0F0F0;

}
.course_table .content .box .pic{
    width:240px;
    height:200px;
    position:relative;
}
.course_table .content .box .pic a img{
    width:178px;
    height:65px;
    overflow:hidden;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-89px;
    margin-top:-33px;
}
.course_table .content .box h3{
    font-size:26px;
    color:#262626;
    height:30px;
    font-weight:900;
    line-height: 30px;
}
.course_table .content .box p{
    font-size:22px;
    color:#666666;
    width:380px;
    padding:25px 0px 30px;
}
.course_table .content .box .h {
    width:300px;
    height:50px;
}
.course_table .content .box .h h3{
    font-size:32px;
    color:#FE546C;
    float:right;
}
.course_table .content .box .h span{
    font-size:16px;
    color:#E53E5A;
    float:left;
}
/* end course_table */


/* start teacher_table */
/* start link */
/* .link{
    padding:25px 0px 0px;
    text-align: center;
    font-size:22px;
    color:#303332;
    background:#fff;
}
.link .x3{
    padding:10px 10px 20px;
    position:relative;
}
.link .x3:before{
    content:' ';
    height:28px;
    width:1px;
    position:absolute;
    left:0px;
    top:50%;
    background:#F0F0F0;
    margin-top:-14px;
}
.link .x3.selected{
    border-bottom:7px solid #FF8F63;
} */
/* end link */
/* start link */
.teacher_table{
    border-bottom:1px solid #F0F0F0;
}
.teacher_table .link{
    padding:25px 0px 0px;
    text-align: center;
    font-size:22px;
    color:#303332;
    background:#fff;
}
.teacher_table .link .x3{
    padding:10px 10px 20px;
    position:relative;
}
.teacher_table .link .x3:before{
    content:' ';
    height:28px;
    width:1px;
    position:absolute;
    left:0px;
    top:50%;
    background:#F0F0F0;
    margin-top:-14px;
}
.teacher_table .link .x3.selected{
    border-bottom:7px solid #FF8F63;
}
/* end link */
/* end teacher_table */


.join{padding:45px 0px;}
.join dl{background:#fff;margin-bottom:25px;}
.join dl dt{color:#787878;font-size:24px;padding:25px;position:relative;}
.join dl dt:after{background:url(../images/index/join_icon.png) no-repeat center top;width:42px;height:42px;content:' ';display:block;position:absolute;right:25px;top:50%;margin-top:-21px;}
.join dl dd{padding:25px 50px;display:none;}
.join dl.selected dt{background:#FF8F63;color:#fff;}
.join dl.selected dt:after{background:url(../images/index/join_icon.png) no-repeat center -109px;}
.join dl.selected dd{display:block;}
.contact .map{
    width:588px;
    height:499px;
    border: 4px solid #F9855E;
    margin:0 auto;
}
.contact .tab .contact_category{
    padding:30px 25px;
}
.contact_category{overflow:hidden;padding:30px 25px 0px;}
.contact_category a{display:block;height:50px;background:#fff;text-align:center;line-height:50px;color:#666666;font-size:22px;}
.contact_category a.selected{background:#F9855E;color:#fff;}

.contact .contact_category .select_area{background:#fff;border:1px solid #E6E6E6;height:65px;text-align:center;width:100%;position:relative;}
.contact .contact_category .select_area:after{background:url(../images/index/select_area_icon.png) no-repeat center center;width:13px;height:8px;position:absolute;right:30px;top:50%;margin-top:-4px;content:' ';}
.contact .contact_category select{background:#fff;height:65px;text-align:center;width:100%;color:#FF8D63;font-size:20px;padding:17px 0px;text-align-last: center;}
.contact .contact_category select option{text-align:center;}
.contact .map{padding:25px;}
.contact .contact_link .item{color:#666666;font-size:18px;height:95px;line-height:95px;margin-top:25px;margin-bottom:25px;padding:0 25px  0 70px;}
.contact .contact_link .address{color:#666666;font-size:22px;background:url(../images/index/contact_link_icon.png) 20px 30px no-repeat #fff;}
.contact .contact_link .tel{color:#666666;font-size:22px;background:url(../images/index/contact_link_icon.png) 20px -75px no-repeat #fff;}
.contact .contact_link .phone{color:#666666;font-size:22px;background:url(../images/index/contact_link_icon.png) 20px -178px no-repeat #fff;}
.contact .area_list{overflow:hidden;}
.contact .area_list .line-big{padding:40px 25px;}
.contact .area_list h4{height:109px;background:#F9855E;font-size:30px;color:#FFFFFF;text-align:center;line-height:109px;position:relative;}
.contact .area_list h4:after{content:' ';border-style: solid;border-width: 20px 20px 0 20px;border-color: #F9855E transparent transparent transparent;position:absolute;left:50%;margin-left:-20px;bottom:-15px;}
.contact .area_list a{display:block;height:55px;line-height:55px;text-align:center;background:#fff;margin-bottom:20px;font-size:20px;color:#666666;}
.contact .area_list a.selected{background:#F9855E;color:#fff;}
.news_table{

}
.news_table ul{
    margin:36px 0px 50px;
}
.news_table ul li{
    width:640px;
    height:132px;
    background-color:#fff;
    margin-top:14px;
}
.news_table ul li a {
    padding-left:38px;
}
.news_table ul li a h3{
    font-size:26px;
    color:#787878;
    padding:20px 0px;
}
.news_table ul li a p{
    font-size:20px;
    color:#787878;
}