body { margin: 0; padding: 0; }
/*******************************************/
.title h3{font-size:0.22rem; text-align:center; color:#0b112a;}
.title p{font-size:0.14rem; text-align:center; color:#666;}
/***********头部*****************/
.ban{ width:100%;background:#2364c5; color: #fff; padding-bottom:.3rem; }
.ban img{ max-width: 100%; min-width: 100%;}
.ban-top {width: 96%; margin: 0 auto;overflow: hidden;padding-top: .1rem;}
.ban-logo {float:left;}
.ban-logo img{ height:.38rem;}
.ban-tel {font-size: .18rem;line-height: .35rem;font-weight: bold;color: #fff; float: right}
.ban_con{ width: 100%; margin: 0 auto;overflow: hidden;}
.ban_con .ban_zt{width:100%;box-sizing:border-box; background:url(../imgs/fbyd_02.jpg) no-repeat top center; background-size:100% 100%; }
.ban_con .ban_zt h3{ padding-left: .25rem; font-size:.24rem; font-weight:normal;line-height: .32rem; margin-top: .2rem;text-align:left;}
.ban_con .ban_zt h2 { padding-left: .25rem; font-size:0.45rem;font-weight: bold; line-height: .68rem; text-align:left; }
.ban_con .ban_zt h2 span{color: #fff000;}

.ban_con .ban_zy{ width:88%; margin: 0.1rem auto; padding-top: .1rem; padding-bottom: .1rem; border: 1px solid #fff; border-radius: .5rem;}
.ban_con .ban_zy h3{font-size:0.22rem;font-weight: bold; line-height: .24rem; text-align:center; }
.ban_con .ban_zy span{color: #fff000;}
.ban_con .ban_zy p{font-size:.18rem; font-weight:normal;line-height: .24rem; text-align:center;}

.ban_con ul{ width:98%; margin: 0 auto; }
.ban_con ul li { width: 24%; padding:.05rem 0; color: #fff;  background: linear-gradient(0deg,#fe4167, #e40648); background: -webkit-linear-gradient(0deg,#fe4167, #e40648); border-radius: .2rem 0 .2rem 0; }
.ban_con ul .li_c{width: 27%;}
.ban_con ul li h3{font-size:.16rem; line-height: .22rem; text-align: center; font-weight: normal; }
.ban_con ul li h3 span{color: #F8FF03; font-weight:bold;}
.ban-btn { display:block; width:2.50rem; color:#fff; height:.40rem;margin:0 auto; margin-top: 0.1rem; line-height:.40rem;text-align:center; background:#ff4f4f; border-radius:.5rem;font-size:.18rem;}

/***************表单*******************************/
.form { width:92%; background:#fff; text-align:center; margin:0 auto; padding-top: .2rem; height:2.2rem; margin-top: .2rem; border-radius: .08rem;}
.form h3{font-size:0.20rem; color:#0b112a;}
.form label { width: 80%; margin:0 auto; display: block; height:0.25rem; line-height:0.25rem;  border:1px solid #656565; font-size:0.18rem; padding: 0.1rem; margin-top:0.1rem; border-radius: 0.05rem; }
.form input { float:left; width:80%; border:none; font-size:0.16rem; color:#656565; background:transparent; }
.form span { float:left; padding-right:2%; }
/*.form dl dd.active{ color:#DE5E17 ;} */
.form button { margin:0 auto; display: block; }
.form button { font-size:0.18rem; color: #F0F0F0; background: linear-gradient(#EFB82F, #BF351F); background: -webkit-linear-gradient(#EFB82F, #BF351F); width: 60%; height: 0.4rem; border-radius: 0.1rem; border:1px solid #D45F20; margin:0.1rem auto 0; }
.form button.active { font-size:0.18rem; color: #F0F0F0; background: linear-gradient(#BF351F, #BF351F); background: -webkit-linear-gradient(#BF351F, #BF351F); width: 40%; height: 0.4rem; border-radius: 0.1rem; border:1px solid #D45F20 }

/*************遇到困难************************/
.fn{ width:100%; padding: 0.3rem 0; }
.fn_tit{ width:75%;  margin:0 auto;}
.fn_tit h3 span{ display: block; font-size:0.22rem; line-height: .28rem; padding-top: .1rem; color:#0b112a;}
.fn_tit h3 img{ float: left; margin-right: .05rem;}
.fn-box{ width:94%; margin:0 auto; margin-top:.2rem; overflow: hidden;}
.fn-box li{ float: left; width: 44%; background:#2364c5; padding:3% 2%; margin:0 1% .1rem 0; overflow: hidden; height: 1.8rem}
.fn-box li:nth-child(2n){ margin-right:0;}
.fn-box li img{ display: block; width:65%; margin:0 auto !important;}
.fn-box div p{font-size: .14rem; color: #fff; line-height: .20rem; font-weight: normal; text-align: center; }
.fn-box div p span{font-size: .16rem; font-weight: bold; }

/****************安全********************************/
.da{ width:100%; background:#1a56b0; margin: 0 auto; padding: 0.3rem 0;}
.da_tit{ height: .24rem; margin:0 auto; text-align:center; margin-bottom: .2rem;}
.da_tit h3{font-size:0.24rem; line-height: .24rem; color:#fff;}
.da_tit h3 span{color:#fced04;}
.da_con{color:#fff; margin: 0.1rem auto;}
.da_con ul{ width:96%; background:#276fda; margin:0.2rem auto;}
.da_con .da_bt img{ margin-top:-0.15rem; }
.da_con .da_bt{font-size: 0.18rem; }
.da_con .da_bt span{ padding-left: .08rem; }
.da_con ul li{ font-size: 0.14rem; line-height:0.24rem; padding: 0rem  0.1rem  0.1rem  0.1rem; }

/****************课程********************************/
.kc{ margin-top: .3rem;}
.kc_tit{ width:98%; height: .45rem; margin:0 auto; text-align:center; padding-bottom: .2rem;}
.kc_tit p{font-size:0.16rem; line-height: .28rem; }
.kc_tit h3{font-size:0.24rem; line-height: .28rem; color:#333; }
.kc_tit h3 span{color:#ff4f4f; }
.kc_top{ width: 98%; margin:0 auto; margin-bottom: 0.3rem; color: #333;}
.w1 { width: 20%; }
.w2 { width: 42%; }
.w3 { width: 15%; }
.w4 { width: 25%; }
.tab-color1{ background: #1a56b0;}
.tab-color2{ background: #caf1ff;}
.tab-color3{ background: #e4f8ff;}
.top_con { margin-top: 0.1rem; margin-bottom: 0.1rem;}
.top_con table{ width: 100%;  margin: 0 auto;}
.top_con table tr th { font-size: 0.16rem; text-align: center; line-height:0.18rem; padding: .1rem; color: #fff;   }
.top_con table tr td { font-size: 0.14rem; text-align: center; line-height:0.18rem; padding: .1rem; border-bottom:1px solid #64b5f1;}

/*****************时间***************************************/
.time {width:100%; background:#1a56b0;  margin: 0 auto; padding: .3rem 0; margin-top: 0.1rem; margin-bottom: 0.1rem;}
.time_tit{ width:98%;  height: .24rem; margin:0 auto; text-align:center; margin-bottom: .2rem;}
.time_tit h3{font-size:0.24rem; line-height: .24rem; color:#fff;}
.time_tit h3 span{color:#fced04;}
.time table{ width:96%;  margin: 0 auto; }
.time table tr th { font-size: 0.16rem; text-align: center; line-height:0.18rem; padding: .1rem; color: #fff; background:#2e6ece; border:1px solid #64b5f1;   }
.time table tr td { font-size: 0.14rem; text-align: center; line-height:0.18rem; padding: .1rem; color: #fff; border:1px solid #64b5f1;}
.time table tr:nth-child(1n+1){ background: #2964bc; }
.time table tr:nth-child(2n+1){ background: #1a56b0; }
/****************服务*******************************/
.fw{ padding: .3rem 0;}
.fw_tit{ width:98%; height: .45rem; margin:0 auto; text-align:center; padding-bottom: .2rem;}
.fw_tit p{font-size:0.16rem; line-height: .28rem; }
.fw_tit h3{font-size:0.24rem; line-height: .28rem; color:#ff4f4f; }
.fw img{display: block; width:96%; margin:0 auto; }
.fw ul{ width: 92%; margin: 0 auto; background:#ff4f4f; padding:4% 2%; }
.fw ul li{ padding: 0 .05rem; color: #fff; font-size:.14rem; line-height: .24rem;}

/****************老师********************************/
.ls{ width: 100%; background: #1a56b0; padding: .3rem 0;}
.ls_tit{ width:98%; height: .45rem; margin:0 auto; text-align:center; color:#fff; padding-bottom: .2rem;}
.ls_tit p{font-size:0.18rem; line-height: .26rem; }
.ls_tit h3{font-size:0.24rem; line-height: .28rem; }
.ls-box{ width:96%; margin:0 auto; overflow: hidden;}
.ls-box li{ float: left; width: 46%; background:#2364c5; padding:2% 1.5%; margin-bottom: .1rem; height: 2.6rem}
.ls-box li:nth-child(2n+1){ margin-right:2%; }
.ls-box li img{ display: block; width:65%; margin:0 auto !important; }
.ls-box div h4{font-size: .18rem; color: #fff; text-align: center;}
.ls-box div h5{font-size: .14rem; color: #fff; text-align: center; }
.ls-box div p{font-size: .13rem; color: #fff; line-height: .18rem; font-weight: normal; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; }

/***************环境******************************/
.hj_tit{ width:98%; margin:0 auto; text-align:center;  padding-top: .2rem;}
.hj_tit h3{font-size:0.24rem; line-height: .32rem; color: #ff4f4f;}
.hj img{ max-width: 100%; min-width: 100%; }

/***************电话*******************************/
.m-jcb { box-sizing:border-box; width:100%; padding: .1rem; text-align:center; background:#f5f5f5; }
.m-jcb h3 {font-size:.18rem; color:#333; }
.m-jcb p {font-size:.2rem; font-weight:bold; color:#cf691c; }
/***************地址*******************************/
.g-ft { box-sizing:border-box; width:100%; padding:.15rem 0 .55rem;background:#1a56b0; }
.g-ft p {line-height:.24rem; text-align:center; font-size:.14rem;color:#fff; }
.g-ft a { display:inline-block; margin:0 .08rem;font-size:.14rem;color:#fff; }

/***************浮动咨询****************************/
.m-fltNav { position:fixed; left:0; bottom:0; width:100%; box-sizing:border-box; z-index: 999;}
.m-fltNav li { position:relative; display:inline-block; width:50%; }
.m-fltNav li a { display:block; width:60%; margin: 0 auto; height:.45rem; line-height:.45rem; font-size:.18rem; color:#fff; }
.m-fltNav li a i{width:.2rem;height:.2rem;float:left;margin-top:.15rem; margin-right:.05rem; }
.m-fltNav li:nth-child(1){ background: linear-gradient(45deg,#fe3e63,#e42d50 ); background: -webkit-linear-gradient(45deg,#fe3e63,#e42d50 );}
.m-fltNav li:nth-child(1) i{background:url(../imgs/icon_kczx.png) no-repeat;background-size:100%;}
.m-fltNav li:nth-child(2){ background: linear-gradient(45deg,#053fc9,#053fc9 ); background: -webkit-linear-gradient(45deg,#053fc9,#053fc9  );}
.m-fltNav li:nth-child(2) i{background:url(../imgs/icon_time.png) no-repeat;background-size:100%;}
.f-justify{text-align:justify;font-size:0;}
.f-justify:after{content:'';display:inline-block;width:100%;height:0;overflow:hidden;}