/* CSS Document */
*{ margin:0; padding:0;}
img{ outline:none; border:none;}
ul li,ol li{ list-style:none;}
a{ text-decoration:none;}
html,body,p,h1,h2,h3,h4,h5,h6,p,div,span,font,a{ font-family:"微软雅黑"; font-size:12px;}

.nav{ width:1000px; overflow:hidden; margin:0 auto; height:76px;}
.nav p{ float:left; width:102px; height:64px;}
.nav p img{ display:block; width:102px; height:64px;}
.nav ul{ float:left; height:76px; margin-left:142px; overflow:hidden;}
.nav ul li{ float:left; width:110px; height:76px; line-height:76px; text-align:center;}
.nav ul li a{ display:block; font-size:20px; color:#FFF;}
.nav ul li a:hover{ color:#F90;}
.nav span{ float:right; width:185px; height:76px; background:url(../images/phone.jpg) left center no-repeat; line-height:76px; font-size:20px; color:#FFF; text-indent:42px;}

.banner{ width:1000px; overflow:hidden; margin:0 auto; padding-top:445px; box-sizing:border-box;}
.yi{ display:block; width:254px; height:66px; margin-left:264px; opacity:0.3; background:#333; border-radius:2.6em;}
.yi:hover{opacity:0;}

.zixun{ display:block; width:472px; height:66px; line-height:66px; text-align:center;  margin:16px 0 0 46px; border-radius:2.6em; background:#fff; font-size:26px; color:#fc5313; opacity:0.6;}
.zixun:hover{ opacity:1;}

.reason{ width:1000px; overflow:hidden; padding-top:24px; margin:0 auto;}
.reason h3{ width:100%; height:165px; line-height:164px; text-align:center; font-size:50px; color:#000000; font-weight:normal; background:url(../images/h_bg.png) 365px center no-repeat;}
.reason h3 span{ display:inline-block; font-size:50px; font-weight:bold;}

#rea_ct{ width:100%; overflow:hidden; height:341px;}
#rea_ct dl{ float:left; width:163px; height:341px; padding-top:124px; background:url(../images/reason2.png) no-repeat; margin-right:4px;}
#rea_ct dl dt{ width:100%; height:102px; overflow:hidden; font-size:20px; color:#000; font-weight:bold; line-height:52px; text-align:center;}
#rea_ct dl dd a{ display:block; margin:0 auto; width:104px; height:44px; border:1px solid #000; border-radius:4px; line-height:44px; text-align:center; color:#000; font-size:16px;}
#rea_ct dl.se{ background:url(../images/reason1.png) no-repeat;}
#rea_ct dl.se dt{ color:#FFF;}
#rea_ct dl.se dd a{ color:#FFF; border:1px solid #FFF;}

.online{ font-size:20px; color:#fc5b15; width:417px; height:65px; line-height:64px; text-align:center; border-radius:4px; border:1px solid #fc5b15; display:block; margin:40px auto;}
.online:hover{ color:#FFF; background:#fc5b15;}
.test{ width:100%; height:271px; overflow:hidden; background:url(../images/listen_12.jpg) center top no-repeat; padding:22px 0 0 124px; box-sizing:border-box;}

.time{ float:left; width:326px; overflow:hidden;}
.time dl{ height:53px; width:100%; overflow:hidden;}
.time dl dt{ float:left; width:50px; font-size:18px; line-height:53px; color:#000; font-weight:bold;}
.time dl dd{ float:left; height:53px; font-size:14px; line-height:53px; color:#000;}

.classify{ float:right; width:448px; overflow:hidden;}
.classify h4{ width:100%; height:53px; line-height:53px; text-align:center; font-size:20px; color:#000; text-align:center;}
.classify p{ width:448px; overflow:hidden; padding-top:16px; padding-left:26px; box-sizing:border-box;}
.classify p span{ float:left; width:120px; height:44px; line-height:44px; text-align:center; background:#fc5b15; color:#FFF; font-size:14px; margin:0 20px 12px 0;}
.classify a{ display:block; line-height:40px; font-size:16px; color:#fc5b15; text-align:center; width:100%;}

.ready{ width:1000px; height:881px; overflow:hidden; margin:0 auto;}
.ready h3{ margin-bottom:100px; width:100%; height:176px; line-height:180px; text-align:center; font-size:50px; color:#FFF; font-weight:normal; background:url(../images/h_bg.png) 546px center no-repeat;}
.ready h3 span{ display:inline-block; font-size:50px; font-weight:bold;}
.ready p{ width:100%; height:67px; overflow:hidden; text-align:center;}
.ready p a{ display:inline-block; width:367px; height:65px; line-height:64px; text-align:center; font-size:20px; color:#FFF; font-weight:bold; border:1px solid #FFF; margin-right:42px; border-radius:4px;}
.ready p a:hover{ border:1px solid #fc5b15; background:#fc5b15;}

.content{ width:100%; overflow:hidden; height:460px;}
.content a{ float:left; width:302px; height:58px; line-height:58px; text-align:center; color:#FFF; font-size:18px; margin:0 42px 120px 0;}
.content a:hover{ background:#FFF; color:#000;}


.voca h3{ width:100%; height:200px; line-height:200px; font-size:50px; text-align:center; font-weight:normal; background:url(../images/h_bg.png) 260px center no-repeat;}
.voca h3 span{ display:inline-block; font-size:50px; font-weight:bold;}
.complete{width:194px; height:46px; line-height:46px; text-align:center; margin:360px auto 0; font-size:20px; color:#FFF; background:#fc5b15; border-radius:6px; display:block;}
.complete:hover{ color:#fc5b15; background:#FFF; border:1px solid #fc5b15;}

.course{ width:1000px; height:802px; overflow:hidden; padding-top:176px; box-sizing:border-box;}
.course dl{ float:left; width:450px; height:271px; padding-top:28px; box-sizing:border-box; margin-bottom:40px;}
.course dl dt{ width:100%; height:68px; line-height:68px; text-align:center; font-size:24px; color:#ffffff; font-weight:bold;}
.course dl dd{ width:100%; height:90px; line-height:26px; font-size:16px; color:#FFF; text-align:center;}
.course dl dd a{ display:block; margin:0 auto; width:144px; height:44px; line-height:44px; text-align:center; border:1px solid #FFF; border-radius:6px; font-size:16px; color:#FFF;}
.course dl dd a:hover{ background:#FFF; color:#F90;}

.data{ width:1000px; margin:0 auto; height:783px; overflow:hidden; padding:352px 0 0 98px; box-sizing:border-box;}
.data dl{ float:left; width:446px; overflow:hidden; margin-right:6px;}
.data dl dt{ width:100%; overflow:hidden;}
.data dl dt p{ width:100%; height:58px; line-height:58px; text-indent:55px; font-size:22px; color:#FFF; margin-bottom:6px;}
.data dl dd{ width:100%; overflow:hidden;}
.data dl dd a{ display:block; width:219px; height:56px; line-height:56px; text-align:center; font-size:20px;color:#fc5b15; background:#ffdb3d; border-radius:6px; margin:14px 0 0 16px;}
.data dl dd a:hover{ color:#FFF; background:#fc5b15;}

.plan{ width:1000px; height:906px; background:url(../images/listen_22.jpg) center top no-repeat; margin:0 auto; overflow:hidden; padding-top:776px; box-sizing:border-box;}
.plan a{ display:block; width:481px; height:62px; line-height:56px; text-align:center; background:url(../images/btn_bg.png) no-repeat; font-size:22px; color:#FFF; margin:0 auto;}

.question{ width:1000px; overflow:hidden; margin:0 auto; height:896px; background:url(../images/listen_25.jpg) center top no-repeat;}
.question h3{ width:100%; height:138px; line-height:138px; font-size:50px; font-weight:normal; text-align:center; color:#000; background:url(../images/h_bg.png) 640px 24px no-repeat;}
.question h3 span{ display:inline-block; font-size:50px; font-weight:bold;}

.que_ct{ width:1000px; overflow:hidden; padding-left:120px; box-sizing:border-box;}
.que_ct dl{ width:100%; overflow:hidden; height:127px; margin-bottom:36px;}
.que_ct dl dt{ width:100%; height:55px; line-height:56px; text-align:left; font-size:18px; color:#000; font-weight:bold;}
.que_ct dl dd{ width:100%;  font-size:16px; line-height:20px; color:#000;  height:60px; padding-top:10px; text-indent:18px;}
.que_ct dl dd a{ color:#fc5313; font-size:16px;}
.que_ct dl dd a:hover{ color:red;}

.zx_ms{display:block; width:481px; height:62px; line-height:56px; text-align:center; background:url(../images/btn_bg.png) no-repeat; font-size:22px; color:#FFF; margin:0 auto;}

.foot{ width:100%; height:210px; background:#e7e8ed; text-align:center; padding-top:34px; box-sizing:border-box;  font-size:16px; line-height:26px; color:#000;}