@charset "gb2312";
*{margin: 0 auto;padding: 0;font-family: "΢ź";}
ul{list-style-type: none;}
a{text-decoration: none; cursor: pointer;}
img{border: 0;}

/*banner*/
#banner{width: 100%;height:679px;background-image: url(../images/bg_01.jpg);background-repeat: no-repeat;background-position: center center;background-size:1920px 679px;position: relative;margin: 0 auto;}
#header a.tel{color:#fff;font-size:28px;float: right;margin-top: 40px;padding-left: 48px;color: #ea5404;display: block;margin-right: 50px;}
#banner>a{width: 256px;height:58px;display: block;border-radius: 10px;text-align: center;line-height: 60px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 420px;}
#banner .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 1px solid #fb8600;}
#banner .btn2{color:#639b0d;margin-left: 23px;border: 1px solid #639b0d;}
#banner .btn1:hover{background-color: #ff5d0d;}
/*导航*/
.nav{width: 100%;height: 113px;background-image: url(../images/bg_02.jpg);background-repeat: no-repeat;background-position: center center;background-size:1920px 113px;position: relative;overflow: hidden;display: flex;justify-content:center;align-items:center;}
.nav p{width: 1000px;height:113px;position: relative;overflow: hidden; font-weight:bold;}
.nav p a{color: #fff;display: block;width: 113px;height: 113px;float: left;text-align: center;line-height: 113px;font-size: 18px;margin-right: 33px;}
.nav a:hover{color: #58800c;font-weight: bold;background-image: url(../images/spring_12.png);background-size: 113px 113px;background-position: center;}

/*第一部分---优惠*/
#sale{width: 100%;/*height: 494px;*/height: 444px;position: relative;padding-top: 50px;background-image: url(../images/bg_03.jpg);background-position: center;background-size: 1920px 494px;}
#sale>h3{width:1000px;color: #639b0d;font-size: 40px;text-align: center;height: 137px;background-image: url(../images/spring_16.png);background-position: center;background-size: 1000px 137px;line-height: 150px;}
#sale>h3>span{color: #fb8600;}
#sale>ul{width: 900px;height: 168px;overflow: hidden;margin-top: 15px;}
#sale>ul>li{width: 263px;height: 168px;background-image: url(../images/spring_21.png);background-repeat: no-repeat;background-position: center;background-size: 263px 168px;float: left;text-align: center;margin-right: 55px;letter-spacing: 2px;}
#sale>ul>li>p{margin-top: 30px;line-height: 55px;color: #639b0d;font-size: 31px;}
#sale>ul>li>p>span{color: #fb8600;font-size: 32px;font-weight: bold;}
/*#sale>a{display: block;width: 428px;height: 72px;color: #fff;font-size: 22px;line-height: 72px;text-align: center;border-radius: 36px;margin-top: 50px;background-color: #fb7c38;}*/
#sale>a{width: 256px;height:66px;display: block;border-radius: 10px;background-color: #fff;text-align: center;line-height: 70px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 52px;}
#sale .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 2px solid #fb8600;}
#sale .btn2{color:#639b0d;margin-left:  23px;border: 2px solid #639b0d;}
#sale .btn1:hover{background-color: #ff5d0d;}

/*第二部分---班型*/
#class{width: 100%;/*height: 610px;*/height: 555px;position: relative;padding-top: 55px;background-image: url(../images/bg_04.jpg);background-position: center;background-size: 1920px 610px;}
#class>h3{width:1000px;color: #639b0d;font-size: 38px;text-align: center;height: 117px;background-image: url(../images/spring_24.png);background-position: center;background-size: 1000px 117px;line-height: 140px;}
#class>h3>span{color: #fb8600;}
#class ul{width:1000px;height: 300px;position: relative;overflow: hidden;margin-top: 24px;}
#class ul>li{width:234px;height: 279px; float: left;text-align: center;margin-right: 12px;color: #666;font-size: 15px;border: 2px solid #445440;border-radius: 10px;padding-top: 10px; background-color:#629b0e;}
#class ul li:hover{ box-shadow: 4px 4px 30px #e6e6e6;}
#class ul>li>p{color: #fff;font-size: 30px;text-align: center;padding-bottom: 25px;margin-top: 10px;}
#class ul>li>span{ color: #fff;font-size: 18px; line-height:30px;}
#class ul>li>a{color: #fff;font-size:20px;display: block;margin-top: 20px; background-color: #fb8600; border: 2px solid #fb8600; border-radius: 10px; width:220px;}
#class>a{width: 256px;height:66px;display: block;border-radius: 10px;color: #fff;text-align: center;line-height:66px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 40px;}
#class .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 2px solid #fb8600;}
#class .btn2{width: 256px;height:66px;color:#639b0d;margin-left: 23px;border: 2px solid #639b0d;}
#class .btn1:hover{background-color: #ff5d0d;}
/*第三部分---课程*/
#course{width: 100%;/*height: 1193px;*/height: 1140px;position: relative;padding-top: 53px;background-image: url(../images/bg_05.jpg);background-position: center;background-size: 1920px 1193px;}
#course>h3{width:1000px;color: #639b0d;font-size: 38px;text-align: center;height: 91px;background-image: url(../images/head_03.png);background-position: center;background-size: 1000px 91px;line-height: 100px;}
#course>h3>span{color: #fb8600;}
#course>table{width: 1000px;height: auto;position: relative;overflow: hidden;text-align: center;margin-top: 20px;}
#course>table tr th{height: 58px;font-size: 24px;font-weight: normal;color: #ffffff;}
#course>table tr th.fir{width: 156px;font-weight: bold;font-size: 36px;}
#course>table tr th.fir>span{width:105px;display: block; color: #ffffff;font-size: 20px;font-weight: normal;height: 23px;line-height: 23px;background-position: bottom right; background-repeat: no-repeat;text-align: left;margin-top: 10px;}
#course>table tr th.fir>span>img{width: 23px;height: 23px;}
#course>table tr td{padding: 20px 0;}
#course>table tr td>a{line-height: 30px;font-size: 16px;color: #4d4d4d;}
#course>table.cg tr th{color: #02bf90;border-right: 1px solid #02bf90;border-top: 1px solid #02bf90;border-bottom: 1px solid #02bf90;}
#course>table.cg tr th.fir{background-color: #02bf90; color: #fff;} 
#course>table.cg tr td{border-right: 1px solid #02bf90;border-bottom: 1px solid #02bf90;}
#course>table.cg tr td>a:hover{color: #02bf90;}
#course>table.vip tr th{color: #6ecf67;border-right: 1px solid #6ecf67;border-top: 1px solid #6ecf67;border-bottom: 1px solid #6ecf67;}
#course>table.vip tr th.fir{background-color: #6ecf67; color: #fff;}
#course>table.vip tr td{border-right: 1px solid #6ecf67;border-bottom: 1px solid #6ecf67;}
#course>table.vip tr td>a:hover{color: #6ecf67;}
#course>table.fb tr th{color: #acd94c;border-right: 1px solid #acd94c;border-top: 1px solid #acd94c;border-bottom: 1px solid #acd94c;}
#course>table.fb tr th.fir{background-color: #77a417; color: #fff;}
#course>table.fb tr td{border-right: 1px solid #acd94c;border-bottom: 1px solid #acd94c;}
#course>table.fb tr td>a:hover{color: #77a417;}

#course>a{width: 256px;height:66px;display: block;border-radius: 10px;color: #fff;text-align: center;line-height:66px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 45px;}
#course .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 2px solid #fb8600;}
#course .btn2{width: 256px;height:66px;color:#639b0d;margin-left:  23px;border: 2px solid #639b0d;}
#course .btn1:hover{background-color: #ff5d0d;}
/*第四部分---趋势*/
#trend{width: 100%;/*height: 651px;*/height: 635px;position: relative;padding-top: 16px;background-image: url(../images/bg_06.jpg);background-position: center;background-size: 1920px 651px;}
#trend>h3{width:1000px;color: #639b0d;font-size: 38px;text-align: center;height: 109px;background-image: url(../images/spring_42.png);background-position: center;background-size: 1000px 109px;line-height: 130px;}
#trend>h3>span{color: #fb8600;}
#trend>ul{width: 1020px;height: 355px;position: relative;overflow: hidden;margin-top: 20px;}
#trend>ul>li{width: 288px;height: 330px;float: left;text-align: center;background-size: 288px 330px;background-repeat: no-repeat;background-position: center;margin-right: 65px;}
#trend>ul>li:hover{ box-shadow: 10px 10px 20px #bcbaba;}
#trend>ul>li>h3{margin-top: 117px;font-weight: normal;font-size: 20px;color: #000;}
#trend>ul>li>p{width: 245px;font-size: 16px;color: #939393;text-align: left;line-height: 25px;margin-top: 10px;}
#trend>ul>li>a{display: block;width: 255px;height: 45px;text-align: center;line-height: 45px;background-color: #7fc01a;border-radius: 5px;color: #fff;font-size: 17px;margin-top: 30px;}
#trend>a{width: 256px;height:66px;display: block;border-radius: 10px;color: #fff;text-align: center;line-height:66px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 40px;}
#trend .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 2px solid #fb8600;}
#trend .btn2{width: 256px;height:66px;color:#639b0d;margin-left:  23px;border: 2px solid #639b0d;}
#trend .btn1:hover{background-color: #ff5d0d;}
/*第五部分---教师*/
#teacher{width: 100%;/*height:655px;*/height: 645px;position: relative;padding-top: 10px;background-image: url(../images/bg_07.jpg);background-position: center;background-size: 1920px 655px;}
#teacher>h3{width:1000px;color: #639b0d;font-size: 38px;text-align: center;height: 133px;background-image: url(../images/spring_54.png);background-position: center;background-size: 1000px 133px;line-height: 104px;}
.slideTxtBox{ width:1000px; text-align:left; margin:0 auto; margin-top:20px;}
.slideTxtBox .hd{width:809px;line-height:22px;position:relative;height:56px;background:#f1f1f1;text-align: center;padding-left: 191px;}
.slideTxtBox .hd ul{ float:left;  position:relative;height:56px;width: 618px;}
.slideTxtBox .hd ul li{ float:left; cursor:pointer;font-size:22px; width:98px; text-align:center; color: #838383;margin-right: 75px;height:52px;line-height: 56px;}
.slideTxtBox .hd ul li.on{height:52px;border-bottom: 4px solid #78b718; }
.slideTxtBox .bd{ background:#fff;  width:1000px; text-align:center; height:auto; padding:10px 0; }
.con { width: 1000px; height: 294px; background: #fff; position: relative;}
.con li { width: 224px; height: 294px; float: left; margin-right:34px; margin-bottom: 15px; position: relative; overflow: hidden; cursor: pointer; text-align:center; }
.txt { width: 224px; height: 52px; background:#0c8fe5; background: rgba(127,192,26,0.9);/*透明背景色，不透明其文字内?*/ position: absolute; left: 0; bottom: 0; color: #fff; font-family: "微软雅黑"; }
.txt h3 { font-size: 20px; font-weight: 100; height: 52px; text-align: center; line-height: 52px; }
.txt p { font-size: 16px; text-align:left; line-height:26px; width:204px;padding: 0 10px;letter-spacing: 0px;}
#teacher>a{width: 256px;height:66px;display: block;border-radius: 10px;color: #fff;text-align: center;line-height:66px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 50px;}
#teacher .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 2px solid #fb8600;}
#teacher .btn2{width: 256px;height:66px;color:#639b0d;margin-left:  23px;border: 2px solid #639b0d;}
#teacher .btn1:hover{background-color: #ff5d0d;}
/*第六部分---优势*/
#advantage{width: 100%;/*height: 879px;*/height: 848px;position: relative;padding-top: 31px;background-image: url(../images/bg_08.jpg);background-position: center;background-size: 1920px 879px;}
#advantage>h3{width:1000px;color: #639b0d;font-size: 38px;text-align: center;height: 104px;background-image: url(../images/head_04.png);background-position: center;background-size: 1000px 104px;line-height: 104px;}
#advantage>ul{width: 900px;height: auto;position: relative;overflow: hidden;}
#advantage>ul>li{width: 275px;height:275px;float:left;text-align: center;margin-top:18px;margin-right:34px;background-image: url(../images/spring_60.png);background-size: 275px 275px;background-position: center;-webkit-transition: all 2s ease-in-out;}
#advantage>ul>li:hover{background-image: url(../images/spring_58.png);}
#advantage>ul>li>img{margin-top: 48px;}
#advantage>ul>li>p{color: #ffffff;font-size: 15px;line-height: 27px;margin-top: 10px;}
#advantage>ul>li>span{display: block;color: #ffffff;font-size: 24px;margin-bottom: 5px;text-align: center;}
#advantage>a{width: 256px;height:66px;display: block;border-radius: 10px;color: #fff;text-align: center;line-height:66px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 50px;}
#advantage .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 2px solid #fb8600;}
#advantage .btn2{width: 256px;height:66px;color:#639b0d;margin-left:  23px;border: 2px solid #639b0d;}
#advantage .btn1:hover{background-color: #ff5d0d;}
/*第七部分---环境*/
#hj{width: 100%;/*height: 665px;*/height: 742px;position: relative;background-image: url(../images/bg_09.jpg);background-position: center;background-size: 1920px 742px;text-align: center;}
#hj>h3{width:1000px;color: #639b0d;font-size: 38px;text-align: center;height: 93px;background-image: url(../images/head_05.png);background-position: center;background-size: 1000px 93px;line-height: 104px;}
/*#hj>img{margin-top: 15px;}*/
#hj>a{width: 256px;height:66px;display: block;border-radius: 10px;color: #fff;text-align: center;line-height:66px;font-size: 22px;color: #fff;position: absolute;left: 50%;margin-top: 45px;}
#hj .btn1 {margin-left: -283px;background-color: #fb8600;color: #FFF;border: 2px solid #fb8600;}
#hj .btn2{width: 256px;height:66px;color:#639b0d;margin-left:  23px;border: 2px solid #639b0d;}
#hj .btn1:hover{background-color: #ff5d0d;}
#hj ul {width: 938px;height: 476px;position:relative;overflow: hidden;margin-top: 5px;background-image: url(../images/hj_bg.png);background-position: center;background-size: 938px 476px;}
#hj ul li {width: 297px;height: 190px;float: left;margin-right: 15px;}
#hj ul li img {width: 297px;height: 190px;}
#hj ul li img {transition: all 0.6s;cursor: pointer;}
#hj ul li img:hover {transform: scale(1.4);}
/*第八部分---校区*/
#xq{width: 100%;/*height: 885px;*/height: 875px;position: relative;padding-top: 10px; background-image: url(../images/bg_10.jpg);background-position: center;background-size: 1920px 885px;text-align: center;}
#xq>h3{width:1000px;color: #639b0d;font-size: 38px;text-align: center;height: 91px;background-image: url(../images/head_06.png);background-position: center;background-size: 1000px 91px;line-height: 104px;}
#xq>img{margin-top: 20px;}






