/*全局*/
*,p,h2 {
  margin: 0;
  padding: 0;
  list-style:none;
}
.animation{transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;}img{ display:block;}
body{ background-color:#f9f8f6 !important;}
a {
  text-decoration: none !important;
}
.hslmr0 {
  margin-right: 0px !important;
}
.w1200 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.hslclear {
  clear: both; display:block;
}
.text-align {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.hslbox3_1_4 {
  margin-right: 0px;
}
.hsltlbg {
  height: auto;
  padding-top: 20px;
  margin-top: 50px;
  text-align: center;
}
.hsltlbg h2 {
  font-size: 36px;
  color: #0a646d;
  font-weight: bold;
  margin-bottom: 20px;
}
.hsltlbg h2 span {
  color: #ff0000;
}
.hsltlbg p {
  color: #333;
  font-size: 20px;
  padding-bottom: 10px;
}
.hsltlbg a {
  display: block;
}
.hsltlbg a img {
  width: 100%;
}
.hslbanner {
	height:556px;
	width:100%;
	min-width:1200px;
	max-width:1920px;
 background:url(../images/1.jpg) no-repeat 50%;
}


.hslbanner a {
  display: block;
  height:556px;
}

.hsltit{ text-align:center;}
.hsltit p{ font-size:18px; color:#666; margin-top:10px; display:block;}
.hsltit b{ font-size:36px; color:#333; text-transform:uppercase;  display:block;}



.hslbtn{ text-align:center;}
.hslbtn a{ display:inline-block;height:50px; line-height:50px; background-color:#f3bc0a; border:1px solid #f3bc0a; width:300px; color:#fff; font-size:20px;  margin:0 20px; position:relative; overflow:hidden;}
.hslbtn a span{ position:relative; z-index:1}
.hslbtn a:before{content: ''; position:absolute; height:50px; width:100%; left:-100%; top:0; background-color:rgba(255,255,255,.3);transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; z-index:0;}
.hslbtn a:hover:before{ left:0;}
.hslbtn a i{ font-size:24px;}
.hslbtn .hslbtn_2{ background-color:#fff; color:#f3bc0a;} 
.hslbtn .hslbtn_2:hover{ color:#f3bc0a;}

.hslbox1{background-color:#ececec;}
.hslbox1_1{ width:33.33333333333333333%; float:left; text-align:center;}
.hslbox1_1 a{ display:block; margin:30px 0; border-right:1px solid rgba(0,0,0,.1);}
.hslbox1_1 i{ display:block; font-size:60px; color:#7e7e7e;}
.hslbox1_1 b{ display:block;font-size:20px; color:#7e7e7e;}
.hslbox1_1 p{ display:block;font-size:16px; color:#7e7e7e;}
.hslbox1_1_3 a{ border:none}

.hslbox2{ margin:50px auto;}
.hslbox2_1{ width:640px; float:left; margin-left:120px;}
.hslbox2_2{ width:300px; float:left; margin-left:20px;}
.hslbox2 input{ height:50px; font-size:20px; width:100%; border:none;}
.hslbox2_1 input{ background-color:#ececec; color:#000; text-indent:20px;}
.hslbox2_2 input{ background-color:#f5c11c; color:#fff; cursor:pointer;}












    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
/*      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;
    }
    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      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;
    }
/* 课程 */
.box1{width: 100%;height: 880px;margin-top: 60px;background: url(../images/2.jpg) no-repeat center;}
.kc{padding-top: 90px;}
.kc-txt{width: 500px;margin: 0px auto;position: relative;text-align: center;border-left:2px solid #bcbbba;border-bottom: 2px solid #bcbbba; border-right: 2px solid #bcbbba;height: 60px;}
.kc-txt h2{font-size: 35px;text-align: center;position: absolute;top:-23px;width: 500px;margin:0;}
.kc-txt h2:before{border: 1px solid #bcbbba;content:"";width: 125px;display:inline-block;position: absolute;left: 0;top:23px;}
.kc-txt h2:after{border: 1px solid #bcbbba;content:"";width: 125px;display:inline-block;position: absolute;right: 0;top:23px}
.kc-txt p{position: absolute;bottom: 10px;width: 500px;left:50%;margin:0 0 0 -250px;color: #c5c4c2;font-size: 18px;}

.kc-pic{height: 500px;width: 1200px;color: #000000;position:relative;margin-top: 40px;}
.kc-pic-l{width: 470px;height: 375px;background-color: #ffffff;position: absolute;bottom: 50px;}
/*.kc-swiper{position:absolute;right: 0;top: 0;}*/
/*#fenlei{position: absolute;bottom: 20px;left: 0px}*/
.kc-swiper{width: 787px;position: absolute;right: 0px;top:0px;}
.kc-tu{position: relative;}
.kc-tu p{position: absolute;top:20px;left: 0px;background-color: #f3ebe8;padding: 10px 20px;}
.kc-tu span img{margin-bottom: 10px;}

.kc-list{position: absolute;top: 150px;left: 82px;width: 300px;}
.kc-list .swiper-pagination-bullet {float: left;
  display: inline-block;
  width: 125px;
  height: 50px;
  border-radius: 0px;
  background: #ffffff;
  opacity: 1;
  font-size: 14px;
  line-height: 50px;
  color: #dda536;
  overflow: hidden;
  margin: 10px;
  cursor: pointer;
  border: 0;
  font-size: 20px;
  border: 2px solid #dda536;
}

.kc-list span.swiper-pagination-bullet-active { 
  background: #dda536;color: #ffffff;
  outline: none;
}

.gdkc{position: absolute;right: 0;top: 150px;cursor: pointer;z-index: 100;}
.gdkc a{color: #dda536;}
/* 咨询按钮 */
.ck-ov{overflow: hidden;width: 650px;margin: 0 auto;}
.zx-zx{

	color: #FFFFFF;
	font-size: 30px;
	width: 298px;
	text-align: center;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;

	line-height: 60px;
}
.zx-zx-a{background-color:#dda536;border: 1px solid #dda536; }
.zx-zx-b{float: left;margin-left: 50px;border: 1px solid #dda536;color:#dda536 ;}


/*选择理由*/
.box2{width: 100%;height: 770px;background: url(../images/18.jpg) no-repeat center;padding-top:90px ;}
.kc-txt-box2{width: 500px;margin: 0px auto;position: relative;text-align: center;border-left:2px solid #bcbbba;border-bottom: 2px solid #bcbbba; border-right: 2px solid #bcbbba;height: 60px;}
.kc-txt-box2 h2{font-size: 35px;text-align: center;position: absolute;top:-23px;width: 500px;color: #ffffff;margin:0;}
.kc-txt-box2 h2:before{border: 1px solid #bcbbba;content:"";width: 60px;display:inline-block;position: absolute;left: 0;top:23px;}
.kc-txt-box2 h2:after{border: 1px solid #bcbbba;content:"";width: 60px;display:inline-block;position: absolute;right: 0;top:23px}
.kc-txt-box2 p{position: absolute;bottom: 10px;width: 500px;left:50%;margin:0 0 0 -250px;color: #c5c4c2;font-size: 18px;}

.box2-list-all{margin: 0px auto;width: 1240px;padding-top: 75px;}
.box2-list{float: left;margin: 10px;}
.box2-list-img{width: 290px;}

.box2-list-txt{float: left;}
.box2-list-txt span{float: left;color: #666666;}
.box2-list-txt-p{width: 199px;}
.box2-list-txt p{height: 25px;padding-left: 60px;color: #666666;margin:0;}
.box2-list-txt-a{padding: 10px 0px;height: 70px;background-color: #d8d7d7;}
.box2-list-span{width: 90px;height: 50px;line-height: 50px;text-align: center;border-right: 1px solid #b5b5b5;font-size: 40px;font-weight: bold;}

.ck-box2{margin-top: 40px;}
.zx-zx-c{background-color: #ffffff;color: #000000;border: 1px solid #ffffff;}
.zx-zx-d{border: 1px solid #ffffff;}
/* 专业师资 */
.box3{width: 100%;background: url(../images/17.jpg) no-repeat center;padding-top:90px ;}
.kc-txt-box3{width: 500px;margin: 0px auto;position: relative;text-align: center;border-left:2px solid #bcbbba;border-bottom: 2px solid #bcbbba; border-right: 2px solid #bcbbba;height: 60px;}
.kc-txt-box3 h2{font-size: 35px;text-align: center;position: absolute;top:-23px;width: 500px;color: #000000;margin:0;}
.kc-txt-box3 h2:before{border: 1px solid #bcbbba;content:"";width: 160px;display:inline-block;position: absolute;left: 0;top:23px;}
.kc-txt-box3 h2:after{border: 1px solid #bcbbba;content:"";width: 160px;display:inline-block;position: absolute;right: 0;top:23px}
.kc-txt-box3 p{position: absolute;bottom: 10px;width: 500px;left:50%;margin:0 0 0 -250px;color: #c5c4c2;font-size: 18px;}

.ls-all{position: relative;height: 650px;margin-top: 90px;}
.box3-ls{width: 1200px;}
.box3-ls-img{position: absolute;left: 0px;top:-10px; width:412px; height:568px; background-image:url(https://m.hbxdf.com/pub/images/mslbbg.jpg); overflow:hidden;}
.box3-ls-img img{ position:absolute; width:80%; bottom:0; left:10%;}
.box3-ls-k{position: absolute;right: 20px;bottom: 60px;width: 1110px;height: 500px;border: 15px solid #eeeeee;background-color: #ffffff;z-index: -1;}
.box3-ls-txt{padding: 60px 60px 60px 400px;text-align: left;}

.box3-ls-txt span,.box3-ls-txt p{line-height: 30px;display: block;}
.box3-ls-txt span{margin-top: 20px;margin-bottom: 10px;font-size: 24px;font-weight: bold;}
.box3-ls-txt p{font-size: 20px;color: #666666;}

.box3-ls-pic{position: absolute;bottom: 0px;right: 90px; display:none;}
.box3-ls-pic li{float: left;margin-left: 20px;}
.box3_1 .box3_pic1{ display:block;}
.box3_2 .box3_pic2{ display:block;}

.jiantou{position: absolute;top:0px;right: 85px;}
.jiantou .jtl{background:none;background-color: #e7e7e7;width: 55px;height: 44px;margin-top: 0px;color: #dbdbdb;}
.jiantou .jtr{background:none;background-color: #dca436;width: 55px;height: 44px;margin-top: 0px;}
/* i.jtfz:before{font-size: 30px;width: 54px;height: 44px;display:inline-block;} */
i.jtfz{font-size: 30px;width: 54px;height: 44px;display:inline-block;line-height: 44px;text-align: center;color: #dbdbdb;}

.ck-box3{margin-top: 40px;}
.zx-zx-e{background-color: #dca436;color: #ffffff;border: 1px solid #dca436;}
.zx-zx-f{border: 1px solid #dca436;color: #dca436;}

/* 50万靴子 */
.box4{width: 100%;background: url(../images/15.jpg) no-repeat center;padding-top:90px;overflow: hidden;}
.kc-txt-box4{width: 500px;margin: 0px auto;position: relative;text-align: center;border-left:2px solid #bcbbba;border-bottom: 2px solid #bcbbba; border-right: 2px solid #bcbbba;height: 60px;}
.kc-txt-box4 h2{font-size: 35px;text-align: center;position: absolute;top:-23px;width: 500px;color: #ffffff;margin:0;}
.kc-txt-box4 h2:before{border: 1px solid #bcbbba;content:"";width: 60px;display:inline-block;position: absolute;left: 0;top:23px;}
.kc-txt-box4 h2:after{border: 1px solid #bcbbba;content:"";width: 60px;display:inline-block;position: absolute;right: 0;top:23px}
.kc-txt-box4 p{position: absolute;bottom: 10px;width: 500px;left:50%;margin:0 0 0 -250px;color: #c5c4c2;font-size: 18px;}

.box4-list{width: 1200px;margin: 0 auto;padding-top: 90px;}
.box4-list li{float: left;margin-left: 40px;}
.box4-list li{position: relative;width: 344px;height: 392px;}
.box4-list-txt{background-color: #ffffff;color: #666666;padding: 10px 20px;width: 304px;position: absolute;right:-20px;bottom: -50px;}
.box4-list-txt span{font-size: 25px;font-weight: bold;}
.box4-list-txt p{margin-top: 10px;}
.btgd{width: 365px;height: 70px;background-color: #dca436;margin: 150px auto; }
.btgd a{color: #ffffff;font-size: 25px;line-height: 70px;text-align: center;display: block;}