﻿/* 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{background-color: #fca442;padding-bottom: 50px;}

/*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;}


.why,.ssat,.test,.teacher,.hj{width: 94%;height: auto;position: relative;overflow: hidden;background-color: #fff;margin-left: 3%;border-radius: .2rem;padding-bottom: .4rem;margin-bottom: .3rem;}
.why{margin-top: .3rem;}
.why dl{width: 100%;height: auto;position: relative;overflow: hidden;margin-top: .3rem;}
.why dl dt{height: .35rem;font-size: .34rem;width: 10%;float: left;margin-left: 5%;border-bottom: .12rem solid #fca442;}
.why dl dd{height: .5rem;font-size: .28rem;width: 70%;float: left;margin-left: 5%;line-height: .5rem;}


.ssat dl{width: 94%;height: auto;position: relative;overflow: hidden;margin-top: .3rem;margin-left: 3%;box-shadow: 0px 0px 7px 3px #d8d8d8;-webkit-box-shadow: 0px 0px 7px 3px #d8d8d8 ;padding-bottom: .2rem;}
.ssat dl dt{height: .9rem;font-size: .36rem;width: 100%;background-image: url(../images/head.jpg);background-size:auto 100% ;background-position: center top;text-align: center;color: #333;background-repeat: no-repeat;line-height: .9rem;}
.ssat dl dd{width: 100%;height: auto;margin-top: .15rem;}
.ssat dl dd p{font-size: .28rem;color: #333;text-align: center;line-height: .5rem;}

#tab{width: 94%;margin-left: 3%;height:.7rem;position: relative;overflow: hidden;margin-top: .3rem;}
#tab span{display: block;cursor: pointer;width:48%;text-align: center;height: .7rem;font-size: .3rem;color: #333;line-height: .7rem;float: left;margin-right: 4%;background-color: #efefef;border-radius: .1rem;}
#tab span.se{background-color: #fca442;color: #fff;}
#tab_content{width:94%;margin-left: 3%;height: auto; position: relative; overflow: hidden;text-align: center;margin-top: .3rem;}
#tab_content .ever{display: none;width:100%;height: auto; position: relative; overflow: hidden;}
#tab_content .ever ul{width: 100%;height: auto;position: relative;overflow: hidden;margin-top: .3rem;padding: 0 0 .3rem 0;border-bottom: 1px dashed #ccc;}
#tab_content .ever ul li{width: 49%;border-left: 1px dashed #ccc;float: left;}
#tab_content .ever ul li h3{width: 94%;margin-left: 3%; color: #333;font-size: .32rem;text-align: left;}
#tab_content .ever ul li p{width: 97%;margin-left: 3%;color: #333;font-weight: normal;font-size: .25rem;text-align: left;line-height: .4rem;margin-top: .1rem;}

.course{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;padding-bottom: .4rem;margin-bottom: .3rem;}
.course ul{width: 100%;height: auto;position: relative;overflow: hidden;}
.course ul li{width: 48%;height: 4.7rem; margin-right: 4%;background-color: #fff;float: left;margin-top: .3rem;padding:0 0 .2rem 0;border-radius: .1rem;}
.course ul li h3{width: 100%;color: #333;font-size: .32rem;text-align: center;background-color: #efefef;height: .7rem;line-height: .7rem;border-top-left-radius: .1rem;border-top-right-radius: .1rem;}
.course ul li p{width: 97%;margin-left: 3%;color: #333;font-weight: normal;font-size: .25rem;text-align: left;line-height: .4rem;margin-top: .1rem;}

.teacher ul{width: 94%;height: auto;position: relative;overflow: hidden;margin-left: 3%;}
.teacher ul li{width: 33%;float: left;height: auto;margin-top: .3rem;}
.teacher ul li img{width: 70%;height: auto;border-radius: 50%;margin-left: 15%;}
.teacher ul li h3{width: 94%;margin-left: 3%; color: #333;font-size: .32rem;text-align: center;}
.teacher ul li p{width: 95%;height: .8rem; margin-left: 5%;color: #333;font-weight: normal;font-size: .25rem;text-align: left;line-height: .4rem;margin-top: .1rem;}

.hj img{width: 100%;height: auto;margin-top: .3rem;}

/*公共*/
h3.pub_head{width: 100%;height:auto;line-height:.5rem; text-align: center;color: #333;font-size:.45rem;margin-top: .3rem;}
h3.pub_head span{color: #fca442;}
p.pub_info{color: #333;font-size: .34rem;text-align: center;margin-top: .1rem;}

p.zx{width: 100%;height: .7rem;position: relative;margin-top: .3rem ;}
p.zx>a{display: block;height: .7rem;width: 35%;float: left;margin-left: 10%;font-size: .28rem;text-align: center;background-size:100% 100%;background-position: center top;background-repeat: no-repeat;color: #fff;line-height: .6rem;}
p.zx>a.btn1{background-image: url(../images/btn.png);}
p.zx>a.btn2{background-image: url(../images/btn1.png);}
p.zx1{width: 100%;height: .8rem;position: relative;margin-top: .3rem ;}
p.zx1>a{display: block;height: .8rem;width: 48%;float: left;margin-left: 26%;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;}