@charset "utf-8";
/* CSS Document */
body { background: #f5f7fb; }
.w { max-width: 720px; margin: 0 auto; overflow: hidden; }
.gzs { font-family: "Microsoft YaHei", "\82F9\679C\4E3D\4E2D\9ED1", sans-serif; }
.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; }
/*btn*/
.gzs_img { text-align: center; padding: 25px 0px; clear: both; overflow: hidden; }
.gzs_img img { width: 90%; }
.w_img { text-align: center; clear: both; overflow: hidden; background: #fff; }
.w_img img { width: 100%; }
.w_btn { clear: both; overflow: hidden; text-align: center; padding: 1rem; }
.w_btn a { font-size: 1rem; color: #fff; background: #c00; display: inline-block; padding: 0.725rem 0; width: 80%; 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; }
/*lead*/
.lead { font-size: 0.8rem; font-weight: normal; color: #009aea; border-radius: 10px; border: #999 dashed 1px; padding: 1rem; background: #fff; margin: 1rem; }
.lead .red { color: #e00; }
.lead p:first-child { font-size: 0.9rem; }
.choose{ background:#fff;border-top: #e5e5e5 solid 0.05rem; border-bottom: #e5e5e5 solid 0.05rem; padding:1rem 0.8rem; }
.choose h3.title{ margin-bottom:1rem;}
/*daji*/
.img_about { width: 100%; clear: both; overflow: hidden; }
.title_box { clear: both; overflow: hidden; position: relative; padding: 0 0.8rem; }
.title_box h2 { font-size: 1.5rem; 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: 0.9rem; color: #444; text-align: center; border-top: #aaa solid 0.02rem; padding: 0.8rem 0 0.4rem; margin-top: -4px; }
.daji_unit { padding: 0.8rem 0 0; border-top: #e5e5e5 solid 0.05rem; border-bottom: #e5e5e5 solid 0.05rem; overflow: hidden; margin-bottom: 0.65rem; background: #fff; }
.cont_box { padding: 0.8rem; }
.cont_box p { font-size: 0.8rem; color: #999; padding: 0.5rem 0.8rem; line-height: 1.5; }
.daji_about, .daji_course, .daji_job { background: #fff; }
.daji_teacher .title_box .number, .daji_env .title_box .number, .daji_cert .number { background: url(../images/about_tit_bg2.png) no-repeat center bottom #157dd6; }
/*daji_about*/
.daji_about .cont_box { overflow: hidden; clear: both; }
.daji_about .cont_box p { padding: 0.2rem 0; }
.daji_about .cont_box .img { clear: both; overflow: hidden; margin-bottom: 0.8rem; }
.daji_about .cont_box .img img { width: 100%; }
.daji_about .cont_box p { text-indent: 2em; font-size: 0.8rem; color: #666; }
.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 { padding: 0rem 0.8rem; }
.daji_teacher p { padding: 0.5rem 0rem 0.8rem 0; }
.teacher_list { width: 100%; height: 100%; clear: both; overflow: hidden; position: relative; padding-bottom: 30px; }
.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_cert*/

.daji_cert .cont_box { clear: both; overflow: hidden; padding:0 1.5rem;}
.daji_cert .cont_box p{ padding:0.5rem 0;}
.cert_list { width: 100%; height: 100%; clear: both; overflow: hidden; position: relative; padding-bottom: 30px; }
.cert_list li { box-sizing: border-box; overflow: hidden;/* 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; }
.swiper-pagination-bullet { width: 10px; height: 10px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0,0,0,0.2); }
.swiper-pagination-bullet-active { color: #fff; background: #007aff; }
/*daji_job*/
.daji_job { padding-bottom: 0.5rem; }

.daji_job .cont_box img { width: 100%; }
/*daji_env*/
.daji_env { margin-bottom: 0.8rem; padding-bottom:0.3rem; }
.daji_env .cont_box { padding: 0; }
.daji_env .imglist { padding: 0.4rem; }
.daji_env .imglist li { float: left; width: 50%; box-sizing: border-box; overflow: hidden; position: relative; padding: 0.3rem; }
.daji_env .imglist li img { display: block; 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: 0.8rem; position: absolute; left: 0; bottom: 0.3rem; display: block; width: 100%; box-sizing: border-box; padding: 0px 0.3rem; }
.daji_env .imglist li span b { display: block; height: 1rem; line-height: 1rem; padding: 0.5rem 0; background: rgba(0,0,0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}

/*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 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%; }
.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; }
/*answer*/
.answer { clear: both; overflow: hidden; }
.answer h2.title { padding: 1rem 0rem; }
.answer li { width: 33.33%; float: left; }
.answer li img { width: 100%; display: block; }



/*mbaoming*/
.mbaoming { background: url(http://m.csbdqn.com/img/mbaoming_bg.jpg) repeat-y right top; max-width: 720px; position: relative; overflow: hidden; margin: 0 auto; padding: 1.5rem 2rem 2rem; box-sizing: border-box; }
.mbaoming .text { color: #fff; text-align: center; }
.mbaoming .text img { width: 100%; }
.mbaoming { overflow: hidden; }
.mbaoming dt { color: #fff; font-size: 1.5rem; text-align: center; margin-bottom: 1rem; }
.mbaoming dt span { color: #ed484c; }
.mbaoming dd { width: 100%; margin-bottom: 1rem; position: relative; box-sizing: border-box; }
.mbaoming dd label, .mbaoming dd input { padding: 0rem; font-size: 1rem; height: 46px; line-height: 46px; }
.mbaoming dd label { position: absolute; left: 0px; top: 0px; width: 65px; text-align: right; }
.mbaoming dd input { background: #fff; width: 100%; padding-left: 65px; box-sizing: border-box; border-radius: 6px; }
.mbaoming dd.btns .submit { padding: 0rem 0.5rem; text-align: center; background: #ed484c; font-weight: bold; color: #fff; }
.mbaoming dd.btns { margin: 0; }
.mbaoming .required, .mbaoming .type { font-size: 0.8rem; color: #ed484c; padding-top: 5px; }
/*pub min form*/
.pub_mid_form { background: #0a1135; overflow: hidden; box-sizing: border-box; padding: 0.3rem 0rem 0.8rem; }
.pub_mid_form h3 { text-align: center; color: #fff; font-size: 1.2rem; margin-bottom: 0.2rem; }
.pub_mid_form h3 img { width: 80%; }
.pub_mid_form dl { box-sizing: border-box; padding: 0px 0.3rem; }
.pub_mid_form dl dd { padding: 0rem 0.3rem; width: 28%; float: left; box-sizing: border-box; }
.pub_mid_form dl dd input { background: #fff; border: none; border-radius: 4px; width: 100%; padding: 0.4rem; height: 2rem; line-height: 2rem; font-size: 0.8rem; box-sizing: border-box; }
.pub_mid_form dl dt { box-sizing: border-box; width: 16%; float: right; padding: 0rem 0.3rem; }
.pub_mid_form dl dt input { width: 100%; text-align: center; background: #f60; text-align: center; color: #fff; border-radius: 4px; height: 2rem; line-height: 2rem; box-sizing: border-box; font-size: 0.8rem; font-weight: bold; }
.pub_mid_form .parsley-error-list { font-size: 0.75rem; color: #e00; padding-top: 5px; }
/*moree*/
.moree { line-height: 28px; line-height: 28px; text-align: center; font-size: 0.75em; display: block; padding: 1rem 0; clear: both; overflow: hidden; }
.moree a { display: inline-block; border: #999 solid 1px; background: #fff; padding: 0 1rem; color: #666; }
/*mfoot_zt_form*/
.mfoot_zt_form { background: #38a7fb; max-width: 720px; margin: 0 auto; clear: both; overflow: hidden; padding: 20px; box-sizing: border-box; margin-bottom: 0.8rem; }
.mfoot_zt_form h3 { padding: 10px; text-align: center; font-size: 24px; color: #fff; margin-bottom: 10px; }
.mfoot_zt_form dl { clear: both; overflow: hidden; background: #fff; border-radius: 4px; margin-bottom: 10px; font-size: 15px; }
.mfoot_zt_form dt { width: 85px; float: left; overflow: hidden; padding: 10px 8px 0px; color: #666; box-sizing: border-box; }
.mfoot_zt_form dd { border: none; background: #fff; margin-left: 85px; box-sizing: border-box; }
.mfoot_zt_form dd select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("select_arrow_down.png") no-repeat scroll right center transparent; background-size: 30px 10px; padding-right: 14px; }
.mfoot_zt_form dd select::-ms-expand {
display: none;
}
.mfoot_zt_form dd textarea { height: 80px; }
.mfoot_zt_form .btns span { display: block; width: 50%; box-sizing: border-box; float: left; }
.mfoot_zt_form .btns span:first-child { padding-right: 10px; }
.mfoot_zt_form .btns span:last-child { padding-left: 10px; }
.mfoot_zt_form .btns input { width: 100%; border: none; background: #FFBF0B; color: #fff; padding: 10px 0px; font-size: 15px; text-align: center; overflow: hidden; border-radius: 6px; font-weight: bold; }
.mfoot_zt_form .required, .mfoot_zt_form .type { font-size: 0.75rem; color: #e00; padding-top: 5px; }