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

body { background: #f5f7fb; font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; }
.w { max-width: 720px; margin: 0 auto; overflow: hidden;}
.zsjz { font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; }
.banner { width: 100%; overflow: hidden; }
.blank { height: 0.8rem; overflow: hidden; clear: both; width: 100%; }
h2.title { font-size: 1.4rem; color: #009aea; text-align: center; padding: 0.6rem; line-height: 1.2; }
h3.title { font-size: 1.2rem; font-weight: normal; color: #009aea; text-align: center; ; padding: 0rem 0.5rem; }
h4.title { font-size: 1rem; font-weight: normal; color: #009aea; text-align: center; padding: 0rem 0.5rem; }
h4.title b { font-size: 1.2rem; }
.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; }
/*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: #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; }
.w_btn a:hover { background: #333; }
/*liucheng*/

.liucheng { clear: both; overflow: hidden; padding-bottom: 1.5rem; background: #f5f7fb; display:none; }
.liucheng h2.title { padding: 1.5rem 0rem; }
.liucheng .cont img { width: 100%; }
/*req*/

.req { background: #fff; padding: 2rem 0.8rem 1.5rem; clear: both; overflow: hidden; }
.req dl { color: #009aea; clear: both; margin-bottom: 1rem; border: #009aea solid 1px; padding: 1rem; position: relative; }
.req dt { font-size: 1.4rem; color:#009aea; text-align: center; width: 5em; background: #fff; margin:-2.2rem auto 0; font-weight: bold; }
.req dd { font-size: 0.8rem; line-height: 1.5; padding-top:.8rem; color: #666; }
.req dd p { padding: 2px 0px; color:#111; font-weight:bold; font-size:0.95rem;}
.req dd .tips{ color:#999; padding-top:0.3rem;}
.req table { width: 100%; margin: 0 auto 1rem; background: #fff; border-collapse: collapse; }
.req table th, .req table td { border: #ddd solid 1px; padding: 0.5rem; font-size: 0.725rem; text-align: center; }
.req table th { font-size: 0.9rem; font-weight: bold; background: #f5f5f5; }
.req table td b { color: #111; }
.req table td a { display: block; text-align: center; line-height: 1.5; padding: 0.5rem; border-radius: 4px; background: #009aea; color: #fff; }
.req table td a:last { margin-right:0;}
.req_list table td a:hover { background: #333; }
/*daji=======================================================================*/

/*daji_unit*/
.daji_unit { padding: 1rem 0 0; background:#fff; overflow:hidden; margin-bottom:0.8rem; border-top:#e5e5e5 solid 0.05rem; border-bottom:#e5e5e5 solid 0.05rem; }
.title_box { clear: both; overflow: hidden; position: relative; padding: 0 0.8rem; }
.title_box h2 { font-size: 1.4rem; color: #222; padding-bottom: 5px; position:relative; text-align:center; width:4.5em; margin:0 auto; border-bottom:#009aea solid 8px;}
.title_box h3 { font-size: 1rem; color: #444; text-align:center; border-top:#aaa solid 0.02rem; padding:0.8rem 0 0.4rem; margin-top:-4px;}
.cont_box { padding:0 1.2rem; overflow:hidden;}
.cont_box p.info{ font-size:0.8rem; color:#666; padding:0.5rem 0rem; line-height:1.8;}
/*daji_about*/
.daji_about{ border-top:none;}
.daji_about .cont_box{ padding:0.8rem 1.2rem 1.2rem;}
.daji_about .cont_box .img { clear: both; overflow: hidden; margin-bottom: 0.2rem; }
.daji_about .cont_box .img img { width: 100%; }
.daji_about .btn { padding:0 0.4rem; position: relative; }
.daji_about .btn span{ display:block; width:50%; float:left; overflow:hidden; box-sizing:border-box;}
.daji_about .btn span:nth-child(1){ padding-right:0.4rem;}
.daji_about .btn span:nth-child(2){ padding-left:0.4rem;}
.daji_about .btn a { display: block; width:100%; 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 .tel { font-size: 1.2rem; text-align: center; display: block; color: #333; font-weight: bold; line-height: 40px; margin-bottom:0.5rem; }
.daji_about .tel b { font-size: 30px; color: #e00; vertical-align: bottom; }
/*daji_teacher*/
.daji_teacher .cont_box {}
.daji_teacher p{}
.teacher_list { width: 100%; height: 100%; clear: both; overflow: hidden; position: relative; padding-bottom: 20px; }
.teacher_list li { text-align: center; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; float: left; }
.teacher_list li .pic { width: 100%; text-align: center; }
.teacher_list li .pic img { width: 100%; display: block; }
.teacher_list li .pic a:hover img { border-color: #999; }
.teacher_list li .title { line-height: 1; padding-top: 0.5rem; }
.teacher_list li .title h3 { font-size: 1rem; }
.teacher_list li .title p { font-size: 0.8rem; color: #666; padding:0.3rem; }
.daji_teacher .w_btn{ padding:0.5rem 0 0.8rem;}
/*daji_cert*/

.daji_cert {}
.daji_cert .cont_box { clear: both; overflow: hidden; padding-top:0; }
.cert_list { width: 100%; clear: both; overflow: hidden; position: relative; padding-bottom: 25px; }
.cert_list li { box-sizing: border-box; overflow: hidden; padding: 0.6rem; background: #f5f5f5; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.cert_list li .img { width: 100%; }
.cert_list li .img img { width: 100%; }
.cert_list li .txt { box-sizing: border-box; text-align: left; padding-left: 1rem; clear: both; display: block; width: 100%; }
.cert_list li .txt h3 { font-size: 1rem; margin-bottom: 0.2rem; color: #444; }
.cert_list li .txt p { color: #888; font-size: 0.725rem; line-height: 1.5; padding:0; }
/*daji_job*/

.daji_job { }
.daji_job .cont_box { }
.daji_job .cont_box img { width: 100%; }
/*daji_env*/
.daji_env{ padding-bottom:0.5rem;}
.daji_env .imglist { }
.daji_env .imglist li { float: left; width: 50%; box-sizing: border-box; overflow: hidden; position: relative; padding: 0.2rem; }
.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; display:block; }
.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: 0.8rem; position: absolute; left: 0; bottom: 0.2rem; display: block; width: 100%; box-sizing: border-box; padding: 0px 0.2rem; }
.daji_env .imglist li span b { display: block; height: 1rem; line-height: 1rem; padding: 0.3rem 0; background: rgba(0,0,0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}
.daji_env .imglist li img:hover { }
/*daji_history*/
.daji_history ul{ padding:0.8rem 0.5rem 0.4rem;}
.daji_history li{ padding-left:15px; padding-bottom:0.8rem; position:relative;}
.daji_history li:after{ display:block; content:""; width:1px; height:100%; background:#999; overflow:hidden; position:absolute; top:10px; left:0px;}
.daji_history li .point{ position:relative; z-index:5;}
.daji_history li .point em{ display:block; width:12px; height:12px; border-radius:50%; border:#009aea solid 1px; background:#fff; position:absolute; left:-21px; top:4px;}
.daji_history li .point em:before{ content:""; display:block; width:8px; height:8px; border-radius:50%; background:#009aea; position:absolute; left:2px; top:2px;}
.daji_history li .point b{ font-size:1rem;}
.daji_history li .text p{ padding:0; font-size:0.8rem; color:#666; line-height:1.8;}
.daji_history li.last:after{ display:none;}
/*course------------------------------------*/
.daji_course { padding-bottom: 0; display:none; }
.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; }
.slideTxtBox .hd ul { }
.slideTxtBox .hd ul li { float: left; width: 33.33%; }
.slideTxtBox .hd ul li a { display: block; cursor: pointer; width: 30vw; height: 30vw; 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; background-size: 100% 100%; }
.c_accp { background: url(../images/c_accp.png) no-repeat left top; background-size: 100% 100%; }
.c_java { background: url(../images/c_java.png) no-repeat left top; background-size: 100% 100%; }
.swiper-slide-active .c_qmx { background: url(../images/c_qmx_h.png) no-repeat left top; background-size: 100% 100%; }
.swiper-slide-active .c_accp { background: url(../images/c_accp_h.png) no-repeat left top; background-size: 100% 100%; }
.swiper-slide-active .c_java { background: url(../images/c_java_h.png) no-repeat left top; background-size: 100% 100%; }
.slideTxtBox .hd ul li.on a { }
.icon_quot_left, .icon_quot_right { display: block; width: 91px; height: 86px; position: absolute; display: none; }
.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 { zoom: 1; }
.slideTxtBox .bd li { position: relative; padding: 20px 0px 0px; }
.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: 22px; 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: 14px; top: 0px; }
.course_list dd { border: #ccc dotted 1px; padding: 15px 10px 12px; font-size: 16px; }
.course_list dd p { padding: 3px 12px; color: #666; }