/* CSS Document */
@charset "utf-8";
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}

html { font-size : 22.5px;}
@media only screen and (min-width: 320px){
    html { font-size: 20px !important;}
}
@media only screen and (min-width: 360px){
    html { font-size: 22.5px !important;}
}
@media only screen and (min-width: 375px){
    html { font-size: 23.4375px !important;}
}
@media only screen and (min-width: 400px){
    html { font-size: 25px !important;}
}
@media only screen and (min-width: 414px){
    html { font-size: 25.875px !important;}
}
@media only screen and (min-width: 428px){
    html { font-size: 26.75px !important;}
}
@media only screen and (min-width: 480px){
    html { font-size: 30px !important;}
}
@media only screen and (min-width: 569px){
    html { font-size: 35px !important;}
}
@media only screen and (min-width: 640px){
    html { font-size: 40px !important;}
}

@media only screen and (min-width: 768px){
    html { font-size: 45px !important;}
}

body{ font-family:"Arial,SimSun,SimHei"; border-collapse:collapse; line-height:28px; font-size:14px; overflow-x:hidden;}
*{ margin:0; padding:0;}
li{ list-style-type:none;}
a{ text-decoration:none;}
a:hover{ color:#ff0000;}

input{ outline:none;}
img{ border:none;}
div{ position:relative;}

.bgcolor{ width:100%; background:#F6F7F9; padding-bottom:20px; overflow:hidden;}


/* banner */

.banner{ width:100%; background:url(../images/bannerbg.jpg) no-repeat center 0; overflow:hidden;}

.logo{ width:220px; margin:0 auto; margin-top:45px; height:80px;}
.banner .name{ position:relative; z-index:1;}
.banner .name2{ position:relative; z-index:2;}
.banner .name2 img{ width:100%;}
.diqiu{ width:100%;  position:relative; z-index:0;}
.diqiu img{ width:100%;}

/* ----------------------------------------------------- hgroup */

hgroup.white_triangle{ width:100%; margin:0 auto;}
hgroup.white_triangle:before{ content:""; position:absolute; background:#ffffff; transform:rotate(45deg); left:50%;}
hgroup.white_triangle h1{ color:#189EE7; text-align:Center;}
hgroup.white_triangle h5{ text-align:center; color:#999999; font-family:"Arial";}

hgroup.feature{ width:100%; margin:0 auto;}
hgroup.feature h1{ color:#189EE7; text-align:Center; }
hgroup.feature h5{ text-align:center; color:#999999; font-family:"Arial";}

hgroup.training{ width:100%; margin:0 auto;}
hgroup.training h1{ color:#189EE7; text-align:Center;}
hgroup.training h5{ text-align:center; color:#999999; font-family:"Arial";}

hgroup.gray_triangle{ width:100%; margin:0 auto;}
hgroup.gray_triangle:before{ content:""; position:absolute; background:#F6F7F9; transform:rotate(45deg); left:50%;}
hgroup.gray_triangle h1{ color:#189EE7; text-align:Center;}
hgroup.gray_triangle h5{ text-align:center; color:#999999; font-family:"Arial";}

.preface hgroup{ border:1px solid #C8E2F6; margin:0 auto;}
.preface hgroup h1{ color:#189EE7; background:#ffffff; position:relative; text-align:Center;}
.preface hgroup h5{  text-align:center; color:#999999; font-family:"Arial";}

.advantages ul.qhtab{ display:table; margin:0 auto; position:relative; z-index:11;}
.advantages ul.qhtab li{ cursor:pointer; float:left; color:#666666;background:#f8f8f8; border:1px solid #e6e6e6; text-align:center; font-weight:bold;}
.advantages ul.qhtab li:last-child{ margin-right:0;}

.advantages .qhdiv{ position:relative; border:1px solid #e8e8e8; margin:0 auto; z-index:10; background:#ffffff; overflow:hidden;}

.advantages article{ float:left;}
.advantages article h3{ color:#189EE7;}
.advantages article a{ color:#15A2FF; display:block; text-align:center; border:1px solid #ACDCFF;}
.advantages article p.fuli{ background:#FFF7EE; color:#ff6600;}
.advantages img{ float:right;}

/* ----------------------------------------------------- special */

.special{ margin:0 auto; position: relative; overflow:hidden;}  
.special ul li{border:1px solid #e7e7e7; position:relative;}
.special ul li:last-child{ margin-right:0;}
.special ul li:hover{ opacity:0.8; filter:alpha(opacity=80);}
.special ul li div h3{ text-align:center; color:#ffffff; background:rgba(0,0,0,0.5);}

/*.box_img .teacher:nth-child(1) img{ margin:-4px 0 0 -16px; height:160px;}
.box_img .teacher:nth-child(2) img{ margin:-10px 0 0 -50px; height:140px;}
.box_img .teacher:nth-child(3) img{ margin:0 0 0 0; height:130px;}
.box_img .teacher:nth-child(4) img{ margin:0 0 0 -20px; height:130px;}

.box_img .teacher:nth-child(5) img{ margin:-5px 0 0 -45px; height:140px;}
.box_img .teacher:nth-child(6) img{ margin:-20px 0 0 -55px; height:170px;}
.box_img .teacher:nth-child(7) img{ margin:-5px 0 0 -80px; height:180px;}
.box_img .teacher:nth-child(8) img{ margin:0 0 0 -40px; height:130px;}
.box_img .teacher:nth-child(9) img{ margin:0 0 0 0; height:130px;}

.box_img .teacher:nth-child(10) img{ margin:0 0 0 -30px; height:130px;}
.box_img .teacher:nth-child(11) img{ margin:0 0 0 -40px; height:130px;}
.box_img .teacher:nth-child(12) img{ margin:-20px 0 0 -65px; height:200px;}
.box_img .teacher:nth-child(13) img{ margin:0 0 0 -30px; height:130px;}
.box_img .teacher:nth-child(14) img{ margin:-5px 0 0 -60px; height:190px;}

.box_img .teacher:nth-child(15) img{ margin:0 0 0 0; height:150px;}
.box_img .teacher:nth-child(16) img{ margin:0 0 0 -50px; height:130px;}
.box_img .teacher:nth-child(17) img{ margin:-5px 0 0 -20px; height:160px;}
.box_img .teacher:nth-child(18) img{ margin:0 0 0 -40px; height:130px;}
.box_img .teacher:nth-child(19) img{ margin:0 0 0 -45px; height:130px;}

.box_img .teacher:nth-child(20) img{ margin:0 0 0 -55px; height:130px;}
.box_img .teacher:nth-child(21) img{ margin:0 0 0 -10px; height:130px;}
.box_img .teacher:nth-child(22) img{ margin:0 0 0 -10px; height:130px;}
.box_img .teacher:nth-child(23) img{ margin:0 0 0 -20px; height:130px;}
.box_img .teacher:nth-child(24) img{ margin:0 0 0 0; height:130px;}

.box_img .teacher:nth-child(25) img{ margin:0 0 0 -15px; height:130px;} 
.box_img .teacher:nth-child(25) img{ margin:0 0 0 0; height:130px;}
.box_img .teacher:nth-child(26) img{ margin:0 0 0 0; height:130px;} 
.box_img .teacher:nth-child(27) img{ margin:0 0 0 0; height:130px;}
.box_img .teacher:nth-child(28) img{ margin:-5px 0 0 -15px; height:160px;}

.box_img .teacher:nth-child(29) img{ margin:-5px 0 0 -10px; height:160px;}
.box_img .teacher:nth-child(30) img{ margin:0 0 0 -15px; height:160px;}
.box_img .teacher:nth-child(31) img{ margin:-5px 0 0 -5px; height:160px;}

.box_img .teacher:nth-child(32) img{ margin:0 0 0 10px; height:140px;}
.box_img .teacher:nth-child(33) img{ margin:-8px 0 0 0; height:165px;}
.box_img .teacher:nth-child(34) img{  margin:0 0 0 0; height:150px;}
.box_img .teacher:nth-child(35) img{ margin:-8px 0 0 -20px; height:160px;}
.box_img .teacher:nth-child(36) img{ margin:-5px 0 0 -35px; height:160px;}

.box_img .teacher:nth-child(37) img{ margin:0 0 0 -20px; height:130px;}
.box_img .teacher:nth-child(38) img{ margin:0 0 0 -20px; height:130px;}
.box_img .teacher:nth-child(39) img{ margin:0 0 0 0; height:130px;}
.box_img .teacher:nth-child(40) img{ margin:0 0 0 -10px; height:130px;}
.box_img .teacher:nth-child(41) img{ margin:-10px 0 0 0; height:150px;}
.box_img .teacher:nth-child(42) img{ margin:0 0 0 -40px; height:140px;}
.box_img .teacher:nth-child(42) img{ margin:0 0 0 -50px; height:130px;}*/


@media screen and (min-width:769px){	

.overflow{ overflow:hidden; width:1000px; margin:0 auto;}
.width{ width:1000px; margin:0 auto;}

.banner{  background-size:100% 300px; height:300px;}

.logo{ width:220px; margin:0 auto; margin-top:45px; height:80px;}
.banner .name{ width:891px; margin:0 auto; margin-top:30px; }
.banner .name2{ width:812px; margin:0 auto;}
.diqiu{ margin-top:-80px; }

/* ----------------------------------------------------- menu */

.menu{ width:100%; height:52px; background:#1A86DB; z-index:100;}
.menu ul{ width:1000px; margin:0 auto; height:52px;}
.menu ul li{ float:left; width:124px; font:bold 16px/52px "Arial"; text-align:center;}
.menu ul li a{ color:#FFF; text-decoration:none; cursor:pointer;}
.menu ul li:hover{ background:#3192DF;}
.menu ul li:hover a{ color:#D2FFFF;}

/* ----------------------------------------------------- hgroup */

hgroup.white_triangle{ height:90px; margin-top:46px;}
hgroup.white_triangle:before{ width:15px; height:15px;margin-left:-5px; top:-8px;}
hgroup.white_triangle h1{ font:bold 26px/30px "SimHei"; padding-top:20px;}
hgroup.white_triangle h5{ font-size:14px; line-height:20px;}

hgroup.feature{ height:90px;}
hgroup.feature h1{ font:bold 26px/30px "SimHei"; padding-top:20px;}
hgroup.feature h5{ font-size:14px; line-height:20px;}

hgroup.training{ width:100%; height:80px;}
hgroup.training h1{ font:bold 26px/30px "SimHei";}
hgroup.training h5{  font-size:14px; line-height:20px;}

hgroup.gray_triangle{ width:100%; height:90px;}
hgroup.gray_triangle:before{  width:15px; height:15px; margin-left:-5px; top:-8px;}
hgroup.gray_triangle h1{ font:bold 26px/30px "SimHei";padding-top:20px;}
hgroup.gray_triangle h5{ font-size:14px; line-height:20px;}


.preface hgroup{ width:560px; height:36px; border-radius:18px;margin-top:46px; margin-bottom:20px;}
.preface hgroup h1{ font:bold 26px/30px "SimHei"; margin:-16px 100px 0 100px; padding:0 20px;}
.preface hgroup h5{ font-size:14px; line-height:20px;}

.advantages ul.qhtab{ height:40px; height:40px; margin-bottom:20px;}
.advantages ul.qhtab li{ height:38px; width:140px; line-height:38px;margin-right:20px;border-radius:20px;}

.advantages .qhdiv{ width:960px; top:-40px; font:normal 14px/30px "Arial"; padding:60px 20px 20px 20px;}

.advantages article{ width:520px;}
.advantages article h3{ font:bold 18px/40px "SimHei";}
.advantages article a{ position:absolute;  bottom:20px;width:160px; height:40px; line-height:40px;}
.advantages article p.fuli{ padding:5px 10px;; margin-top:10px; line-height:26px;}
.advantages img{ width:420px;}


/* ----------------------------------------------------- special */

.special{ width:1000px; height:320px;}  
.special ul li{ float:left; width:324px;  height:310px; margin-right:10px;}
.special ul li img{ width:314px; margin:5px;}
.special ul li div{ position:absolute; width:314px; top:160px; left:5px;}
.special ul li div h3{ line-height:30px; font-size:14px;}
.special ul li div p{ margin-top:10px;}

/* ----------------------------------------------------- setting */

.mobile{ display:none;}

table.setting{ width:1000px; margin:0 auto; border-collapse:collapse; background:#ffffff; margin-bottom:10px;}
table.setting td{ border:1px solid #e5e5e5; padding:0 10px; height:40px;}
table.setting tbody tr.gray td{ background:#F6F7F9;}
table.setting tbody td.gray{ background:#F6F7F9;}
table.setting td.title{ color:#ffffff; width:20px; padding:0 10px; font-weight:bold; text-align:center;}
table.setting tr:first-child td:nth-child(2){ width:240px;}
table.setting tr:first-child td:nth-child(3){ width:240px;}
table.setting tr:first-child td:nth-child(4){ width:190px;}

.curriculum{ position:relative; width:1000px; height:254px; margin:0 auto; margin-top:34px; text-align:center;}
.curriculum div{ float:left; width:242px; height:240px; background:#ffffff; margin-right:9px;}
.curriculum div:last-child{ margin-right:0;}
.curriculum div h3{ font-family:"SimHei"; font-weight:bold; color:#666666; position:relative; top:-14px; margin:0 auto; height:64px;}
.curriculum div h3 span:first-child{ font-size:30px;}
.curriculum div h3 span:last-child{ font-size:14px;}
.curriculum div h2{ position:relative; top:-34px; font-size:26px; font-family:"SimHei"; color:#666666; }
.curriculum div p{ position:relative; top:-34px; line-height:24px;}

.curriculum div:before{ content:''; display:block; width:68px; height:34px; transform:rotate(0deg); background:#ffffff; border-radius:34px 34px 0 0; position:absolute; top:-34px; left:50%; margin-left:-34px;}
.curriculum div:hover{ box-shadow:0 0 10px #cccccc;}
.curriculum div:hover:before{ box-shadow:0 -3px 5px #dddddd;}
.curriculum div:hover h3{ color:#ff9900;}
.curriculum div:hover h2{ color:#ff9900;}

.zhu{ color:#ff6600; width:1000px; margin:0 auto;}

/* ----------------------------------------------------- box */

.box{ width: 1000px; margin:0 auto; overflow: hidden; position: relative;}

/* teacher */

.box_img{ overflow:hidden; padding:10px 0 0 0;}
.box_img .teacher{ width:200px; min-height:270px; float:left; position:relative; text-align:center;}

.box_img .teacher div{ width:130px; margin:0 auto; height:130px; background:#ffffff; overflow:hidden; border-radius:50%; border:6px solid #ffffff;}
.box_img .teacher div:hover{ box-shadow:0 0 20px #cccccc;}
/* .box_img .teacher img{ height:130px; margin:0 0 0 -30px;} */
.box_img .teacher h3{ font-size:15px; font-weight:bold; line-height:24px;}
.box_img .teacher p{ margin:0 10px; font-size:13px; line-height:23px;}

/* review */

.review{ width:1000px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.review td a.photo{ display:block; width:240px; height:160px; margin:0 6px; overflow:hidden; border-radius:6px;}
.review td a.name{ display:block; line-height:22px; margin:5px 10px 0 10px; font-size:14px;}
.review td{ width:240px;}
.review td img{ width:240px; height:160px; display:inline; transition:all 1s;}
.review td img:hover{ transform:scale(1.2);}
.review a{ color:#000000;}

/* enroll */

.baoming h3{ background:#ffffff; width:140px; height:40px; line-height:40px; margin:0 auto; text-align:center; position:relative; z-index:2; top:-21px;}
.telephone h3{ background:#ffffff; width:140px; height:40px; line-height:40px; margin:0 auto; text-align:center; position:relative; z-index:3; top:-21px;}
.telephone{ height:280px; padding-bottom:40px; width:1000px; margin:0 auto; border:1px dashed #cccccc; border-bottom:none; position:relative; z-index:1;}
.telephone ul{ padding:0 0 20px 30px;}
.telephone li{ float:left; width:450px; line-height:36px;}
.telephone li:nth-child(2n-1){ margin-right:60px;}

.baoming{ width:1000px; height:150px; margin:0 auto 20px; border:1px dashed #cccccc; }
.zhanghu{ float:left; width:490px; height:130px;}
.jiedai{ float:right; width:490px; height:130px;}
.baoming div p{ padding:0 30px;}

/* form1 */

.form1{ width:1000px; margin:20px auto 10px; background:#ffffff; border-collapse:collapse; }
.form1 dd{ border:1px solid #dcdcdc; border-top:none; line-height:36px;}
.form1 dl{ overflow:hidden; }
.form1 dl dt{ float:left; background:#4DB5EC; color:#FFFFFF; height:36px; line-height:36px; border:1px solid #ffffff; text-align:center; margin-left:-1px;}
.form1 div input[type="text"]{ height:26px; width:100%; border:1px solid #ccc; border:none; font-size:14px; text-align:center;}
.form1 div input::-webkit-input-placeholder{ color:#D5D5D5;}
        input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#D5D5D5;}
        input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#D5D5D5;}
        input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#D5D5D5;}

.redian textarea::-webkit-input-placeholder{ color:#D5D5D5;}
        input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#D5D5D5;}
        input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#D5D5D5;}
        input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#D5D5D5;}
.form1 div dl dd:first-child{ text-align:center;}
.form1 div dl dd:last-child{ text-align:center;}
.form1 div dl dd input[type="button"]{ background:#66ccff; color:#ffffff; font-size:14px; font-weight:bold; width:90px; height:26px; border:0; margin:5px 0; font-family:"Arial,SimSun,SimHei";}

.form1 dl dt:first-child{ width:40px;}
.form1 dl dt:nth-child(2){ width:160px;}
.form1 dl dt:nth-child(3){ width:160px}
.form1 dl dt:nth-child(4){ width:360px}
.form1 dl dt:nth-child(5){ width:160px;}
.form1 dl dt:nth-child(6){ width:114px;}
.form1 div dl dd{ float:left; margin-left:-1px;}
.form1 div dl dd:first-child{ width:40px;}
.form1 div dl dd:nth-child(2){ width:160px;}
.form1 div dl dd:nth-child(3){ width:160px;}
.form1 div dl dd:nth-child(4){ width:360px;}
.form1 div dl dd:nth-child(5){ width:160px;}
.form1 div dl dd:nth-child(6){ width:114px;}

/* redian */

table.redian{ width:1000px; margin:0 auto; background:#ffffff; border-collapse:collapse; margin-bottom:10px;}

table.redian td{ border:1px solid #DDDDDB; padding:5px;}
table.redian td:first-child{ background:#F8F8F8; width:160px; text-align:center;}
table.redian td textarea{ height:80px; width:840px; border:none; outline:none; line-height:22px; padding:5px; resize:none;}
table.redian td input[type="text"]{ width:120px; height:30px; margin-left:5px; border:1px solid #dddddd;}
table.redian td img{ position:relative; top:8px; margin-left:10px;}

.baomingsubmit{ width:1000px; margin:0 auto;}
.baoming_button input{ width:1000px; height:36px; background:#FFBB1E; border:none; font-size:14px; color:#ffffff; font-weight:bold;}
.baoming_button input:hover{ background:rgba(255,187,30,0.8);}

.footer{ height:200px; background:#1A86DB url(../images/map.png) no-repeat center 0; font-family:"宋体"; font-size:14px; text-align:center; color:#ffffff; overflow:hidden;}

#foot_menu{ height:40px; color:#FFFFFF; margin-top:50px; line-height:40px;}
#foot_menu a{ color:#FFFFFF;}

.side-bar{ position: fixed;	 top:328px;	 z-index: 100;	right:0; width:24px;}
.side-bar li{ border-bottom:1px solid #ffffff; background:#00ABF2; line-height:14px; font-family:"宋体"; font-size:12px; padding:5px;}
.side-bar a li{ color:#ffffff;}

.eject{ position:relative; cursor:pointer; display:block; background:#00ABF2; padding:5px; line-height:14px;}
.eject span{ text-align:center;display:inline; color:#ffffff; font-size:12px;font-family:"宋体";}
  
.eject a.tipinfo { display:none;}
		
.eject:hover a.tipinfo { display:block; position:absolute; z-index:99; top:0; left:-110px; cursor:pointer;} 

/* float_layer */

.tktt{ width:100%; background:#0051BF;}
.tktt span{color:#fff;font-size:12px; float:left;line-height:30px;padding-left:10px}
.tk{ width:450px; height:470px; position: fixed; top:0; margin-top:154px;	font-size: 0; line-height: 0; z-index: 100; left:50%; padding-left:50px;}
.small{width:21px;height:30px; background:url(../images/small.png) no-repeat 0 center; float:right; margin-right:5px;}
.delect{width:21px;height:30px; background:url(../images/delect.png) no-repeat 0  center; float:right; margin-right:5px;}
.tkcontent{ float:left; width:90%; padding:2% 5%; background:#f5f5f5; border-bottom:2px solid #f1f1f1;}
.tkcontent h1{ width:100%; text-align:center; font-size:14px;paading-bottom:10px; margin-bottom:10px; height:50px;border-bottom:1px dashed #cccccc;}
.tkcontent p{ font-size:12px; line-height:24px}

/* 讲师点击显示全部 */
.box{ max-height:500px; /*设置默认高度*/ overflow: hidden; position:relative;}  

.unfold-field{ position:absolute; font-size: 0; bottom:0; width:100%; height:124px; z-index: 3;}  
.unfold-field .unflod-field_mask { height: 78px; width: 100%; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),to(#fff)); background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff);}  
.unfold-field_text{ cursor: pointer; width:100%; color: #406599; height:46px; font-size: 0px; line-height: 46px; text-align: center; background:#fff; }  
.unfold-field_text span{ display:inline-block; font-size: 16px; height:46px; line-height: 46px;}  
.unfold-field_text span::after{ content:""; vertical-align: middle; background:url(../img/bottom.png); background-size: contain; background-repeat: no-repeat; width: 9px; height: 6px; display: inline-block; margin-left: 5px;}  

}

@media screen and (max-width:768px){

h1{ font-size:20px;}

.width{ width:92%; margin:0 auto;}

.banner{ background-size:100% 7.5rem; height:7.5rem;}

.logo{ width:4.888rem; margin:0 auto; margin-top:1rem; height:1.777rem;}
.logo img{ width:100%;}
.banner .name{ width:90%; margin:0 auto; margin-top:0.666rem; }
.banner .name img{ width:100%;}
.banner .name2{ width:90%; margin:0 auto;}

.menu{ display:none;}

/* ----------------------------------------------------- hgroup */

h1{font:bold 0.8rem/0.9rem "SimHei";}

hgroup.white_triangle{ height:2rem; margin-top:1rem;}
hgroup.white_triangle:before{ width:0.33rem; height:0.33rem;margin-left:-0.11rem; top:-0.18rem;}
hgroup.white_triangle h1{ padding-top:0.5rem;}
hgroup.white_triangle h5{ font-size:0.5rem; line-height:0.5rem;}

hgroup.feature{ height:2rem;}
hgroup.feature h1{ padding-top:0.5rem;}
hgroup.feature h5{ font-size:0.5rem; line-height:0.5rem;}

hgroup.training{ width:100%; height:1.8rem;}
hgroup.training h5{  font-size:0.5rem; line-height:0.5rem;}

hgroup.gray_triangle{ width:100%; height:2rem;}
hgroup.gray_triangle:before{  width:15px; height:15px; margin-left:-5px; top:-8px;}
hgroup.gray_triangle h1{ padding-top:0.5rem;}
hgroup.gray_triangle h5{ font-size:0.5rem; line-height:0.5rem;}

.preface hgroup{ width:90%; height:1.2rem; border-radius:0.4rem;margin-top:1rem; margin-bottom:0.5rem;}
.preface hgroup h1{ margin:-0.35rem 2rem 0 2rem; padding:0 0.5rem;}
.preface hgroup h5{ font-size:0.5rem; line-height:0.5rem;}

.advantages{ margin-top:0.5rem;}
.advantages *{ font-size:0.5rem; line-height:1rem;}
.advantages h3{ display:none;}
.advantages ul.qhtab{ height:0.88rem; margin-bottom:0.5rem;}
.advantages ul.qhtab li{ height:0.88rem;  line-height:0.88rem;margin-right:0.2rem;border-radius:0.44rem; padding:0 0.3rem;}

.advantages .qhdiv{ width:92%; font:normal 0.5rem/0.8rem "Arial"; border:none;}

.advantages article{ width:100%;}
.advantages article a{ width:100%-2px; margin:0.2rem auto; height:1.2rem; line-height:1.2rem;}
.advantages article p.fuli{ padding:0.1rem 0.2rem; margin-top:0.2rem;}
.advantages img{ width:100%;}

/* ----------------------------------------------------- setting */

.PC{ display:none;}

.setting{ width:90%; margin:0 auto; border-left:1px dotted #dddddd;}
.setting dd{padding-left:0.5rem; position:relative;}
.setting dd:before{content:""; display:block; position:absolute; width:0.3rem; height:0.3rem; border-radius:0.15rem; background:rgb(81, 192, 248); left:-0.2rem; top:0.45rem;}

/* ----------------------------------------------------- special */

.special{ width:92%; margin:0 auto;}  
.special ul li{ width:100%-2px; border:none;}
.special ul li img{ width:100%;}
.special ul li div{ width:100%; position:relative; margin-top:-1.55rem;}
.special ul li div h3{ line-height:1.2rem; font-size:0.8rem;}

/* ----------------------------------------------------- boxmobile */

.box{ width: 92%; margin:0 auto; overflow: hidden; position:relative;}

/* teacher */

.box_img{ overflow:hidden;}
.box_img .teacher{ width:48%; margin:1%; float:left; position:relative; text-align:center; min-height:10.5rem;}

.box_img .teacher div{ width:130px; margin:0 auto; height:130px; background:#ffffff; overflow:hidden; border-radius:50%; border:6px solid #ffffff;}
.box_img .teacher div:hover{ box-shadow:0 0 20px #cccccc;}
.box_img .teacher img{ height:130px; }
.box_img .teacher h3{ font-size:15px; font-weight:bold; line-height:24px;}
.box_img .teacher p{ font-size:0.5rem; line-height:23px;}

.unfold-field{ display:none;} 

/* review */

.review{ width:100%; overflow:hidden;}
.review td a.photo{ display:block; width:240px; height:160px; margin:0 6px; overflow:hidden; border-radius:6px;}
.review td a.name{ display:block; line-height:22px; margin:5px 10px 0 10px; font-size:14px;}
.review td{ width:240px;}
.review td img{ width:240px; height:160px; display:inline; transition:all 1s;}
.review td img:hover{ transform:scale(1.2);}
.review a{ color:#000000;}

/* enroll */

.telephone h3{ width:100%; line-height:2rem; text-align:center; }
.telephone{ width:92%; margin:0 auto; }
.telephone li{ line-height:1.5rem;}
.telephone li a{ color:#333333;}

.baoming{ width:92%; margin:0 auto 0.5rem;}
.baoming h3{ width:100%; line-height:2rem; text-align:center;}
.zhanghu{ width:100%;}
.jiedai{ width:100%;}
.jiedai a{ color:#333333;}

/* form1 */

.form1{ width:92%; margin:0.5rem auto;}
.form1 dd{ border:1px solid #dcdcdc; width:100%; height:1.5rem; margin:0.5rem 0;}
.form1 dl input[type="text"]{ height:1.5rem; width:100%; border:1px solid #ccc; border:none; font-size:14px; text-indent:0.5rem; }
.form1 dl input::-webkit-input-placeholder{ color:#D5D5D5;}
        input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#D5D5D5;}
        input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#D5D5D5;}
        input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#D5D5D5;}

.redian textarea::-webkit-input-placeholder{ color:#D5D5D5;}
        input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#D5D5D5;}
        input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#D5D5D5;}
        input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#D5D5D5;}

/* redian */

table.redian{ width:92%; margin:0 auto; background:#ffffff; border-collapse:collapse; margin-bottom:10px;}

table.redian td{ border:1px solid #DDDDDB; padding:5px;}
table.redian td:first-child{ background:#F8F8F8; width:2rem; text-align:center;}
table.redian td textarea{ height:80px; width:100%; border:none; outline:none; line-height:22px; resize:none;}
table.redian td input[type="text"]{ width:120px; height:30px; margin-left:5px; border:1px solid #dddddd;}
table.redian td img{ position:relative; top:8px; margin-left:10px;}

.baomingsubmit{ width:92%; margin:0 auto;}
.baoming_button input{ width:48%; height:36px; background:#FFBB1E; border:none; font-size:14px; color:#ffffff; font-weight:bold;}
.baoming_button input:first-child{ float:left;}
.baoming_button input:last-child{ float:right;}
.baoming_button input:hover{ background:rgba(255,187,30,0.8);}

.footer{ height:4.5rem; padding-top:0.5rem; background:#1A86DB url(../images/map.png) no-repeat center 0; background-size:100%; font-size:0.5rem; text-align:center; color:#ffffff; overflow:hidden;}

#foot_menu{ height:40px; color:#FFFFFF; margin-top:50px; line-height:40px;}
#foot_menu a{ color:#FFFFFF;}

.side-bar{ position: fixed;	 bottom:0; z-index: 100; width:100%; background:rgba(79,181,236,0.8); line-height:2rem; font-size:0.8rem; text-align:center;}
.side-bar a{ color:#ffffff;}

.eject{ display:none;}

/* float_layer */

.tktt{ width:100%; background:#0051BF;}
.tktt span{color:#fff;font-size:12px; float:left;line-height:30px;padding-left:10px}
.tk{ width:450px; height:470px; position: fixed; top:0; margin-top:154px;	font-size: 0; line-height: 0;	z-index: 100;	left:50%;	padding-left:50px;}
.small{width:21px;height:30px; background:url(../images/small.png) no-repeat 0 center; float:right; margin-right:5px;}
.delect{width:21px;height:30px; background:url(../images/delect.png) no-repeat 0  center; float:right; margin-right:5px;}
.tkcontent{ float:left; width:90%; padding:2% 5%; background:#f5f5f5; border-bottom:2px solid #f1f1f1;}
.tkcontent h1{ width:100%; text-align:center; font-size:14px;paading-bottom:10px; margin-bottom:10px; height:50px; border-bottom:1px dashed #cccccc;}
.tkcontent p{ font-size:12px; line-height:24px}

}