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

body { background: #fff !important; }
.w { width: 1200px; margin: 0 auto; overflow: hidden; }
.zsjz { font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; }
.banner { height: 500px; width: 100%; overflow: hidden; background: url(../images/banner_4.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: 20px 0px 15px; }
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; }
/*liucheng*/

.liucheng { clear: both; overflow: hidden; padding-bottom: 40px; background: #f5f7fb; display:none; }
.liucheng .tit_img { width: 241px; float: left; overflow: hidden; }
.liucheng ul { width: 944px; float: right; overflow: hidden; }
.liucheng li { float: left; position: relative; margin-left: -16px; }
.liucheng li span { display: block; position: absolute; left: 0px; top: 175px; width: 310px; text-align: center; height: 30px; line-height: 30px; z-index: 5; font-size: 16px; }
.liucheng li.lc_4, .liucheng li.lc_5, .liucheng li.lc_6 { margin-top: -16px; }
.liucheng li.lc_5 span, .liucheng li.lc_6 span { left: 30px; }
/*req*/

.req { background: #fff; padding: 10px 0px 50px; clear: both; overflow: hidden; }
.req h2.title {}
.req h3.title { padding: 0px 0px 30px }
.req_list dl { color: #333; clear: both; overflow: hidden; margin-bottom: 20px; }
.req_list dt { font-size: 32px; font-weight: bold; }
.req_list dd { font-size: 18px; line-height: 2; }
.req_list table { width: 100%; margin: 0 auto; background: #fff; }
.req_list table th, .req_list table td { border: #ccc solid 1px; padding: 10px 15px; font-size: 15px; }
.req_list table th { font-size: 20px; font-weight: bold; background: #f5f5f5; }
.req_list table td b { color: #111; }
.req_list table td a { display: block; width: 103px; float: left; margin-right: 10px; text-align: center; height: 30px; line-height: 30px; border-radius: 4px; background: #009aea; color: #fff; }
 .req_list table td a:last {
margin-right:0;
}
.req_list table td 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: 300px; }
.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: 50px 0px; }
.daji_course, .daji_job, .daji_env { background: #f5f7fb; }
.daji_course .title_box .number, .daji_job .title_box .number, .daji_env .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; }
.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 img { width: 100%; 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; }
.daji_env .imglist li img:hover { opacity: 0.6; filter: alpha(opacity=60); }
.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_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 { }
.daji_job .cont_box { background: #fff; padding: 20px; box-sizing: border-box; }
.daji_job .cont_box img { width: 100%; }
/*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: #f5f7fb; 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; }