@charset "utf-8";
/* CSS Document */

.zsjz { font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; background: #fff; }
.banner { height: 420px; width: 100%; overflow: hidden; background: url(../images/banner.jpg) no-repeat center center; }
.blank { height: 10px; overflow: hidden; clear: both; width: 100%; }
.fl { float: left; }
.fr { float: right; }
a, img { transition: all 0.12s ease-in; -moz-transition: all 0.12s ease-in; -ms-transition: all 0.12s ease-in; -o-transition: all 0.12s ease-in; -webkit-transition: all 0.12s ease-in; }
h2.title { font-size: 46px; color: #009aea; text-align: center; padding: 80px 0px 35px; }
h3.title { font-size: 30px; font-weight: normal; color: #009aea; text-align: center; padding: 25px 0px; }
h4.title { font-size: 30px; font-weight: normal; color: #009aea; text-align: center; padding: 25px 0px; }
h4.title b { font-size: 42px; }
/*btn*/

.w_img { text-align: center; padding: 35px 0px; clear: both; overflow: hidden; }
.w_img img { max-width: 100%; }
.w_btn { clear: both; overflow: hidden; text-align: center; }
.w_btn a { font-size: 18px; color: #fff; background: #f05753; display: inline-block; padding: 12px 0px; width: 300px; border-radius: 4px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.w_btn a:hover { background: #333; }
/*daji=======================================================================*/

/*img_about*/

.img_about { height: 150px; width: 100%; clear: both; overflow: hidden; background: url(../images/img_about.jpg) no-repeat center top; }
.title_box { clear: both; overflow: hidden; padding-left: 280px; position: relative; height: 320px; }
.title_box .number { width: 160px; padding: 10px 20px 0px; height: 260px; background: url(../images/about_tit_bg.png) no-repeat center bottom #157dd6; text-align: center; color: #fff; position: absolute; left: 0px; top: 0px; }
.title_box .number dt { font-size: 80px; border-bottom: #fff solid 2px; margin-bottom: 5px; font-weight: bold; font-family: "Fjalla One", sans-serif; }
.title_box .number dd { font-size: 38px; }
.title_box h2 { font-size: 40px; color: #222; margin-bottom: 5px; }
.title_box h3 { font-size: 28px; border-bottom: #aaa solid 1px; color: #444; padding-bottom: 10px; margin-bottom: 15px; }
.title_box h4 { font-size: 16px; color: #666; margin-bottom: 5px; }
.daji_unit { padding: 80px 0px; }
.daji_teacher, .daji_job, .daji_event { background: #f5f7fb; }
.daji_teacher .title_box .number, .daji_job .number, .daji_event .number { background: url(../images/about_tit_bg2.png) no-repeat center bottom #157dd6; }
/*daji_about*/

.daji_about .cont_box { padding-right: 420px; background: url(../images/daji_about.jpg) no-repeat right 0px; overflow: hidden; clear: both; }
.daji_about .cont_box p { text-indent: 2em; font-size: 16px; color: #666; margin-bottom: 1rem; }
.daji_about .btn { padding-top: 20px; position: relative; }
.daji_about .btn a { display: block; width: 160px; text-align: center; font-size: 16px; border: #009aea solid 1px; border-radius: 4px; color: #009aea; height: 40px; line-height: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.daji_about .btn a:hover { background: #009aea; color: #fff; }
.daji_about .btn span { font-size: 20px; text-align: center; display: block; width: 440px; color: #333; float: left; font-weight: bold; line-height: 40px; }
.daji_about .btn span b { font-size: 30px; color: #e00; vertical-align: bottom; }
/*daji_teacher*/

.daji_teacher .w { overflow: visible; }
.picScroll-left { position: relative; padding-bottom: 40px; }
.picScroll-left .prev, .picScroll-left .next { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; background: url(../images/arrow_left.png) no-repeat; position: absolute; top: 180px; }
.picScroll-left .prev { left: -70px; }
.picScroll-left .next { background: url(../images/arrow_right.png) no-repeat; right: -70px; }
.picScroll-left a.btn { font-size: 18px; color: #fff; background: #c00; display: inline-block; padding: 12px 0px; width: 300px; border-radius: 4px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.picScroll-left .bd { padding: 20px 0px; width: 1200px; overflow: hidden; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; background: #fff; padding: 10px; margin-right: 48px; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 240px; display: block; padding: 2px; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { line-height: 1.5; padding-top: 10px; }
.picScroll-left .bd ul li .title h3 { font-size: 20px; }
.picScroll-left .bd ul li .title p { font-size: 16px; color: #666; }
/*daji_env*/

.daji_env { }
.daji_env .imglist { width: 1280px; }
.daji_env .imglist li { float: left; width: 390px; height: 250px; overflow: hidden; position: relative; margin-right: 15px; margin-bottom: 15px; background: #013c6e; }
.daji_env .imglist li.last{ width:796px}
.daji_env .imglist li img { width: 100%; transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; }
.daji_env .imglist li img:hover { transform: scale(1.1, 1.1); }
.daji_env .imglist li span { color: #fff; text-align: center; font-size: 16px; position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}
.daji_env .imglist li img:hover { }
/*daji_event*/

.daji_event { }
.daji_event li { clear: both; width: 610px; position: relative; }
.daji_event li:after { content: ""; display: block; width: 1px; height: 100%; background: #157DD6; position: absolute; top: 0px; }
.daji_event li.et_l:after { right: 10px; }
.daji_event li.et_r:after { left: 9px; }
.daji_event li.last:after { height: 44px; }
.daji_event li .point { width: 160px; position: relative; }
.daji_event li .point em { display: block; font-size: 12px; font-weight: normal; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #fff; color: #fff; border: #157DD6 solid 2px; border-radius: 50%; position: relative; z-index: 5; top: 29px; }
.daji_event li .point em:after { content: ""; display: block; width: 10px; height: 10px; background: #157DD6; border-radius: 50%; position: absolute; left: 3px; top: 3px; }
.daji_event li .point b { display: block; border-bottom: #157DD6 solid 2px; text-align: center; font-size: 30px; width: 140px; height: 38px; line-height: 38px; color: #157DD6; position: relative; }
.daji_event li .point b small { font-size: 60%; margin-left: 3px; }
.daji_event li .point b i { display: none; width: 8px; height: 8px; border-radius: 50%; overflow: hidden; border: #157DD6 solid 3px; position: absolute; bottom: -8px; }
.daji_event li .text { width: 448px; border-radius: 6px; padding: 1rem 1.5rem; box-sizing: border-box; overflow: hidden; color: #666; font-size: 13px; background: #fff; }
.daji_event li .text p { padding: 2px 0px; }
.daji_event li.et_l { float: left; }
.daji_event li.et_l .point { float: right; }
.daji_event li.et_l .point em { float: right; }
.daji_event li.et_l .point b { float: right; }
.daji_event li.et_l .point b i { left: -13px; }
.daji_event li.et_l .text { float: left; }
.daji_event li.et_r { float: right; }
.daji_event li.et_r .point { float: left; }
.daji_event li.et_r .point em { float: left; }
.daji_event li.et_r .point b { float: left; }
.daji_event li.et_r .point b i { right: -13px; }
.daji_event li.et_r .text { float: right; }
.daji_event li.first { padding-bottom: 30px; }
.daji_event li.first .point em { top: 0px !important; width: 18px; height: 18px; border-width: 3px; left: -3px; }
.daji_event li.first .point em:after { display: none; }
/*daji_cert*/

.daji_cert .imglist { padding: 10px; clear: both; overflow: hidden; width: 1240px; }
.daji_cert .imglist li { width: 340px; float: left; overflow: hidden; padding: 10px; background: #fff; box-shadow: 0px 0px 5px #ccc; margin-right: 52px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.daji_cert .imglist li .img img { width: 100%; margin-bottom: 15px; }
.daji_cert .imglist li .txt { text-align: center; padding: 10px 10px; }
.daji_cert .imglist li .txt h3 { font-size: 20px; height: 30px; line-height: 30px; margin-bottom: 4px; color: #444; }
.daji_cert .imglist li .txt p { color: #888; font-size: 14px; }
.daji_cert .imglist li:hover { box-shadow: 0px 0px 10px #999; }
/*daji_job*/

.daji_job { }
/*course------------------------------------*/

.daji_course { }
.slideTxtBox { clear: both; overflow: hidden; }
.slideTxtBox .arrow { position: absolute; right: 10px; top: 0; display: none; }
.slideTxtBox .arrow a { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next { background-position: 0 -50px; }
.slideTxtBox .arrow .prevStop { background-position: -60px 0; }
.slideTxtBox .arrow .nextStop { background-position: -60px -50px; }
.slideTxtBox .hd { position: relative; clear: both; overflow: hidden; margin-bottom: 50px; }
.slideTxtBox .hd ul { width: 70%; margin: 0 auto; }
.slideTxtBox .hd ul li { float: left; width: 33.33%; }
.slideTxtBox .hd ul li a { display: block; cursor: pointer; width: 190px; height: 240px; margin: 0 auto; }
.slideTxtBox .hd ul li a img { width: 100%; height: 100%; }
.c_qmx { background: url(../images/c_qmx.png) no-repeat left top; }
.c_accp { background: url(../images/c_accp.png) no-repeat left top; }
.c_java { background: url(../images/c_java.png) no-repeat left top; }
.on .c_qmx { background: url(../images/c_qmx_h.png) no-repeat left top; }
.on .c_accp { background: url(../images/c_accp_h.png) no-repeat left top; }
.on .c_java { background: url(../images/c_java_h.png) no-repeat left top; }
.slideTxtBox .hd ul li.on a { }
.icon_quot_left, .icon_quot_right { display: block; width: 91px; height: 86px; position: absolute; }
.icon_quot_left { left: 0px; top: 0px; background: url(../images/icon_quot_left.png) no-repeat left top; }
.icon_quot_right { right: 0px; bottom: 0px; background: url(../images/icon_quot_right.png) no-repeat left top; }
.slideTxtBox .bd { clear: both; overflow: hidden; }
.slideTxtBox .bd ul { padding: 15px; zoom: 1; }
.slideTxtBox .bd li { position: relative; padding: 40px 150px; }
.course_list .info { clear: both; margin-bottom: 20px; }
.course_list .info h3 { font-size: 20px; font-weight: bold; padding: 5px 0; color: #111; }
.course_list .info p { font-size: 16px; color: #333; padding: 4px 0px; line-height: 1.8; }
.course_list dl { position: relative; padding-top: 20px; overflow: hidden; margin-bottom: 20px; }
.course_list dt { width: 100px; background: #fff; text-align: center; color: #333; font-weight: bold; font-size: 22px; height: 40px; line-height: 40px; position: absolute; left: 24px; top: 0px; }
.course_list dd { border: #ccc dotted 1px; padding: 25px 20px 22px; font-size: 16px; }
.course_list dd p { padding: 3px 12px; color: #666; }