/*global*/
*{margin:0;padding:0;border:0;outline:none;font-family:Microsoft YaHei}
a{text-decoration:none;color:#333}
li,dt,dd{float:left;list-style:none}
i,em{font-style:normal}
/*style*/


.fl{ float:left}.fr{ float:right}
.tabCon,.Hidebox{display:none}.Showbox{display:block}
.h10,.h15,.h30{ width:100%; float:left; overflow:hidden}.h10{ height:10px}.h15{ height:15px}.h30{ height:30px}
a.c9{ color:#999!important; padding-right:3px}
a:hover.c9{ color:#f40!important; padding-right:3px}
.blue{ color:#0000ff}
a.blue{ color:#0000ff}
.blue:hover,a.blue:hover{ text-decoration:underline}
.red{ color:#ff0000 !important}
a.red{ color:#ff0000 !important}
a:hover.red{ color:#f00 !important; text-decoration:underline}
input{outline:none; font-family:"Microsoft YaHei"}
.main{width: 1200px; margin: 0 auto; }


.bf,.af,.Header .Nav a{position: relative;}
.bf::before,.af::after,.Header .Nav a::before,.TabBox .Table .Student ul li::before,.TabBox .Table .Student ul li:last-child::after,.TabBox .Table .Infor h2::after,.TabBox .Table .Setmeal h2::after,.TabBox .Table .Oper .Btn::before,.CourseSub .SubTitle li::after,.Teacher .Switch a::before,.Teacher .ImgList::before,.Teacher .TeacherText h2::after,.TiKuList li .Bg::after,.TiKuList li .Text::after,.Material li::before,.Material li::after,.Material li .List::before,.Material .btn::after,.CourseTitle .Title h3::before, .CourseTitle h4::before, .CourseTitle h4::after{content: '';display: block;}

.bf::before,.af::after,.Header .Nav a::before,.Select .Name i,.VideoList ul li,.VideoList li.Play i,.VideoList li.Free em,.TabBox .Table .Curriculum dl dd span,.TabBox .Table .Student ul li::before,.TabBox .Table .Exclusive,.Teacher .Switch a::before,.Teacher .ImgList i,.Teacher .TeacherText h2::after,.Teacher .TeacherText .Start span,.Teacher .TeacherText .Start span em,.TabBox .Table .QrCode,.Material .btn::after,.Material li .List .More{background-image: url("Bg_Public.png"); background-repeat: no-repeat;}

.TabBox .Table .Name,.CourseSub .SubTitle, .CourseTitle .Title h3::before, .CourseTitle h4::before, .CourseTitle h4::after, .Occupation li .Img{background:#bb8b43;  background: -webkit-linear-gradient(top, #bb8b43 , #f1d874);background: -o-linear-gradient(bottom, #bb8b43, #f1d874); background: -moz-linear-gradient(bottom, #bb8b43, #f1d874); background: linear-gradient(to bottom, #bb8b43 , #f1d874);}

.BgBanner a,.VideoCourse .Column li.cur,.VideoCourse .VideoSelect .Select .Name,.TabBox .Table .Oper .Btn:hover:before,.CourseSub .TabSub .Buy:hover,.Member .Btn,.TiKu .Btn{background:#bb8b43;  background: -webkit-linear-gradient(left, #f1d874 , #bb8b43);background: -o-linear-gradient(right, #f1d874, #bb8b43); background: -moz-linear-gradient(right, #f1d874, #bb8b43); background: linear-gradient(to right, #f1d874 , #bb8b43);}

.ReasonInfor{background:#232340;  background: -webkit-linear-gradient(-45deg, #555593 0%, #232340 30%,#232340 70%, #555593 100%);background: -o-linear-gradient(-45deg,  #555593 0%, #232340 30%,#232340 70%, #555593 100%); background: -moz-linear-gradient(-45deg, #555593 0%, #232340 30%,#232340 70%, #555593 100%); background: linear-gradient(-45deg, #555593 0%, #232340 30%,#232340 70%, #555593 100%);}

.Header .Sign a:first-child{ background:#f1d874;  background: -webkit-linear-gradient(left, #bb8b43 , #f1d874);background: -o-linear-gradient(right, #bb8b43, #f1d874); background: -moz-linear-gradient(right, #bb8b43, #f1d874); background: linear-gradient(to right, #bb8b43 , #f1d874);}

.Occupation li:hover .Img{background:#f24536;  background: -webkit-linear-gradient(top, #f24536, #fd894a );background: -o-linear-gradient(bottom, #f24536, #fd894a); background: -moz-linear-gradient(bottom, #f24536, #fd894a); background: linear-gradient(to bottom , #f24536, #fd894a);}

.Member .Btn:hover,.TabBox .Table .Oper .Btn::before,.TiKu .Btn:hover{background:#f24536;  background: -webkit-linear-gradient(left, #fd894a , #f24536);background: -o-linear-gradient(right, #fd894a, #f24536); background: -moz-linear-gradient(right, #fd894a, #f24536); background: linear-gradient(to right, #fd894a , #f24536);}



.TitleName{padding: 104px 0 30px;text-align: center;background: url("Bg_TitleName.png") no-repeat center top;}
.TitleName h2{ line-height: 76px;font-size: 52px;color: #000001;font-weight: normal;}
.TitleName p{line-height: 36px;font-size: 22px; color: #999999;}


.TiKuBox{background: url("Bg_TiKu.jpg") no-repeat center top; height: 798px;}
.TiKu{margin-top: 47px; height: 530px; position: relative;}
.TiKu .Btn{width: 274px; height: 66px; line-height: 66px;text-align: center;border-radius: 33px;font-size: 24px;font-weight: bold;color: #fff;display: block; position: absolute; left: 926px;top: 290px;}
.TiKuList{position: relative;}
.TiKuList li{position: absolute; width: 280px; height: 108px;overflow: hidden; cursor: pointer; }
.TiKuList li h2{font-size: 24px;line-height: 42px;}
.TiKuList li p{font-size: 16px;line-height: 26px;}
.TiKuList li .Bg::after,.TiKuList li .Text::after{width: 10px; height: 10px; border: 5px solid #bb8b43;background: #fff;border-radius: 50%; position: absolute;}
.TiKuList li .Bg::after{top: 44px;}
.TiKuList li .Text::after{top: 30px;}
.TiKuList li .Bg{position: absolute;left: 0; top: 0;height: 68px; padding: 20px 0;background: #bb8b43; color: #fff;border-radius: 4px; z-index: 2;transition: all .4s;}
.TiKuList li .Text{position: absolute;left: 0; top: 0;height: 68px; padding: 20px 0;  z-index: 1;}
.TiKuList li:nth-child(-n+3){left: 0;}
.TiKuList li:nth-child(-n+3) .Bg,.TiKuList li:nth-child(-n+3) .Text{width: 194px; padding-right: 76px; text-align: right;}
.TiKuList li:nth-child(-n+3) .Bg{left: -280px;}
.TiKuList li:nth-child(-n+3) .Bg::after{right: -10px;}
.TiKuList li:nth-child(-n+3) .Text::after{right: 46px;}
.TiKuList li:nth-child(-n+3):hover .Bg,.TiKuList li:nth-child(-n+3).cur .Bg{left: 0;}

.TiKuList li:nth-child(n+4){left: 920px;}
.TiKuList li:nth-child(n+4) .Bg,.TiKuList li:nth-child(n+4) .Text{width: 210px; padding-left: 60px; }
.TiKuList li:nth-child(n+4) .Bg{left: 290px;}
.TiKuList li:nth-child(n+4) .Bg::after{left: -10px;}
.TiKuList li:nth-child(n+4) .Text{margin-left: 10px;}
.TiKuList li:nth-child(n+4) .Text::after{left: 31px;}
.TiKuList li:nth-child(n+4):hover .Bg,.TiKuList li:nth-child(n+4).cur .Bg{left: 10px;}
.TiKuList li:nth-child(1){top: 30px;}
.TiKuList li:nth-child(2){top: 150px;}
.TiKuList li:nth-child(3){top: 270px;}
.TiKuList li:nth-child(4){top: 30px;}
.TiKuList li:nth-child(5){top: 150px;}
.TiKuImg{width: 496px; height: 316px; position: absolute; left: 349px;top: 0;}
.TiKuImg img{width: 496px; height: 316px;}

.GiftBox{padding:0 0 70px;}
.Gift li{width: 242px; height: 232px; text-align: center; margin-left: 77px; float: left;background: url("Bg_GiftLi.jpg") no-repeat center bottom; cursor: pointer;}
.Gift li i{display: block;width: 40px; height: 40px; margin: 0 auto;background: url("ico_Gift.png") no-repeat center center;transition: all .3s;}
.Gift li h2{line-height: 28px; font-size: 22px; padding: 25px 0;}
.Gift li p{margin: 22px auto 0;width:200px;line-height: 26px;font-size: 16px; color: #fff;}
.Gift li:nth-child(1){margin-left: 0;}
.Gift li:nth-child(1) i{background-position: 0 0;}
.Gift li:nth-child(2) i{background-position: -40px 0;}
.Gift li:nth-child(3) i{background-position: -80px 0;}
.Gift li:nth-child(4) i{background-position: -120px 0;}
.Gift li:nth-child(4) p{margin-top: 32px;}
.Gift li:hover{background: url("Bg_GiftLiHover.jpg") no-repeat center bottom;transition: all .3s;}
.Gift li:hover:nth-child(1) i{background-position: 0 -40px;}
.Gift li:hover:nth-child(2) i{background-position: -40px -40px;}
.Gift li:hover:nth-child(3) i{background-position: -80px -40px;}
.Gift li:hover:nth-child(4) i{background-position: -120px -40px;}

.MaterialBox{background: url("Bg_Material.jpg") no-repeat center top;height: 726px;}
.Material{margin-top: 6px; position: relative;}
.Material li{width: 352px; height: 460px; padding: 1px; position: relative; box-shadow: 0 0 8px rgba(226,226,226,1);float: left; overflow: hidden; margin-left: 69px; cursor: pointer;}
.Material li::before{position: absolute;left: 0;top: -459px; width: 354px; height: 462px;background: #ffb800; z-index: 2;transition: all .4s;}
.Material li::after{width: 352px; height: 462px;border: 1px solid #cecece; position: absolute; z-index: 1;left: 0;top: 0; }
.Material li .List{width: 348px; height: 456px;background: #fff;position: relative;z-index: 3;margin: 2px;}
.Material li .List .Img{ height: 332px; position: relative;overflow: hidden;}
.Material li .List .Img img{height: 278px;margin: 27px auto;display: block;}
.Material li .List::before{width: 352px; height: 1px; background: #cecece; position: absolute; left: -2px; top: 332px;}
.Material li .List .Text{padding: 20px 50px 0 25px;font-size: 14px; line-height: 28px; position: relative;}
.Material li .List .More{display: block;width: 20px; height: 11px;background-position: -30px -150px; position: absolute; right: 25px; top: 84px;}
.Material li:nth-child(1){margin-left: 0;}
.Material li:hover::before{top: 0;}
.Material li:hover .List::before{width: 348px; left: 0;}
.Material .btn{width: 60px; height: 60px; background: #515ed4; border-radius: 50%; overflow: hidden; position: absolute; top: 200px; cursor:pointer}
.Material .btn:hover{background:#f13a34}
.Material .btn::after{width:14px; height:25px; margin:17px auto}
.Material .prev{left: -140px;}
.Material .prev::after{background-position:-120px -150px}
.Material .next{right: -140px;}
.Material .next::after{background-position:-160px -150px}


.QualityBox{background: url("Bg_Quality.jpg") no-repeat center top;padding-top: 244px; height: 550px;}
.QualityBox .Title{height: 72px;background: #b38100; width: 600px;border-radius: 0 0 6px 6px;margin: 0 auto;}
.QualityBox .Title h2{height: 66px; line-height: 66px; text-align: center; color: #fff; font-size: 40px; background: #ffb800;border-radius:6px;}
.Quality{position: relative;margin-top: 45px; height: 430px;}
.Quality li{position: absolute; width: 144px; height: 181px;background: url("bg_QualityLi.png");}
.Quality li .Name{height: 60px; line-height: 30px; font-size: 24px; color: #fff; font-weight: bold; text-align: center;width: 48px;position: absolute;left: -25px;top: 60px; background: transparent;}
.Quality li .Text{width: 162px; height: 62px; padding: 50px 0; line-height: 31px; text-align: center;  color: #fff; background: #bb8b43;border-radius: 50%; position: absolute;right: -81px; top: 10px;}
.Quality li .Text p{font-size: 18px;}
.Quality li .Text span{display: block;line-height: 28px;}
.Quality li:nth-child(odd){top:0}
.Quality li:nth-child(even){top:182px}
.Quality li:nth-child(1){left: 25px;}
.Quality li:nth-child(2){left: 243px;}
.Quality li:nth-child(3){left: 499px;}
.Quality li:nth-child(4){left: 756px;}
.Quality li:nth-child(5){left: 974px;}