@charset "utf-8";
/* CSS Document */
.nav{border-bottom: 1px solid #ff5000;}
.filter-options{padding: 20px 20px 5px;border: 1px solid #e7e7e7;}
.filter-options ul li{padding: 15px 0 15px 74px;border-bottom: 1px solid #eee;position: relative;}
.filter-options ul li:last-child{border-bottom: none;}
.filter-options ul li span{display: block;font-size: 14px;line-height: 26px;position: absolute;left: 0;top: 15px;color: #666666;}
.filter-options ul li .li_con{margin-right: -2px;}
.filter-options ul li .li_con a{display: block;float: left;padding: 0 8px 0 6px;margin-right: 2px;text-decoration: none;font-size: 14px;line-height: 26px;margin-bottom: 8px;}
.filter-options ul li .li_con a:hover{color: #7486a1;}
.filter-options ul li .li_con a.cur{background: #7486a1;color: #fff;}
.wrap{width:1200px;margin:0 auto 0}
.wrap .r{width:300px;float:right}
.page-wrap {width: 100%; display: -webkit-box; -webkit-box-orient: horizontal;box-orient: horizontal; display: -webkit-flex; -webkit-flex-direction: row; display: flex; flex-direction: row; }
.page-wrap .page { margin: 30px auto 0; line-height: 34px; text-align:center; width: 82%;}
.page a { color: #666; display: block; float: left; width: 32px; height: 32px; text-align: center; line-height: 32px; background: #fff; font-size: 14px; margin-right: 10px; border: 1px solid #ddd; border-radius: 4px;}
.page a.first,.page a.end { width: 62px; background: #eee; }
.page a.next, .page a.prev { width: 90px; background: #eee;}
.page span { display: block; float: left; width: 32px; height: 32px; line-height: 25px; font-size: 14px; color: #212b4c; margin-left: -10px; }
.page span.total { width: auto; line-height: 34px; margin-right: 10px; color: #666; }
.page a.cur,.page a:hover { background: #F0532D; color: #fff; border-color: #F0532D;}
.title p{float:right;}
.tuijian{margin-top:20px;margin-bottom:10px}
.tuijian .title{border-bottom:1px solid #ddd;height:32px;line-height:32px;color:#333;font-size:16px;font-weight:700}
.tuijian .title a{float:right;display:block;height:31px;border-bottom:2px solid transparent;font-size:14px;width:43px;margin-right:10px;text-align:center;font-weight:400;cursor:pointer;*display: inline;*zoom: 1;*float: none;}
.tuijian .title a.cur,.tuijian .title a:hover{color:#F0532D;border-bottom:2px solid #F0532D}
.tuijian ul.school{margin-top:20px;}
.tuijian ul.ques{display:none}
.tuijian ul.school li{width:120px;margin:0 20px 10px 0;float:left}
.tuijian ul.school li a{display:block}
.tuijian ul.school li a:hover p{text-decoration: underline;color: #368DE0;}
.tuijian ul.school li img{display:block;width:120px;height:120px;}
.tuijian ul.school li p{font-size:14px;color:#666;text-align:center;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tuijian ul.ques{margin-top:20px}
.tuijian ul.ques li{height:30px;line-height:30px;padding-left:14px;position:relative;}
.tuijian ul.ques li a{display:inline-block;width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333}
.tuijian ul.ques li a:hover{text-decoration:underline;color:#368de0}
.tuijian ul.ques li span{position:absolute;right:0;top:0;font-size:14px;color:#999}
.other{width:100%}
.other .title{height:36px;line-height:36px;border-bottom:1px solid #ddd;font-size:16px;font-weight:700;margin-bottom:10px}
.other ul{margin-right:-10px}
.other ul li{float:left;margin:0 10px 15px 0; width:145px; height:35px;overflow:hidden;}
.other ul li a{display:block;padding:1px 6px;border:1px solid #e7e7e7;background:#fafafa;color:#666;font-size:14px;padding: 10px 5px;height:20px;line-height: 20px;}
.other ul li a:hover{color:#fff;background:#7486a1}

@-moz-document url-prefix() {#f div.inw select{text-indent: 3px;}}
.friend{width: 1200px;margin: 30px auto 40px;}
.friend .ftop{height:40px;line-height:40px}
.friend .ftop span{display:block;float:left;border:1px solid transparent;padding:0 12px;font-size:16px;color:#666;cursor: pointer;}
.friend .ftop span.cur{font-weight:700;color:#333;border:1px solid #ddd;border-bottom:0;height:39px;border-top:2px solid #7486A1;background:#fff}
.friend .fcon{width:1198px;border:1px solid #ddd;}
.friend .fcon ul{margin:28px 0 0 20px;height: 138px;overflow: hidden;}
.friend .fcon ul li{float:left;line-height:30px;margin:0 20px 14px 0;font-size: 14px;color: #333;}
.friend .fcon ul li a{display:block;line-height:30px;text-align:center;font-size:14px;color:#333;*white-space: nowrap;padding: 0 10px;border: 1px solid #e7e7e7;background: #f0f0f0;}
.friend .fcon ul a:hover{color: #7486A1;background: #7486A1;color: white;border-color: #7486A1;}
.wrap .fl{width:880px;float:left}
.wrap .fl .title{width:838px;padding:10px 20px;border:1px solid #ddd;margin-bottom:20px;background:#eee}
.wrap .fl .title .sl{cursor: pointer;font-size:14px;color:#333;display:block;padding:1px 25px 1px 10px;float:left;}
.wrap .fl .title .sr{float:right;color:#666;font-size:14px}
.wrap .fl .title .sr:hover{text-decoration: underline;color: #368DE0;}
.org_lst .JG-list{margin-bottom:17px;clear: both;}
.org_lst .JG-list li{margin-bottom:0;cursor:auto}
.org_lst .JG-list li .prd_div{padding: 30px 10px;border-bottom: 1px solid #f0f0f0;padding-bottom: 20px;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;box-sizing: border-box;}
.org_lst .JG-list.news-list li .prd_div{padding:30px 10px;border-bottom:1px solid #f0f0f0;padding-bottom:20px;overflow:hidden;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
.org_lst .JG-list li .prd_div .prd_img{float:left;text-align:center;width:105px;height:105px;overflow:hidden;margin:0 5px;border:2px solid #f0f0f0}
.org_lst .JG-list.news-list li .prd_div .prd_img{float:left;text-align:center;width:135px;height:105px;overflow:hidden;margin:0 5px;border:2px solid #f0f0f0}
.org_lst .JG-list li .prd_div .prd_img a{width:102px;margin:0 auto;display:block}
.org_lst .JG-list.news-list li .prd_div .prd_img a{width:132px;margin:0 auto;display:block}
.org_lst .JG-list li .prd_div .prd_img a img{width:102px;height:102px}
.org_lst .JG-list.news-list li .prd_div .prd_img a img{width:132px;height:102px}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail{border-bottom:1px solid #ddd;padding-bottom:5px}
.org_lst .JG-list.news-list li .prd_div .prd_info .prd_info_detail{border-bottom:none;padding-bottom:5px}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_left{float:left;width:485px}
.org_lst .JG-list.news-list li .prd_div .prd_info .prd_info_detail .prd_info_d_left{float:left;width:100%;}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_title{line-height:30px;color:#006cbf;font-size:18px}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_title label{max-width:378px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;height:28px;line-height:25px;vertical-align:middle;cursor:pointer;color:#317cec}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_title i{display:inline-block;width:20px;height:26px;padding-right:5px;vertical-align:middle;}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_txt{line-height:20px;font-size:12px;color:#666;margin-top:12px;}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_area{font-size:12px;color:#666;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_area a{display:inline-block;padding:0 5px;;margin-left:5px}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_right{float:right;width:244px;padding-top:40px;padding-right:10px}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_mark{line-height:30px;font-size:12px;color:#666;text-align:right}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_mark span{color:#37d;font-size:24px}
.org_lst .JG-list li .prd_div .prd_info .prd_info_detail .prd_info_d_mark label{padding-left:5px;color:#37d}
.org_lst .JG-list li .prd_div .prd_info .prd_single{padding-right:5px;line-height:40px;font-size:12px;border-bottom:1px dashed #ddd;color:#666}
.org_lst .JG-list li .prd_div .prd_info .prd_single a:hover .prd_single_name{color:#ff5000}
.org_lst .JG-list li .prd_div .prd_info .prd_single a:hover .prd_single_type{color:#ff5000}
.org_lst .JG-list li .prd_div .prd_info .prd_single a:hover .prd_single_btn{background-color:#006cbf!important;border:0!important;color:#fff!important}
.org_lst .JG-list li .prd_div .prd_info .prd_single_name{width:270px;float:left;overflow:hidden;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}
.org_lst .JG-list li .prd_div .prd_info .prd_single_type{width:265px;height:40px;float:left;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}
.org_lst .JG-list li .prd_div .prd_info .prd_single_money{color:#ff5000;font-size:16px;width:100px;text-overflow:ellipsis;float:left}
.org_lst .JG-list li .prd_div .prd_info .prd_single_btn{color:#006cbf;border-radius:5px;border:1px solid #bee0fb;line-height:26px;width:70px;text-align:center;float:right;margin-top:5px}
.org_lst .JG-list li .prd_div .prd_info .prd_imglist{font-size:12px;color:#006cbf;width:450px;height:28px;overflow:hidden}
.org_lst .JG-list li .prd_div .prd_info .prd_imglist p{line-height:40px;color:#006cbf}
.org_lst .JG-list li .prd_div .prd_info .prd_imglist p .right_icon{width:15px;height:15px;display:inline-block;vertical-align:middle}
.org_lst .JG-list li .prd_div .prd_info .prd_info_d_title .v2_span{background-position:-30px -30px}
.org_lst{margin-top:0;position:static;margin-bottom:30px}

.org_lst .course-list{margin-bottom:17px}
.org_lst .course-list li{margin-bottom:0;cursor:auto;padding: 30px 0 20px;border-bottom: 2px solid #f0f0f0;overflow:hidden;}
.org_lst .course-list .course-image{float:left;width:200px;height:150px;overflow:hidden;clear: both;margin-left: 2px;}
.org_lst .course-list .course-image img{width:200px;height:150px;}
.org_lst .course-list .course-info{margin-left: 220px;width:660px;}
.org_lst .course-list .course-info h4{line-height: 32px;height: 32px;margin-bottom: 10px;}
.org_lst .course-list .course-info h4 a{font-size: 18px;font-weight: bold;}
.org_lst .course-list .course-info .info-line,.org_lst .course-list .course-info .info-last{line-height: 18px;font-size:14px;width:100%;margin-bottom:6px;}
.org_lst .course-list span{color:#888;}
.org_lst .course-list .course-info p{display: inline-block; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.org_lst .course-list .course-info p:first-child{padding-right: 20px;}

.course-box{margin-top:10px;overflow: hidden;}
.course-box .course-image{float:left;width:500px;height:300px;}
.course-box .course-image img{width:500px;height:300px;}
.course-box .course-right{margin-left:520px; margin-top:10px;}
.course-box .course-right .info-box{width:680px;min-height:245px;}
.course-box .course-right .info-box h2{font-size: 24px;font-weight: 400;line-height: 32px;color: #333;margin-bottom: 20px;}
.course-box .course-right .info-box .info-item{overflow:hidden; margin-bottom:18px;}
.course-box .course-right .info-box .info-item span{height:18px;line-height:18px;display:inline-block;float:left;font-size:14px;color:#999;}
.course-box .course-right .info-box .info-item p{float: left;line-height: 18px;font-size: 14px;color: #333;display: inline-block;width: 560px;text-align: justify;letter-spacing: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.course-box .course-right .info-box .info-item .price{min-width: 73px;height: 18px;margin-left: 10px;position: relative;display: inline-block;font-size: 12px;font-weight: 400;line-height: 18px;text-align: center;letter-spacing: 0;color: #ff1d00;border: 1px solid #ff1d00;-moz-border-radius: 10px;border-radius: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.course-box .course-right .info-box .info-item .more{font-size:14px; color:#999;}
.course-box .course-right .info-box .info-item .more:hover{color:#d6975c;}
.course-box .course-right .info-button a{font-size: 14px;line-height: 45px;width: 160px;height: 45px;text-align: center;vertical-align: middle;display: inline-block;border-radius: 8px;}
.course-box .course-right .info-button a:first-child{color:#fff;border:1px solid #d6975c;background-color:#d6975c;}
.course-box .course-right .info-button a:first-child:hover{color:#fff;border:1px solid #ff5000;background-color:#ff5000;}
.course-box .course-right .info-button a:last-child{color:#006cbf;border:1px solid #bee0fb;}
.course-box .course-right .info-button a:last-child:hover{color:#fff;border:1px solid #006cbf;background-color: #006cbf;}
.course-detail .fl{float: left; width:880px!important;overflow:hidden;}
.course-detail .teacher_box{width:878px!important;}
.course-detail .teacher_infos{width: 738px!important;}
.course-detail .comment_infos{width: 750px!important;}
.course-detail .recschool{width: 880px;float: left;}
.course-detail .recschool .recon{padding:20px 10px!important;}
.course-detail .recschool img{max-width: 818px!important;height: auto;}
#shizi{clear: both;}

.org_lst .vocation-list{border: 1px solid #ddd;padding: 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.vocation-list .vocation-box{padding: 20px 0;color: #666;font-size: 12px;line-height: 22px;position: relative;border-bottom: 1px solid #ddd;}
.vocation-list .vocation-box:last-child{border-bottom: none}
.vocation-list .vocation-box .v-title{font-size: 16px;color: #333;line-height: 28px;}
.vocation-list .vocation-box .v-royal{position: absolute;right: 4px;top: 38px;height: 22px;line-height: 22px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;width: 400px;text-align: right;}
.vocation-list .vocation-box .v-royal span{display: inline-block;}

.org_lst .org-box{height: 320px;}
.org-box ul{overflow:hidden;}
.org-box ul li{float: left;width: 280px;margin-left: 20px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 36px 24px 0;background-color: #f7f7f7;text-align: center;height: 320px;}
.org-box ul li:first-child{margin-left: 0;}
.org-box ul li img{display: block;width: 120px;height: 120px;margin: 0 auto 10px;border-radius: 50%;}
.org-box .org-info h3, .org-box .org-info h3 a{display: block;font-size: 16px;line-height: 24px;color: #07111b;font-weight: 700;margin-bottom: 15px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.org-box .org-info p{font-size: 12px;line-height: 20px;color: #666;height: 76px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;word-break: break-all;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}


.wd1200 .org-box ul li{width: 224px;margin-left: 20px;}
.wd1200 .org-box ul li:first-child{margin-left: 0;}

.org_lst .course-box{border: 1px solid #ddd;padding: 0 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.course-box .box-title, .vocation-list .box-title{height: 40px;line-height: 40px;font-size: 16px;color: #333;font-weight: 600;padding-left: 8px;border-bottom: 1px solid #ddd;}
.course-box ul{padding-top: 16px;}
.course-box ul li{float: left;width: 206px;margin-left: 13px;margin-bottom: 20px;height: 170px;}
.course-box ul li:nth-child(4n+1){margin-left: 2px;}
.course-box ul li img{height: 120px;width: 206px;}
.course-box ul li h3, .course-box ul li h3 a{display: block;font-size: 14px;line-height: 24px;color: #07111b;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.course-box ul li p{font-size: 12px;line-height: 20px;color: #666;height: 76px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.les{width:1200px;margin:0 auto}
.les .title,.address .title, .recschool .title, .news .title, .newclass .title{width:100%;height:40px;line-height:40px;border-bottom:1px solid #ddd;}
.les .title span, .address .title span, .recschool .title span, .news .title span, .newclass .title span{font-size:16px;color:#333;display:inline-block;height:39px;line-height:40px;border-bottom:2px solid #333;padding-right:10px;font-weight: bold;}
.news_ques{width:1200px;margin:0 auto}
.news_ques .news,.news_ques .ques{width:590px;float:left}
.news_ques .ques{float:right}
.news_ques .news ul{border:1px solid #ddd;border-top:0;padding:25px 30px 20px}
.news_ques .news ul li{height:32px;line-height:32px;text-indent:12px;background-size:3px 3px;background-position:left center}
.news_ques .news ul li a{color:#333;font-size:14px;float:left}
.news_ques .news ul li a:hover{color:#7486A1;text-decoration: underline;}
.news_ques .news ul li span{color:#999;font-size:14px;float:right}
.u_news_lst .news_lst .city-box{overflow: hidden;height:352px;}
}
.pppic{float:left;}
.recon span{float:left;}
.content{margin-left:270px;}