/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,sub,sup{margin:0;padding:0;list-style:none;font-style: normal;  font-family:"微软雅黑"; border:0 none;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none;}
a:focus,input:focus,textarea:focus{outline:none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; outline:none;display: inline-block;}

body{padding-bottom:51px;}

/*header*/
header{width:100%; height:auto; text-align:center; line-height:44px; overflow:hidden; position: absolute;z-index: 10;}
.logo{width:24%; height: auto; float:left;margin-left: 38%;}
.tel{float:right;color: #e63700;font-size:0.32rem;margin-right: .2rem;line-height: .8rem;margin-top: .1rem;}
.banner{width: 100%;height: auto;position: relative;overflow: hidden;}
.banner img{width: 100%;height: auto;}
.banner>p{width: 100%;height: auto;font-size: .6rem;color: #333;text-align: center;line-height: 4rem;}

.what,.advantage,.student,.school,.type{width: 100%;height: auto;position: relative;overflow: hidden;margin-top: .5rem;}
.what{padding-bottom: .15rem;}
.what p{width: 88%; color: #505151;font-size: .28rem;margin-top: .3rem;line-height: .35rem;text-align: left;margin-left: 4%;box-shadow:0px 0px 15px #637fe5;-webkit-box-shadow: 0px 0px 15px #637fe5;padding: .2rem 2%;border-radius: .2rem;line-height: .44rem;}


.advantage .slide{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .2rem;margin-left: 3%;padding: .1rem 0;}
.advantage .slide dl{float: left;width: 46%;height: auto;margin: 0 2%;border-radius: 15px;box-shadow:0px 0px 15px #637fe5;-webkit-box-shadow: 0px 0px 15px #637fe5; background-color: #fff;position: relative;overflow: hidden;margin-top: .3rem;padding: .2rem 0;margin-bottom: .2rem;}

.slide>dl>dt{width: 100%;height: auto;text-align: center;}
.slide>dl>dt span{display: block;width: 30%;height:auto;font-size: 0;margin-left: 35%;}
.slide>dl>dt span img{width: 100%;height: auto;}
.advantage .slide dl dt h3{color: #333;text-align: center;font-size: .32rem;margin-top: .1rem;text-align: center;}
.advantage .slide dl dd p{width: 90%; line-height: .32rem;color: #333;font-size: .22rem;text-align: center;margin-left: 5%;margin-top: .1rem;}

.student dl{ width:92.18%; margin:0 auto; overflow:hidden; border-bottom:1px solid #eeeeee;margin-top: .3rem;}
.student dl dt{ float:left; width:13.2%; text-align:center; height:0.98rem; line-height:0.98rem; color:#4e6fe6; font-weight:bold; font-family:myFirstFont; font-size:0.7rem;}
.student dl dd{ float:left; width:82%; overflow:hidden;margin-top: .1rem;margin-left: 3%;}
.student dl dd p{ color:#333; font-size:.25rem; line-height:0.4rem; text-align:left;}

.school>p.intro{width: 88%; color: #505151;font-size: .28rem;margin-top: .3rem;line-height: .35rem;text-align: left;margin-left: 4%;box-shadow:0px 0px 15px #637fe5;-webkit-box-shadow: 0px 0px 15px #637fe5;padding: .2rem 2%;border-radius: .2rem;line-height: .44rem;}

.school>.info{text-align: center;margin-top:.35rem;text-align: center;font-size: .3rem;font-weight: normal;}
.school img{width: 100%;height: auto;margin-top: .2rem;}
.course{width: 100%;height: auto;margin-top: .5rem;padding:.3rem 0 .5rem 0;background-color: #4c6ce0;}
.course table{width: 94%;height: auto;margin-top: .3rem;text-align: center;margin-left: 3%;}
.course table tr th{color: #333;font-size: .28rem;height: .5rem;font-weight: normal;background-color: #f5da45;}
.course table tr td{color: #333;font-size: .28rem;height: .6rem;background-color: #fff;}
.course dl{width: 94%;height: auto;margin-top: .3rem;text-align: center;margin-left: 3%;position: relative;overflow: hidden;}
.course dl dt{width: 100%;height: auto;}
.course dl dt>img{width: 100%;height: auto;}
.course dl dd{width: 100%;height: auto;position: relative;overflow: hidden;margin-top: 15px;}
.course dl dd p{width:30%;height: auto;margin-right: 5%;font-size: .25rem;color: #fff;float: left;text-align: center;}
.course .discount>img{width: 60%;height: auto;margin-top: .15rem;margin-left: 30%;}

/*公共*/
h3.pub_head{width: 100%;height:auto;line-height:.5rem; text-align: center;color: #333;font-size:.42rem;margin-top: .3rem;}
h3.pub_head span{display:block;width:16%;height: .1rem;background-color: #4e6fe6;margin: 0 auto;margin-top: .1rem;}
p.pub_info{color: #333;font-size: .34rem;text-align: center;margin-top: .1rem;}

.line{position: relative; width: 94%;height: 8px;margin-top: .2rem;margin-left: 3%;}
.index_bg{background: rgba(255,255,255,0.2);width: 100%; height: 1px; width: 100%;}
.index_bg1{background: rgba(21,17,8,0.2);}
.line b{width: 85px; height: 7px; background: #007aff; position: absolute; top: -3px; left: 20%;}


p.zx{width: 100%;height: .7rem;position: relative;margin-top: .3rem ;}
p.zx>a{display: block;height: .7rem;width:50%;float: left;margin-left: 25%;font-size: .28rem;text-align: center;background-size:100% 100%;background-position: center top;background-repeat: no-repeat;color: #fff;line-height: .7rem;border-radius: .1rem;}
p.zx>a.btn1{background-color: #4e6fe6;}
p.zx>a.btn2{background-image: url(../images/btn1.png);}
p.zx1{width: 100%;height: auto;position: relative;margin-top: .3rem ;}
p.zx1>a{display: block;height: auto;width: 50%;float: left;margin-left: 25%;font-size: .28rem;text-align: center;background-image: url(../images/btn.png);background-size:100% 100%;background-position: center top;background-repeat: no-repeat;color: #fff;line-height: .7rem;}