
/* CSS Document */
body, html, ul, li, h1, h2, h3, h4, h5, h6, ol, img, span, p, a, i, b, em, form, label, input {margin: 0;padding: 0;}
em {font-style: normal;}
img {border: none;display: block;}
a {text-decoration: none;}
li {list-style: none;}
tr, th, td, tbody, thead, table {border: none;margin: 0;padding: 0}
table {border-collapse: collapse;border-spacing: 0}
button {border: none}
a {color: #fff}
h1, h2, h3, h4, h5, h6, b, i {font-weight: normal;font-style: normal}
.fl {float: left}
.fr {float: right}
.clear {clear:both;height:0;overflow:hidden;}
.clearfix:after {visibility: hidden;display: block;font-size:0;content: " ";clear: both;height: 0;}
.clearfix{zoom:1}

html {}
@media screen and (max-width:1024px) {
	html {font-size: 27.30666666666667px;}
}
@media screen and (max-width:768px) {
html {font-size: 20.48px;}
}
@media screen and (max-width:414px) {
html {font-size: 11.04px;}
}

@media screen and (max-width:375px) {
html {font-size: 10px;}
}
@media screen and (max-width:360px) {
html {font-size: 9.6px;}
}
@media screen and (max-width:320px) {
html {font-size: 8.23333px;}
}

.title_bt{ margin:2rem auto .5rem;}
.title_bt img{max-width: 100%; min-width: 100%;}

/*************banner***********/
.ban{ background: #ff803e;}
.ban img{ max-width: 100%; min-width: 100%;}
.ban .ban-p{position:absolute; width: 100%; z-index:99;left:0; top:1rem; color:#fff; text-align: center; font-size: 1.6rem;}

/**************课程**************/
.qjb_box{ width: 94%; margin: 1rem auto;}
.qjb_box .qjb_ul{}
.qjb_box .qjb_ul li{ float: left; width: 48%; margin-right:2%;  margin-top:2%; padding-top: 5rem;}
.qjb_box .qjb_ul li p{ text-align:left; font-size:1.4rem; line-height: 2.8rem; color: #fff;}
.qjb_box .qjb_ul p:before{
content: " ";
display: block;
height:1.8rem;
width:2rem;
padding-top: .5rem;
margin-right:.3rem;	
float: left;
background: url(../image/kc_icon.png)no-repeat;
background-size: 100%;
}
.qjb_box .qjb_ul li p span{ background: #fddcb3; color: #000; border-radius:3rem; padding:0 .2rem;}
.qjb_box .qjb_ul .li1{ background: url(../image/qjb_06.png); background-size:100% 100%;}
.qjb_box .qjb_ul .li2{ background: url(../image/qjb_07.png) no-repeat;background-size:100% 100%;}
.qjb_box .qjb_ul .li3{ background: url(../image/qjb_08.png) no-repeat;background-size:100% 100%;}
.qjb_box .qjb_ul .li4{ background: url(../image/qjb_09.png) no-repeat; background-size:100% 100%;}

.qjb_box .qjb_2{ margin-right:0;}
.qjb_box .s-btn{ margin-left:65%; display: block; width: 30%; font-size:1.4rem; color:#000; height: 1.8rem; text-align: center; margin-top:1rem; margin-bottom: 1rem; border-radius: 4rem; background:#fff; }
.qjb_box img{ width: 45%; margin-right: 1%;}
.qjb_box h3{font-size: 1.5rem; font-weight: bold; text-align: left; margin-top: .5rem; }
.qjb_box p{font-size: 1.4rem; line-height: 1.8rem;  text-align: left; }
.qjb_box .qjb_ke2 img{ max-width:100%; min-width: 100%; margin: 0 auto;}
/*************18年***********/
.qib_pinpai{background: #4891ff; height: auto; padding-bottom: 3rem;}
.qib_pinp{width: 92%; margin: 0 auto;  background: #fdefe7;}
.qib_pinp p{ padding:1rem; font-size: 1.45rem; }

/****************老师**************/
.act_ls{width: 92%; margin: 0 auto; }
.act_ls ul{}
.act_ls ul li{ float: left; overflow: hidden; padding:1rem 0; margin-top: 1rem;}
.act_ls ul li p{ font-size: 1.4rem; line-height: 1.8rem;   color: #fff; padding: .5rem; }
.act_ls ul li .p1{ background:#007aff;  }
.act_ls ul li .p2{ background: #e0626d; }
.act_ls ul li .p3{ background: #099d8c; }
.act_ls ul li .p4{ background: #ff7a1b; }
.act_ls ul li .p5{ background: #9c4292; }
.act_ls ul li img{width: 100%; margin-right: 2%; }

/***************表单****************/
.bd{ width:100%; height:auto; background: #fde4a2; padding-top:.3rem;}
.bd h3{font-size:2.6rem; height:4rem; line-height:4rem; color: #fff; text-align: center; font-weight: bold; }
.bd h3 span{color: #fdd23c;}
.bd-con{width: 82%; margin: 0 auto; }
.bd-box{width: 82%; margin: 0 auto; padding-bottom:2rem;  border-radius:.5rem;}
.bd-box label{ margin:0 auto; margin-top:.5rem; display: block; overflow: hidden;}
.bd-box input,.bd-box select{width:100%; height: 4rem; line-height: 4rem;font-size: 1.4rem; border:none; padding-left: .5rem; }
.bd-box button{width: 80%; height:4rem; line-height:4rem; text-align: center;  background:#e26118; color: #fff;border-radius: 2rem;font-size: 1.8rem; margin: 0 auto; display: block; margin-top: 1rem; }
.plan-btn{width: 50%; height:4rem; line-height:4rem; text-align: center;  background:#e26118; color: #fff;border-radius: 2rem;font-size: 1.8rem; margin: 0 auto; display: block; margin-top: 1rem; }

/**************图书********************/
.qjb_book{ width:92%;margin: 0 auto;}
.qjb_book img{ max-width:100%; min-width: 100%; margin: 0 auto;}

/**************荣誉合作********************/
.qjb_hz{ background: url(../image/qjb_17.png) no-repeat; background-size: cover; margin-top: 2rem; padding-top: 1rem; padding-bottom: 2rem;}


/***************底部**************/
.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99999;}
.fixed_a1 {display: inline-block;width: 50%;float: left;background:#fb6400;font-size: 1.8rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background:#484bb8;font-size: 1.8rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}


