@charset "utf-8";
/* 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_t{ margin:2rem auto .5rem;}
.title_t h2{ font-size:2.4rem; line-height:3.8rem; text-align: center; margin:2rem auto .5rem; font-weight: bold;}
.title_t h2 span{ font-size:2.4rem; line-height:2.8rem; color: #09746e;}
.title_t img{max-width: 100%; min-width: 100%;}

.title_bt{ margin:2rem auto .5rem;}
.title_bt h2{ font-size:2.4rem; line-height:3.8rem; text-align: center; margin:2rem auto .5rem; font-weight: bold; color: #fff;}
.title_bt h2 span{ font-size:2.4rem; line-height:2.8rem; color: #e9fd05;}
.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;}
.course_tab{width:100%;margin: 0 auto;}
.course_tab a{display:inline-block;width: 24%;  height:3rem;line-height:3rem;font-size:1.5rem; 	text-align: center; background: #7f7f7f; color: #fff;}
.course_tab .cur{ background:#f26f2f;}
.qjb_box .course_Tcon{  border-radius:0 0 1rem 1rem; }
.qjb_box .course_li{ border-radius:0 0 1rem 1rem; margin-top:.5rem;}
.qjb_box .course_Tcon li{width: 100%; display: inline-block; padding-top: 1.5rem; padding-bottom:0.5rem;}
.qjb_box .course_Tcon li p{ display: inline-block; float: left; width: 48%; padding-left: 2%; height:3rem;  text-align:left; font-size:1.6rem; line-height: 1.8rem; color: #fff;}
.qjb_box .course_Tcon p:before{content: " ";
display: block;
height:1.5rem;
width:2rem;
padding-top: .5rem;
margin-right:.3rem;	
float: left;
background: url(../imgs/kc_icon.png)no-repeat;
background-size: 100%;
}
.qjb_box .course_Tcon li p span{ background: #fddcb3; color: #000; border-radius:3rem; padding:0 .2rem;}

.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;}
/*************17年***********/
.qib_pinpai{ 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; }
.act_ls ul li p{ font-size: 1.4rem; line-height: 1.8rem;  text-align: left; color: #fff; padding: .5rem; }
.act_ls ul li .p1{ background:#3a89cf;  }
.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: #3a908e; 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:#ffd100; color: #000;border-radius: 2rem;font-size: 1.8rem; margin: 0 auto; display: block; margin-top: 1rem; }
.plan-btn{display: block; width: 70%; height:4.4rem; line-height:4.4rem; text-align: center;  background:#ffd100; color: #000;border-radius: 2rem;font-size: 2.0rem; margin: 0 auto; 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:#40918d; background-size: cover; margin-top: 2rem; padding-top: 1rem; padding-bottom: 2rem;}

/*************鲸小爱********************/
.course_content {width:94%; height:auto; margin:0 auto; }
.course_list { float: left; width:48%; height:auto; border:1px solid #009a8b; text-align:left; border-radius:0 0 1rem 1rem; margin-top: 1rem;}
.course_list .course_nr{padding-bottom: 0px;}
.course_list h2{ font-size: 1.6rem; line-height: 3.2rem; color: #fff; background:#0a9c93; text-align: center; }
.course_list p{width:94%; margin:0 auto; font-size: 1.45rem; text-align:left; line-height:2.2rem; color: #000;}
.course_list a{ display: block; width:90%; margin:0 auto; background:#fbca04; font-size: 1.6rem; line-height: 2.8rem; text-align: center;color: #000; border-radius:50px; margin-top: 1rem; cursor: pointer;}

/*************15地址*******************/
.dizhi{width:94%; height:auto; margin:0 auto; }
.dizhi h2{ font-size: 1.6rem; line-height: 3.2rem; color: #fff; background:#0a9c93; text-align:left}
.dizhi p{font-size: 1.45rem; text-align:left; line-height:2.2rem; color: #000; }



/***************底部**************/
.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:#09746e;font-size: 1.8rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}