﻿@charset "utf-8";
/* CSS Document */
/*banner*/
#flashs { overflow:hidden; width:100% !important; height:600px; position:relative}
#flashs .btn{ position:absolute; z-index:7; bottom:18px; left:50%; margin-left:-31px;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#1a5faa;} 
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
/*理由*/
.liyou{overflow:hidden; margin:30px auto;}
.liyou h2{text-align:center; font-size:30px; color:#333; font-weight:normal;}
.liyou .line{width:100%;height:31px;background:url(../images/liyou_line.jpg) no-repeat center top; margin:5px 0;}
.liyou p{text-align:center; font-size:16px;}
.liyou .yw{ width:266px; height:40px; line-height:40px; background:#ff5a00; margin:40px auto; text-align:center;border-radius:20px;}
.liyou .yw a{ color:#fff; font-size:16px; display:block;}
.liyou .yw a:hover{background:#192061;border-radius:20px;}
.liyou ul{ width:1200px; margin:0px auto;}
.liyou  ul li{ width:200px; float:left; text-align:center;}
/*数字*/
.number { overflow:hidden; width:1000px; margin:60px auto; height:140px;}
.number li{ float:left; width:250px; height:140px; background:url(../images/num.png) no-repeat right 20px;}
.number li.last{ background:none}
.number li .num{ width:100%; text-align:center; font-size:45px; font-weight:bold; color:#ff6700; line-height:45px; height:45px; overflow:hidden; margin-bottom:15px; position:relative}
.number li p{ font-size:12px; line-height:20px; color:#666; text-align:left;width:210px;margin-left:20px;}
.number li b{ display:inline-block; height:495px; position:relative}
.number li b{ *display:inline}
.number li span{ display:inline-block; height:495px; position:relative; top:-450px; *top:0}
.number li span{ *display:inline}

/*title*/
.title { overflow:hidden; width:100%;}
.title h2{ text-align:center; font-size:30px; color:#333;}
.title h2 a{ color:#333}
.title a{ color:#333}
.title p{ font-size:16px; color:#666; text-align:center; margin-top:5px;}
.title.wt h2{ color:#fff}
.title.wt h2 a{ color:#fff}
.title.wt a{ color:#fff}
.title.wt p{ color:#fff;}

/*课程*/
.kecheng { overflow:hidden; width:100%; padding:60px 0; background-color:#f5f7fa;}
.kecheng .listbox{ overflow: hidden; width:1010px; margin:0 auto; margin-top:35px; height:520px;}
.kecheng .listbox li{ float:left; width:495px; height:250px; margin:0 5px 10px 5px; background-color:#fff; box-shadow:0 4px 4px #ccc; *border-bottom:1px solid #ccc}
.kecheng .listbox img{ display:block; float:left;}
.kecheng .listbox .wen{ overflow:hidden; width:245px; float:left; margin-left:25px;}
.kecheng .listbox h3{ text-align:center; font-weight:normal; margin-bottom:5px; font-size:18px; color:#333; margin-top:35px;}
.kecheng .listbox h3 a{ color:#333;}
.kecheng .listbox span{ display:block; margin-bottom:20px; text-align:center; font-size:12px; color:#999}
.kecheng .listbox span b{ color:#ff0000;}
.kecheng .listbox p{ padding-top:20px; border-top:1px dashed #c2c2c2; font-size:12px; color:#666; line-height:20px; margin-bottom:30px;}
.kecheng .listbox .more{ display:block; width:126px; height:33px; background:url(../images/kc05.jpg) no-repeat center top; text-align:center; line-height:30px; font-size:12px; color:#fff; margin:0 auto}
.kecheng .listbox .more:hover{ background-position:bottom}

/*试听*/
.shiting { overflow:hidden; background:url(../images/shiting_bg.jpg) no-repeat center top; width:100%; height:550px; padding-top:60px; position:relative}
.shiting .stbox{ overflow:hidden; width:1000px; height:400px; margin:0 auto; margin-top:35px;}
.shiting .tu{  overflow:hidden; width:1000px; height:380px; float:left; margin:30px 0px;}
.shiting .tu ul li{width:311px;height:150px;background:#FFF;margin-left:11px;margin-right:11px;float:left;margin-bottom:22px;}
.shiting .tu ul li .bb{width:261px;height:100px;margin:25px;}
.shiting .tu ul li .bb img{width:100px;height:100px;border:none;float:left;}
.shiting .tu ul li .bb .bbr{width:141px;height:100px;float:right;}
.shiting .tu ul li .bb .bbr span{width:141px;height:31px;float:left;line-height:31px;font-size:16px;color:#000;}
.shiting .tu ul li .bb .bbr p{width:141px;height:69px;line-height:23px;float:left;font-size:14px;color:#787878;}

/*team*/
.team { overflow:hidden; width:100%; background-color:#f5f7fa; padding:50px 0;}
.team .tbox { overflow:hidden; width:1000px; margin:30px auto; height:360px; position:relative;}
.team .tbox ul{ overflow:hidden; position:absolute}
.team .tbox li{ float:left; width:320px; height:360px; margin-right:20px;}
.team .tbox li img{ display:block; margin-bottom:25px;}
.team .tbox li h4{ text-align:center; margin-bottom:10px; font-weight:normal; font-size:16px;}
.team .tbox li h4 a{ color:#333; }
.team .tbox p{ font-size:13px; color:#666; line-height:20px; height:60px; text-align:center}
.team .btn{ overflow:hidden; width:100%; text-align:center;}
.team .btn span{ display:inline-block; width:59px; height:6px; background-color:#c7c7c7; border-radius:6px; margin:0 3px; cursor:pointer}
.team .btn span{ *display:inline}
.team .btn span.cur{ background-color:#192061;}

/*选择*/
.xuanze { overflow:hidden; width:1000px; margin:60px auto;}
.xuanze .menu{ overflow:hidden; width:100%; text-align:center; margin:40px 0}
.xuanze .menu li { display:inline-block; margin:0 5px; width:85px; height:38px; text-align:center; line-height:38px; border:1px solid #b3b3b3; border-radius:5px; font-size:14px;}
.xuanze .menu li{ *display:inline}
.xuanze .menu li a{ color:#333; display:block; text-decoration:none}
.xuanze .menu li.cur{ background-color:#192061; border-color:#192061;}
.xuanze .menu li.cur a{ color:#fff;}
.xuanze .xzbox{ overflow:hidden; width:100%; height:470px; position:relative}
.xuanze .xzbox dl{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0}
.xuanze .xzbox dt{ overflow:hidden; float:left; width:365px; height:457px; background:url(../images/xuanze01.png) no-repeat left top; padding-left:10px; padding-top:10px;}
.xuanze .xzbox dd{ overflow:hidden; float:right; width:552px; height:100%;}
.xuanze .xzbox h4{ font-size:24px; color:#192061; margin-top:20px; margin-bottom:10px;}
.xuanze .xzbox h5{ font-weight:normal; font-size:12px; color:#333; line-height:20px;}
.xuanze .xzbox h3{ font-weight:normal; margin-top:30px; margin-bottom:15px; font-size:16px; color:#333; line-height:36px;; padding-left:10px; background-color:#f5f7fa;}
.xuanze .xzbox p{ font-size:12px; color:#333; line-height:30px; padding-left:35px; background:url(../images/xuanze03.png) no-repeat 15px center;}
.xuanze .xzbox .btn{ overflow:hidden; width:110%; margin-top:65px; *margin-top:60px;}
.xuanze .xzbox .btn a{ display:block; width:266px; height:73px; text-align:center; line-height:73px; font-size:24px; float:left; margin-right:10px; background-color:#192061; color:#fff; border:1px solid ##192061; border-radius:5px; text-decoration:none}
.xuanze .xzbox .btn a.more{ background:none; border:1px solid #adadad; color:#333}


/*同学会*/
.boyan { overflow:hidden; width:100%; padding:55px 0; background-color:#f5f7fa;}
.boyan .bybox{ overflow:hidden; width:1000px; margin:30px auto; height:325px; position:relative;}
.boyan .bybox ul{ overflow:hidden; position:absolute}
.boyan .bybox li{ float:left; width:328px; height:325px;background-color:#fff; margin-right:8px;}
.boyan .bybox li img.tu{ display:block; margin:0 auto; margin-bottom:10px;}
.boyan .bybox li p{ font-size:12px; line-height:20px; color:333px; height:40px; overflow:hidden; width:285px; margin:0 auto; margin-bottom:20px;}
.boyan .bybox li em{ display:block; width:285px; margin:0 auto; font-size:12px; color:#666; margin-bottom:14px; line-height:22px;}
.boyan .bybox li em img{ margin:0 5px 0 10px;}
.boyan .bybox li .wenbox{ overflow:hidden; width:100%; height:100px; color:#333;}
.boyan .bybox li .wenbox img{ display:block; float:left; margin:14px 10px 0 30px;}
.boyan .bybox li .wen{ overflow:hidden; float:left; margin-top:25px;}
.boyan .bybox li span{ display:block; font-size:14px; text-align: center;}
.boyan .bybox li b{ display:block; font-weight:normal; font-size:12px;  margin-top:5px;}
.boyan .bybox li:hover .wenbox { background-color:#192061;color:#fff;}
.boyan .btn{ overflow:hidden; width:100%; text-align:center;}
.boyan .btn span{ display:inline-block; width:59px; height:6px; background-color:#c7c7c7; border-radius:6px; margin:0 3px; cursor:pointer}
.boyan .btn span{ *display:inline}
.boyan .btn span.cur{ background-color:#192061;}

/*公告栏*/
.index01{ width:100%; overflow:hidden;}
.index001{ width:1200px; margin:0 auto;background:#ececec; height:340px;}
.ggl{ width:257px;height:385px;background:url(../images/ggl.png) no-repeat top; float:left; position:absolute;margin-top:-28px;}
.ggl ul { margin: 80px 40px 0 20px;}
.ggl ul li{background:url(../images/gglli.png) no-repeat center left; line-height:25px; height:25px; overflow:hidden; font-size:13px; padding-left:10px;}
.ggl ul li a{ color:#333;}
.ggl .more{ width:166px; margin:20px auto;}
/*关于我们*/
.about{ width:657px;float:left; margin-left:257px;}
.about .about_top { margin:34px 30px 0 20px;line-height:25px; height:25px;}
.about .about_top span{ float:left; font-size:18px; border-left:6px solid #faad00; padding-left:20px; color:#000;}
.about .about_top p{ float: right; font-size:16px;}
.about .about_top p a{ color:#faad00}
.about .about_text{ margin:20px 20px 0 0;}
.about .about_text .img{ float:left; width:195px; height:237px;}
.about .about_text .p{ float:right; width:426px; font-size:13px; line-height:21px; text-indent:30px;}
.about .about_text .p a{ color:#f0b600; margin-left:20px; font-weight:bold;}
/*资料下载*/
.zlxz{ width:286px;height:340px;background:#fff; float:right;}
.zlxz .zlxz_top { margin:34px 0px 0 14px;line-height:25px; height:25px;}
.zlxz .zlxz_top span{ float:left; font-size:18px; border-left:6px solid #faad00; padding-left:20px;color:#000;}
.zlxz .zlxz_top p{ float: right; font-size:16px;}
.zlxz .zlxz_top p a{ color:#faad00}
.zlxz ul { margin:20px 20px 0 20px;}
.zlxz ul li{background:url(../images/gglli.png) no-repeat center left; line-height:28px; height:28px; overflow:hidden; font-size:13px; padding-left:12px;}
.zlxz ul li a{ color:#333;}
/*news*/
.news { overflow:hidden; width:100%; padding:60px 0; background-color:#f5f7fa;}
.news .menu { overflow:hidden; text-align:center; width:100%; margin:30px 0;}
.news .menu li{ display:inline-block; width:125px; height:40px; border:1px solid #b3b3b3; text-align:center; line-height:40px; font-size:14px; border-radius:5px; margin:0 2px;}
.news .menu li{ *display:inline}
.news .menu li a{ color:#333; display:block; text-decoration:none}
.news .menu li.cur{ background-color:#192061; border-color:#192061;}
.news .menu li.cur a{ color:#fff;}
.news .newsbox { overflow:hidden; width:1000px; height:355px; margin:0 auto; position:relative; margin-bottom:40px;}
.news .newslist{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0}
.news .newslist ul{ overflow:hidden; position:absolute}
.news .newslist li{ float:left; width:313px; height:355px; margin-right:30px; background-color:#fff;}
.news .newslist li img{ display:block; margin:0 auto; margin-bottom:25px;}
.news .newslist li h3{ font-weight:normal; font-size:14px; width:270px; margin:0 auto; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .newslist li h3 a{ color:#333;}
.news .newslist li p{ width:270px; margin:0 auto; text-align:justify; font-size:12px; line-height:20px; color:#666; height:60px; overflow:hidden;}
.news .more{ display:block; margin:0 auto; width:168px; height:42px; background-color:#192061; text-align:center; line-height:42px; font-size:12px; color:#fff; text-decoration:none; border-radius:5px;}

/*荣誉*/
.rongyu{ overflow:hidden; width:100%; height:610px; padding-top:66px; background:url(../images/ry_bg.jpg) no-repeat center top;}
#ImgBox{ overflow:hidden; width:1125px; margin:0 auto;  height:435px; position:relative; margin-top:40px;}
#ImgBox span{ cursor:pointer; width:41px; height:79px; position:absolute; top:175px;}
#ImgBox .shiliLeft{ background: url(../images/rybtn01.png) no-repeat center top; left:0;}
#ImgBox .shiliRight{ background: url(../images/rybtn02.png) no-repeat center top; right:0;}
#ImgBox span:hover{ background-position:bottom}
#ImgBox #ImgWindow{ overflow:hidden; width:940px; margin:0 auto; height:435px; position:relative;}
#ImgBox .tu01,#ImgBox .tu05,#ImgBox .tunone{ position:absolute; top:106px; width:176px; height:232px; overflow:hidden; z-index:1; background:url(../images/ryk03.png) no-repeat center top;}
#ImgBox .tu01 img,#ImgBox .tu05 img{ display:block; width:161px; height:206px; margin:0 auto; margin-top:7px;}
#ImgBox .tu02,#ImgBox .tu04{ position:absolute; top:63px; width:242px; height:318px; overflow:hidden; z-index:2; background:url(../images/ryk02.png) no-repeat center top;}
#ImgBox .tu02 img,#ImgBox .tu04 img{ display:block; margin:0 auto; width:220px; height:282px; margin-top:10px;}

#ImgBox .tu01{ left:0;}
#ImgBox .tu05{ right:0;}
#ImgBox .tu02{ left:133px;}
#ImgBox .tu04{ right:133px;}
#ImgBox .tunone{ left:50%; margin-left:-88px; display:none}
#ImgBox .tu03{ width:322px; height:425px; position:absolute; left:50%; margin-left:-161px; top:0; z-index:3; background:url(../images/ryk01.png) no-repeat center top;}
#ImgBox .tu03 img{ display:block; width:294px; height:376px; margin:0 auto; margin-top:13px;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}

