@charset "utf-8";
/* CSS top and footer */
/* CSS top and footer */
* html,* html body{background-attachment:fixed}
body{background:#fff; font-size:14px; line-height:24px; font-family:"Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; color:#293237}
html,body,div,ul,li,ol,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,p,br,pre,form,fieldset,textarea,blockquote,p,span,button{ margin:0px; padding:0px; border:0px}
li{list-style-type:none; }label{ cursor:pointer}img{vertical-align:top; border:0}em,i{font-style:normal}ol,ul,li {list-style:none}
.cf:before,.cf:after,.clearfix:before,.clearfix:after{content:""; display:table}.cf:after,.clearfix:after{clear:both}.cf,.clearfix{*zoom:1}
.clear{clear:both}
.clearfix{clear: both;}
a:link,a:visited{ text-decoration:none; color:#293237}a:hover,a:active{color:#f00}
.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; }
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt65{margin-top:65px}
.mt70{margin-top:70px}
.mt75{margin-top:75px}
.mt110{margin-top:110px}

.mtb15{margin: 15px 0}
.mtb20{margin: 20px 0}
.mtb25{margin: 25px 0}
.mtb30{margin: 30px 0}

.pt70{padding-top:70px}

.lh45{height: 45px}
.lh60{height: 60px}

.BgBlue{background:#284479}
.BgGray{background:#f3f3f3}
.BgRed{background:#f24343}
.BgBlack{background:#021437}
.BgYellow{background:#fdfee9}
.BgWrite{background:#fff;box-shadow: 0px 3px 5px rgba(0,0,0,0.1);}
.BtnRed{background:#f24343; color:#fff}
.BtnRed:hover{background:#f60}
.BtnOrigane{background:#ff6f20; color:#fff}
.BtnOrigane:hover{background:#f60}
.BtnGreen,.BtnYellow,.BtnGray{ padding:4px 20px; border-radius:15px; font-size:14px;}
.BtnGreen{border:1px solid #04ba80; color:#04ba80 !important;}
.BtnYellow{border:1px solid #eeb210; color:#eeb210 !important; }
.BtnGray{border:1px solid #959595; color:#959595 !important; }
.BtnGreen:hover,.BtnYellow:hover,.BtnGray:hover{background:#00bd72; color:#fff !important;  border-color:#00bd72}

.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{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);}

.Occupation li .Img{background:#bb8b43;  background: -webkit-linear-gradient(top, #2541c1 , #4767de);background: -o-linear-gradient(bottom, #2541c1, #4767de); background: -moz-linear-gradient(bottom, #2541c1, #4767de); background: linear-gradient(to bottom, #2541c1 , #4767de);}

.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:#2963da;  background: -webkit-linear-gradient(-45deg, #2963da 0%, #133093 30%,#133093 70%, #2963da 100%);background: -o-linear-gradient(-45deg,  #2963da 0%, #133093 30%,#133093 70%, #2963da 100%); background: -moz-linear-gradient(-45deg, #2963da 0%, #133093 30%,#133093 70%, #2963da 100%); background: linear-gradient(-45deg, #2963da 0%, #133093 30%,#133093 70%, #2963da 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);}



/*Header*/
.Header{height: 60px;}
.Header .Logo{height: 38px;margin: 11px 20px 11px 4px;}
.Header .Tit{border-left: 1px solid #dfdfdf; padding-left: 18px;font-size: 24px;line-height: 24px; margin: 18px 0;float: left;}
.Header .Nav{float: left;}
.Header .Nav a{height: 50px; line-height: 50px;padding: 5px 0 0 28px; font-size: 16px; border-bottom: 5px solid #fff;margin-left: 36px;display: inline-block;}
.Header .Nav a::before{width: 20px; height: 20px; position: absolute; left: 0; top: 20px;}
.Header .Nav a.Home::before{background-position:0 0;}
.Header .Nav a.School::before{background-position:-30px 0;}
.Header .Nav a.User::before{background-position:-60px 0;}
.Header .Nav a:hover,.Header .Nav a.active{color: #bb8b43;}
.Header .Nav a:hover{border-color: #bb8b43;}
.Header .Nav a.Home:hover::before,.Header .Nav a.Home.active::before{background-position:0 -30px;}
.Header .Nav a.School:hover::before,.Header .Nav a.School.active::before{background-position:-30px -30px;}
.Header .Nav a.User:hover::before,.Header .Nav a.User.active::before{background-position:-60px -30px;}
.Header .Sign{float: left;margin:15px 0 15px 40px; text-align: center; width: 148px; height: 28px;border: 1px solid #bb8b43;border-radius: 15px; overflow: hidden;}
.Header .Sign a{display: inline-block;width: 64px; line-height: 28px;vertical-align: top;}
.Header .Sign a:first-child{border-radius: 15px;padding: 0 10px;font-weight: bold;}
.Header .Tel{padding-left: 30px; line-height: 60px;font-size: 26px; font-weight: bold; color: #bb8b43; margin-left: 40px;float: left;}
.Header .Tel::before{width: 22px; height: 24px;position: absolute; left: 0; top: 18px;background-position: -90px 0;}

.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;}

.ClassTitleName{text-align: center;padding: 30px 0;position: relative;}
.ClassTitleName h3{ line-height: 120px;font-size: 120px;color: #f6f6f8;text-transform: uppercase;}
.ClassTitleName .Img{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.ClassTitleName .Img img{height: 46px; margin: 19px auto;display: block;}

.CourseTitle{padding: 30px 0;text-align: center;}
.CourseTitle .Title{height: 120px;  position: relative;}
.CourseTitle .Title h2{ line-height: 120px;font-size: 120px;color: #f4f4f4;text-transform: uppercase;}
.CourseTitle .Title h3{position: absolute;left: 0; top: 18px;height: 84px;  width: 1200px; z-index: 2;}
.CourseTitle .Title h3{line-height: 84px;font-size: 42px; color: #111111;}
.CourseTitle .Title h3::before{width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.CourseTitle h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;}


/*Banner*/
.BgBanner{width:100%;height:640px;overflow: hidden;background: url("banner.jpg") no-repeat center top;margin-top: 70px}


/*Video*/
.VideoBox{background: url("Bg_Video.jpg") no-repeat center top; height: 842px;}

.VideoBox .Title{position: relative;text-align: center;}
.VideoBox .Title h2{line-height: 120px;font-size: 120px;color: #f4f4f4;text-transform: uppercase;padding: 30px 0;}
.VideoBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.VideoBox .Title h3{line-height: 84px;font-size: 42px; color: #111111;}
.VideoBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.VideoBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;}


.VideoCourse { height: 60px; width: 1198px; background: #fff; border-bottom: 0;margin-top: 12px; box-shadow: 0 5px 17px rgba(0,0,0,0.17); }
.VideoCourse .Column{width: 1010px;height: 60px;overflow:hidden;}
.VideoCourse .Column li { height: 60px; padding: 0 28px; text-align: center; font-size: 16px; color: #333; line-height: 60px; float: left; border-right: 1px solid #ebebeb; cursor: pointer; margin-left: -1px; }
.courseBox .tabNavBox li .noShow{ display:none; }
.VideoCourse .Column li.cur { color: #fff; font-weight: bold; border-radius: 8px 8px 0 0; }
.VideoSelect { width: 178px; position: relative; z-index: 9 ;margin-right: 10px;}
.VideoSelect .Select .Name { line-height: 38px; height: 38px;  cursor: pointer; position: relative; z-index: 2; background: #fff; margin-top: 11px;border-radius: 19px; }
.VideoSelect .Select .Name { color: #fff; }
.VideoSelect .Select .Name span.Txt { color: #fff; padding-left: 15px; text-align: center; height: 38px; width: 130px; overflow: hidden; float: left; font-size: 14px;border-radius: 19px; }
.VideoSelect .Select .Name.cur { background-image: -moz-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%); background-image: -webkit-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%); background-image: -ms-linear-gradient( -167deg, rgb(46,55,112) 0%, rgb(78,85,173) 100%); color: #fff }
.VideoSelect .Select .Name.cur span.Txt { color: #fff; }
.VideoSelect .Select .Name i { width: 11px; height: 6px; display: block; float: right; background-position: -91px -52px; margin: 16px 20px 0 0; }
.VideoSelect .Select .Name i.down { background-position: -92px -63px; }
.VideoSelect .Select .List { background: #fff; position: absolute; left: 0; top: 30px; padding: 20px 15px 0; width: 146px; z-index: 9999; display: none; zoom:1;border: 1px solid #bb8b43; border-top: none; z-index: 1; }
.VideoSelect .Select .List li { font-size: 14px; line-height: 28px; text-align: center; color: #333; border-bottom: solid 1px #ebebeb; float: none; cursor: pointer;padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.VideoSelect .Select .List li:hover {  color: #f03a33 }
.VideoMain{background: #fff;}
.VideoLeft { width: 800px; height: 450px; overflow: hidden; }
.VideoRight { width: 399px; height: 450px; }
.VideoTit { height: 42px; line-height: 42px; padding-top: 2px; background: #ebebeb; }
.VideoTit li { padding: 0 20px; line-height: 42px; font-size: 16px; font-weight: bold; color: #fff; float: left; }
.VideoTit li.cur { background: #fff; color: #333; }
.VideoTit .Txt { color: #553da0; padding: 0 13px; }
.VideoList { height: 338px; margin: 8px 0; padding: 0 10px 0 18px; overflow-x: hidden; overflow-y: auto; position: relative; }
.VideoList ul { width: 372px; }
.VideoList ul li { height: 38px; line-height: 38px; color: #999; font-size: 14px; padding-right: 13px; background-position: 342px -70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 50px; position: relative; }
.VideoList ul li a,.VideoList ul li a:link,.VideoList ul li a:visited { color: #999; }
.VideoList ul li em { display: inline-block; width: 43px; height: 21px; position: absolute; top: 8px; right: 0; }
.VideoList ul li.Play,.VideoList ul li.Free { background: none; }
.VideoList ul li.Free i,.VideoList ul li.Free a,.VideoList ul li.Free a:link,.VideoList ul li.Free a:visited  { color: #333; }
.VideoList ul li.Free em {  background-position: -30px -80px;}
.VideoList ul li.Play em { background: url("//img.chaosw.com/zt/pub/play.gif") no-repeat center center; }
.VideoList ul li.Play a,.VideoList ul li.Play a:link,.VideoList ul li.Play a:visited { color: #bb8b43; font-weight: bold; }
.VideoList ul li.Play i { color: transparent;background-position: 0 -53px;  }
.VideoList li i { display: inline-block; width: 15px; height: 15px; text-align: center; line-height: 15px; margin-right: 16px; font-size: 14px; color: #999999; }
.zUIpanelScrollBox,.zUIpanelScrollBar { width: 6px; top: 4px; right: 0; border-radius: 5px;}
.zUIpanelScrollBox { background: #fff; opacity: 1.0; filter: alpha(opacity=10) }
.zUIpanelScrollBar { background: #e4e4e4; opacity: 0.8; filter: alpha(opacity=80) }
.VideoOper { height: 52px; margin-top: 0px; text-align: center; background: #f0f0f0; }
.VideoOper a { vertical-align: bottom; width: 50%; float: left; color: #fff; }
.VideoOper a.BtnNow { height: 52px; line-height: 52px; text-align: center; background: #bb8b43; font-size: 18px; border-radius: 0; box-shadow: none; float: left; margin-right: 0; }
.VideoOper a.BtnConsult { height: 52px; line-height: 52px; font-size: 18px; font-weight: bold; background: #f03a33; font-weight: bold; float: left; border-radius: 0; box-shadow: none; }


.TabBox{position: relative; padding-top: 53px;margin-top: 8px;}
.BgTab{padding-bottom: 50px;}
.BgTab table{table-layout: fixed;border-spacing: 1px;}
.BgTab table td{word-break: break-all;word-wrap:break-word; background: #fff;}
.TabBox ul li{color:#666666;font-size:16px;color:#333333;line-height: 30px;}
.TabBox .Name{text-align: center; overflow: hidden; width: 53px;}
.TabBox .List{width: 180px;}
.TabBox .List:nth-child(3){width: 240px;}
.TabBox .Head{width:1200px;height:56px; background: #fff; position: absolute; left: 50%;top: 0; z-index: 9; margin-left: -600px;}
.TabBox .Head li{height:56px;float: left;border-right: 1px solid #fff;line-height: 56px;}
.TabBox .Head li.Name img{text-align: center; height: 44px; max-width: 100%;display: block;margin: 6px auto;}
.TabBox .Head li.List{text-align: center; line-height: 56px;font-size: 18px;font-weight: bold; background: #ededed;border-radius: 8px 8px 0 0;}
.TabBox .Fixed{position: fixed;}
.TabBox .Table{background: #f6f6f6;border-spacing:0px 3px;border-collapse:separate;}
.TabBox .Table tr:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.1);cursor: pointer;}
.TabBox .Table .Name{color: #fff;text-align: center; font-size: 26px; line-height: 44px; font-weight: bold; padding: 0 6px; width: 41px; min-height: 270px;border-right: 1px solid #dae0e6;height: 270px;border-radius: 8px 0 0 8px;overflow: hidden;}
.TabBox .Table .List{height: 268px;border: 1px solid #dae0e6;border-left: none;position: relative;}
.TabBox .Table .Student{padding: 10px 22px; width: 135px;}
.TabBox .Table .Student ul{width: 114px; border-left: 1px dotted #d3d3d3;padding-left: 17px;}
.TabBox .Table .Student ul li{position: relative;line-height: 26px;font-size: 14px; color: #666666;margin-bottom: 10px;}
.TabBox .Table .Student ul li::before{width: 24px; height: 24px; position: absolute; left: -32px; top: 0px;background-position: -190px 0;  background-color: #fff; z-index: 2;}
.TabBox .Table .Student ul li:last-child{margin-bottom: 0;}
.TabBox .Table .Student ul li:last-child::after{width: 1px; height: 100%; position: absolute; left: -21px; top: 0;  background: #fff; z-index: 1;}
.TabBox .Table .Curriculum{padding:12px; width: 215px; overflow: hidden;}
.TabBox .Table .Curriculum h2{border: 1px dotted #fff;padding: 4px 4px 4px 0;width: 145px;border-radius: 0 23px 23px 0; margin-left: -12px;font-weight: normal;}
.TabBox .Table .Curriculum h2 p{padding: 0 16px 0 20px; width: 105px; height: 36px; line-height: 36px;font-size: 16px; color: #fff;border-radius: 0 18px 18px 0;}
.TabBox .Table .Curriculum h2.bgA{border-color: #ffb800;}
.TabBox .Table .Curriculum h2.bgA p{background: #ffb800;}
.TabBox .Table .Curriculum h2.bgB{border-color: #bb8b43;}
.TabBox .Table .Curriculum h2.bgB p{background: #bb8b43;}
.TabBox .Table .Curriculum h2.bgC{border-color: #f03a33;}
.TabBox .Table .Curriculum h2.bgC p{background: #f03a33;}
.TabBox .Table .Curriculum dl{overflow: hidden;padding: 10px 0;}
.TabBox .Table .Curriculum dl dd{line-height: 26px; color: #666; padding-left: 6px; position: relative;}
.TabBox .Table .Curriculum dl dd.wAuto{width: auto;}
.TabBox .Table .Live{background: url("https://img.chaosw.com/zt/pub/ico_Live.png") no-repeat center center;background-size: 50px 25px;padding: 3px 25px;margin-right: 5px;}
.TabBox .Table .Exclusive{font-size: 12px; color: #fff; padding: 4px 24px 4px 6px; background-position: 0 -150px;}
.TabBox .Table .Infor,.TabBox .Table .Server{padding: 14px;}
.TabBox .Table .Infor h2,.TabBox .Table .Setmeal h2{line-height: 28px; font-size: 16px; position: relative;}
.TabBox .Table .Infor h2{padding-right: 54px;margin-bottom: 15px;}
.TabBox .Table .Infor h2::after,.TabBox .Table .Setmeal h2::after{ height: 9px;position: absolute;  bottom: 0; z-index: 0;background: #e0e3f0;border-radius: 4px;}
.TabBox .Table .Infor h2::after{width: 96px;left: 0;}
.TabBox .Table .Infor h2 em,.TabBox .Table .Setmeal h2 em{position: relative;z-index: 1; }
.TabBox .Table .Infor h2 em{width: 96px;display: inline-block;text-align: center;}
.TabBox .Table .Infor p,.TabBox .Table .Server p{color: #666666;line-height: 26px; padding: 2px 0;}
.TabBox .Table .Setmeal{text-align: center;}
.TabBox .Table .Setmeal h2{line-height: 28px; font-size: 16px; position: relative;}
.TabBox .Table .Setmeal h2::after{width: 110px; left: 50%;margin-left: -55px; }
.TabBox .Table .Setmeal h3{line-height: 36px; font-size: 14px; font-weight: normal; color: #f03a33; margin-top: 6px;}
.TabBox .Table .Setmeal p{color: #666666; font-size: 14px; line-height: 22px;}
.TabBox .Table .Setmeal .Year{margin:8px auto;width: 92px; height: 58px;}
.TabBox .Table .Setmeal .Year::after{width: 100%; height: 1px; background: #bb8b43; position: absolute; left: 0; top: 25px; z-index: 1; transform:rotate(-30deg);  -ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg); -o-transform:rotate(-30deg); }
.TabBox .Table .Setmeal .Year span{display: block; width: 50px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #bb8b43;border-radius: 50%; position: absolute; left: 50%; top: 0; z-index: 2; margin-left: -29px; border: 4px solid #fff;}
.TabBox .Table .Oper .Btn{width: 163px; height: 45px; text-align: center; display: block;position: relative;margin: 20px auto 0;border-radius: 22px; overflow: hidden;}
.TabBox .Table .Oper .Btn::before{width: 163px; height: 45px;position: absolute;left: 0;top: 0;z-index: 0;}
.TabBox .Table .Oper .Btn a{width: 161px; height: 43px;line-height: 43px; font-size: 16px; color: #fff; display: block;margin: 1px;border-radius: 21px; position: relative;z-index: 1;}
.TabBox .Table .Oper .Btn a::before{padding: 12px; display: inline-block; background-position: -140px -40px;vertical-align: text-bottom;margin-right: 5px;}
.TabBox .Table .Oper .Btn a.kf{background: #fff; color: #f03a33;}
.TabBox .Table .Oper .Btn a.kf::before{background-position: -110px -40px;}
.TabBox .Table .Oper .Btn:first-child{margin-top: 0;}
.TabBox .Table .Oper .Btn:hover a.kf{color: #bb8b43;}
.TabBox .Table .Oper .Btn:hover a.kf::before{background-position: -170px -40px;}
.TabBox .Table .QrCode{ background-position: -110px -110px; width: 33px; height: 33px; position: absolute;right: 0; top: 0; cursor: pointer;}
.TabBox .Table .QrCode .Img{width: 120px; border: 1px solid #dae0e6;padding:10px 15px; position: absolute; right: 42px; top: 6px; background: #fff; z-index: 3;display: none;}
.TabBox .Table .QrCode .Img::after{width: 9px; height: 8px; background-position: -160px -110px;position: absolute; right: -9px; top: -1px;}
.TabBox .Table .QrCode .Img img{display: block; width: 120px;}
.TabBox .Table .QrCode .Img p{color: #666;text-align: center;margin-top: 10px;}
.TabBox .Table .QrCode:hover .Img{display: block;}

.TabFive .List:nth-child(3){width: 421px;}
.TabFour .List:nth-child(3){width: 602px;}

.CourseSub{background: #fff;box-shadow: 0 6px 10px rgba(146,146,146,.2); margin-bottom: 20px;}
.CourseSub .SubTitle{height: 57px;border-radius: 10px 10px 0 0;overflow: hidden;}
.CourseSub .SubTitle li{width: 192px; padding: 4px 4px 0; height: 53px;position: relative; float: left;}
.CourseSub .SubTitle li span{display: block;width: 192px;height: 53px; line-height: 53px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; border-radius: 10px 10px 0 0; }
.CourseSub .SubTitle li::after{width: 1px; height: 25px; background: #fff; opacity: .25; position: absolute;right: -4px; top: 14px;}
.CourseSub .SubTitle li:last-child::after{display: none;}
.CourseSub .SubTitle li:hover span,.CourseSub .SubTitle li.cur span{background: #fff; color: #bb8b43;font-size: 20px;cursor: pointer;}
.CourseSub .SubTitle li:hover::after,.CourseSub .SubTitle li.cur::after{display: none;}
.CourseSub .SubList{padding: 25px 20px;}
.CourseSub .TabSub{ width:100%; text-align:center; background:#dfdfdf;}
.CourseSub .TabSub tr{ background:#fff}
.CourseSub .TabSub th{ height:50px; background:#e5e5e5; color:#666666; font-size: 16px; font-weight:300}
.CourseSub .TabSub td{ height:60px}
.CourseSub .TabSub .Audition{width: 132px; height: 30px; line-height: 30px; text-align: center;border: 1px solid #f03a33;border-radius: 16px;display: block;margin: 0 auto;}
.CourseSub .TabSub .Buy{padding: 0 30px;height: 32px;line-height: 32px;border-radius: 16px;background: #fc282d;color: #ffffff;font-size: 14px;display: inline-block;}

.ReasonBox{background: url("Bg_Reason.jpg") no-repeat center top;height:700px; overflow: hidden;}

.ReasonBox .Title{position: relative;text-align: center;}
.ReasonBox .Title h2{line-height: 120px;font-size: 120px;color: #f4f4f4;text-transform: uppercase;padding: 30px 0;}
.ReasonBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.ReasonBox .Title h3 b{color: #fff;}
.ReasonBox .Title h3{line-height: 84px;font-size: 42px; color: #111111;}
.ReasonBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.ReasonBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;color: #fff;}

.Reason{margin: 10px auto 70px; padding: 0 10px;}
.ReasonInfor{width: 290px;height: 448px;padding: 0 35px;overflow: hidden;border-radius: 4px;float: right;}
.ReasonInfor .Title_ex{text-align: center;padding: 22px 0;margin-top: 20px;border-bottom: 1px solid #705da9;}
.ReasonInfor .Title_ex h2{line-height: 42px;font-size: 24px;color: #ffffff;}
.ReasonInfor .Title_ex h3{line-height: 22px; text-transform: uppercase;font-weight: normal; color: #ffffff}
.ReasonInfor .Text{font-size: 16px; color: #fff;line-height: 36px; height: 288px;overflow: hidden;margin-top: 15px;}

@keyframes titleColor {
    0%{}
    100%{color: #fff}
}
@-webkit-keyframes titleColor {
    0%{}
    100%{color: #fff}
}
@keyframes backgoundColor {
    0%{}
    50%{background: #2963da}
    100%{background: #133093}
}
@-webkit-keyframes backgoundColor {
    0%{}
    50%{background: #2963da}
    100%{background: #133093}
}
.ReasonList{float: left;}
.ReasonList li{width: 360px; height: 448px; overflow: hidden; box-shadow: 0 0 8px rgba(226,226,226,1);margin-right: 30px; float: left;cursor: pointer;}
.ReasonList li:hover{animation:backgoundColor 1s linear forwards;}
.ReasonList li:hover h2{animation: titleColor 1s ease forwards;}
.ReasonList li:hover p{animation: titleColor 1s ease forwards;}
.ReasonList li h2{line-height: 42px; height: 42px;font-size: 24px;overflow: hidden;text-align: center;margin-top: 20px;}
.ReasonList li h3{line-height: 22px; text-transform: uppercase;font-weight: normal;text-align: center; color: #bababa}
.ReasonList li img{width: 360px; height: 122px; margin-top: 22px;}
.ReasonList li p{height: 190px; line-height: 38px; font-size: 16px; color: #666666; width: 290px; overflow: hidden;margin: 17px auto 0;}

.TeacherBox{background: url("teacher_bg.jpg") no-repeat center top; height: 937px; overflow: hidden;}

.TeacherBox .Title{position: relative;text-align: center;}
.TeacherBox .Title h2{line-height: 120px;font-size: 120px;color: #4054c1;text-transform: uppercase;padding: 30px 0;}
.TeacherBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.TeacherBox .Title h3 b{color: #fff;}
.TeacherBox .Title h3{line-height: 84px;font-size: 42px; color: #111111;}
.TeacherBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.TeacherBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;color: #fff;}

/*.TeacherBox .TitleName h2,.TeacherBox .TitleName p{color: #fff;}*/
.Teacher{margin-top: 54px; position: relative;}
.Teacher .BigImg{border: 20px solid #fff;width: 446px; height: 520px;border-radius: 20px;margin: 6px 0 0 46px; position: relative;float: left;}
.Teacher .Img{position: absolute; width: 486px; height: 558px; position: absolute;top: -73px; left: -66px; border-radius: 18px; overflow: hidden; z-index: 1;}
.Teacher .Img img{width: 486px; height: 558px;}
.Teacher .Switch{width: 140px; height: 38px;position: absolute;left: 44px; top: 452px;z-index: 2;}
.Teacher .Switch a{width: 66px; height: 22px;}
.Teacher .Switch a::before{width: 42px; height: 29px;margin:-16px auto 0}
.Teacher .Switch a.Prev{background: #bb8b43;float: left;}
.Teacher .Switch a.Prev::before{background-position: 0 -110px;}
.Teacher .Switch a.Next{background: #ffb800;float: right;}
.Teacher .Switch a.Next::before{background-position: -50px -110px;}
.Teacher .TeacherCon{width: 605px;float: right;}
.Teacher .TeacherText{height: 376px; width: 594px; overflow: hidden;}
.Teacher .TeacherText h2{width: 182px; height: 50px;line-height: 50px; text-indent: 25px;font-size: 20px; color: #232340; background: #fff; border-radius: 7px 7px 7px 0; margin-bottom: 15px;}
.Teacher .TeacherText h2::before{display: inline;font-size: 12px;padding: 4px 14px;margin-right: 7px; }
.Teacher .TeacherText h2.bgA::before{background-position: -100px -80px;}
.Teacher .TeacherText h2.bgB::before{background-position: -140px -80px;}
.Teacher .TeacherText h2::after{width: 9px; height: 9px; position: absolute; left: 0; bottom: -9px; background-position: -80px -80px;}
.Teacher .TeacherText .Text{line-height: 38px; color: #fff;font-size: 16px; margin-bottom: 15px;}
.Teacher .TeacherText .Start{height: 36px; line-height: 36px;font-size: 18px; font-weight: bold; color: #f1d874;}
.Teacher .TeacherText .Start span{height: 21px; width: 135px; display: inline-block;vertical-align: middle; margin-top: -4px; background-position: 0 -198px;}
.Teacher .TeacherText .Start span em{display: block; height: 21px; width: 0; background-position: 0 -176px;}
.Teacher .TeacherText .Start span em.s1{width: 27px;}
.Teacher .TeacherText .Start span em.s2{width: 54px;}
.Teacher .TeacherText .Start span em.s3{width: 81px;}
.Teacher .TeacherText .Start span em.s4{width: 108px;}
.Teacher .TeacherText .Start span em.s5{width: 135px;}
.Teacher .tabTitle{width: 605px; position: absolute;right: 0; bottom: 0;}
.Teacher .ImgList{width: 605px;height: 40px; padding-top: 145px;  overflow: hidden;}
.Teacher .ImgList::before{position: absolute;z-index: 1;right: 0; bottom: 0;width: 605px;height: 40px; background: #fff;border-radius: 8px;}
.Teacher .ImgList i{display: block; width: 25px; height: 69px; background-color: #515ed4; position: absolute; top: 39px; cursor: pointer;}
.Teacher .ImgList i.l{ border-radius: 3px 0 0 3px; left: -25px; background-position: -174px -87px;}
.Teacher .ImgList i.r{ border-radius: 0 3px 3px 0; right: -25px; background-position: -202px -87px;}
.Teacher .ImgList i:hover{background-color: #f03a33;}
.Teacher .ImgList ul{ position: relative; z-index: 2;}
.Teacher .ImgList li{width: 150px;float: left;text-align: center; cursor: pointer;}
.Teacher .ImgList li img{height: 140px;display: block;margin: -140px auto 0; opacity: .3;}
.Teacher .ImgList li p{line-height: 40px;font-size: 16px; color: #666666;}
.Teacher .ImgList li.cur img{opacity: 1;}

.OccupationBox{background: url("Bg_Occupation.jpg") no-repeat center bottom; overflow: hidden;height: 880px;margin-top:35px}

.OccupationBox .Title{position: relative;text-align: center;}
.OccupationBox .Title h2{line-height: 120px;font-size: 120px;color: #f4f4f4;text-transform: uppercase;padding: 30px 0;}
.OccupationBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.OccupationBox .Title h3 b{color: #fff;}
.OccupationBox .Title h3{line-height: 84px;font-size: 42px; color: #111111;}
.OccupationBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.OccupationBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;color: #fff;}

.Occupation{position: relative;margin-top: 50px;}
.Occupation li{position: absolute;cursor: pointer;}
.Occupation li .Img{position: absolute;width: 92px; height: 92px; border-radius: 50%; box-shadow: 0 5px 15px rgba(65,96,216,0.5);}
.Occupation li .Img i{width: 51px; height: 51px;display: block;margin: 21px auto;}
.Occupation li .Img u{display: block; width: 9px; height: 9px; background: #5172e6; border: 4px solid #ebe1d3; border-radius: 50%; position: absolute;}
.Occupation li h2{line-height: 42px;font-size: 22px; color: #111111;}
.Occupation li .Text{line-height: 28px;font-size: 16px;color: #666666;}
.Occupation li:nth-child(1){padding-left: 112px;left: 0; top: 60px;}
.Occupation li:nth-child(1) .Img{top: 8px; left: 0;}
.Occupation li:nth-child(1) .Img i{ background: url("ico_OccupationLi1.png") no-repeat;}
.Occupation li:nth-child(1) .Img u{left: 370px;top: 29px;}
.Occupation li:nth-child(1) .Text{width: 240px;}
.Occupation li:nth-child(2){padding-right: 118px;right: 5px; top: 162px;text-align: right; }
.Occupation li:nth-child(2) .Img{top: 27px; right: 0;}
.Occupation li:nth-child(2) .Img i{ background: url("ico_OccupationLi2.png") no-repeat;}
.Occupation li:nth-child(2) .Img u{right: 325px;top: -4px;}
.Occupation li:nth-child(2) .Text{width: 272px;}
.Occupation li:nth-child(3){padding-left: 112px;left: 36px; top: 386px;}
.Occupation li:nth-child(3) .Img{top: 8px; left: 0;}
.Occupation li:nth-child(3) .Img i{ background: url("ico_OccupationLi3.png") no-repeat;}
.Occupation li:nth-child(3) .Img u{left: 390px;top: 95px;}
.Occupation li:nth-child(3) .Text{width: 250px;}
.Occupation li:nth-child(4){padding-right: 118px;right: 94px; top: 416px;text-align: right; }
.Occupation li:nth-child(4) .Img{top: 27px; right: 0;}
.Occupation li:nth-child(4) .Img i{ background: url("ico_OccupationLi4.png") no-repeat;}
.Occupation li:nth-child(4) .Img u{right: 304px;top: -15px;}
.Occupation li:nth-child(4) .Text{width: 250px;}
.Occupation li:hover .Img{box-shadow:  0 5px 15px rgba(240,58,51,0.5);}
.Occupation li:hover .Img u{background: #f03a33;border-color: #fcd8d6;}

.planBox{width: 1200px;margin: auto;}
.planBox .Title{position: relative;text-align: center;}
.planBox .Title h2{line-height: 120px;font-size: 120px;color: #f4f4f4;text-transform: uppercase;padding: 30px 0;}
.planBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.planBox .Title h3 b{color: #fff;}
.planBox .Title h3{line-height: 84px;font-size: 42px; color: #111111;}
.planBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.planBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;}
.plan{display: flex;display: -webkit-flex;margin: auto;align-items: flex-end;}
.plan .group{position: relative;flex-direction: column-reverse;width: 33%;text-align: center;background: #edab00;font-size: 15px;color: #fff;padding: 45px 0;height: 420px;}
.group:nth-of-type(2){background: #3857d1;height: 500px;}
.group:nth-of-type(2) h3{line-height: 100px;}
.group:nth-of-type(2) .group_round span{border: 1px solid #3857d1;color: #3857d1;}
.group h3{font-size: 30px;color: #fff;position: relative;line-height: 70px;}
.group h3::after{content:"";position: absolute;left: 50%;bottom: 0;width: 55px;display: inline-block;border-bottom: 3px solid #f3c64d;transform: translateX(-50%)}
.group_up{font-size: 26px;line-height: 100px;color: #fff;}
.group_up span{font-size: 90px;font-weight: bold;color: #fff;}
.group .group_round{font-size: 18px;border-radius: 50px;margin: auto;padding: 2px;background: #fff;width: 327px;}
.group .group_round span{font-size: 18px;border-radius: 50px;border: 1px solid #f3c64d;color: #f3c64d;padding: 15px 12px;width: 299px;display: inline-block;}
.group div{margin: 20px 0 0 0;}
.group .group_shadow{background: #c48d00;width: 20px;height: 100%;position: absolute;top: -20px;right:0;}
.group:last-child .group_shadow{background: #c48d00;width: 10px;height: 100%;position: absolute;top: -20px;left:0;}
.group:last-child{background: #f86a41;}

.MemberBox{background: url("Bg_Member.png") no-repeat center bottom; overflow: hidden; height: 831px;}
.MemberBox .Title{position: relative;text-align: center;}
.MemberBox .Title h2{line-height: 120px;font-size: 120px;color: #f4f4f4;text-transform: uppercase;padding: 30px 0;}
.MemberBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.MemberBox .Title h3 b{color: #fff;}
.MemberBox .Title h3{line-height: 84px;font-size: 42px; color: #111111;}
.MemberBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.MemberBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;}

.MemberBox .TitleName{background-position: 108px top; padding-left: 10px;}
.MemberBox .TitleName h2{width: 364px;}
.Member ul{position: relative; height: 330px;margin-top: 36px;}
.Member li{width: 174px;text-align: center; position: absolute;}
.Member li h2{width: 110px; height: 36px;line-height: 36px;font-size: 32px; font-weight: normal; color: #838383; text-transform: uppercase;border-bottom: 5px solid #d8d8d8;margin: 0 auto 16px;}
.Member li h2 em{color: #ffb800;}
.Member li p{line-height: 30px;font-size: 24px;font-weight: bold;}
.Member li h3{line-height: 30px;font-size: 18px;font-weight: normal;}
.Member li:nth-child(1){left: 83px; top: 180px;}
.Member li:nth-child(2){left: 473px; top: 270px;}
.Member li:nth-child(3){left: 597px; top: 48px;}
.Member li:nth-child(4){left: 853px; top: 198px;}
.Member .Btn{margin:140px 0 0 0;width: 346px; height: 66px; line-height: 66px;text-align: center; color: #fff; border-radius: 33px; font-size: 28px;font-weight: bold; display: block;}
.Member .Btn i{padding:0  14px; font-size: 22px; background: #fff;border-radius: 50%; margin-left: 5px;}
.Member .Btn i::after{position: absolute; width: 20px; height: 20px; left: 4px; top: 4px; background-position: -80px -150px;}
.Member .Btn:hover i::after{background-position: -60px -150px;}




.TiKuBox{background: url("Bg_TiKu.jpg") no-repeat center top; height: 798px;}

.TiKuBox .Title{position: relative;text-align: center;}
.TiKuBox .Title h2{line-height: 120px;font-size: 120px;color: #5b79e1;text-transform: uppercase;padding: 30px 0;}
.TiKuBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.TiKuBox .Title h3{line-height: 84px;font-size: 42px; color: #fff;}
.TiKuBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.TiKuBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;color: #fff;}

.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 #fff;background: #7b8fe6;border-radius: 50%; position: absolute;}
.TiKuList li .Bg::after{top: 44px;}
.TiKuList li .Text::after{top: 45px;}
.TiKuList li .Bg{position: absolute;left: 0; top: 0;height: 68px; padding: 20px 0;background: #fff; color: #7b8fe6;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;color: #fff;}
.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;}
.GiftBox .Title{position: relative;text-align: center;}
.GiftBox .Title h2{line-height: 120px;font-size: 120px;color: #f4f4f4;text-transform: uppercase;padding: 30px 0;}
.GiftBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.GiftBox .Title h3{line-height: 84px;font-size: 42px;}
.GiftBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.GiftBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;color: #fff;}

.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;}*/
.MaterialBox .Title{position: relative;text-align: center;}
.MaterialBox .Title h2{line-height: 120px;font-size: 120px;color: #ededed;text-transform: uppercase;padding: 30px 0;}
.MaterialBox .Title h3{position: absolute;left: 0; top: 48px;height: 84px;  width: 1200px; z-index: 2;}
.MaterialBox .Title h3{line-height: 84px;font-size: 42px;}
.MaterialBox .Title h3::before{content:"";width: 110px; height: 6px; border-radius: 10px; position: absolute;bottom: -6px; left: 545px;border-bottom: 6px solid #2e4ac8;}
.MaterialBox .Title h4{line-height: 60px; font-size: 28px; position: relative;font-weight: normal;color: #fff;}

.MaterialBox{background: url("Bg_Material.jpg") no-repeat center top;height: 711px; padding-top: 26px;}
.Material{margin-top: 6px; height: 464px; position: relative;}
.Material li{width: 352px; height: 460px; padding: 1px; position: relative; float: left; overflow: hidden; cursor: pointer; margin-right: 69px;}
.Material li::before{position: absolute;left: 0;top: -459px; width: 354px; height: 462px;background: #2a66df; 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;box-shadow: 0 0 8px rgba(226,226,226,1);}
.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: #2a66df; 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.png") 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: #f03a33;border-radius:6px;}
.Quality{position: relative;margin-top: 45px; height: 430px;}
.Quality li{position: absolute; width: 144px; height: 181px;}
.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: #4a6ae0;border-radius: 50%; position: absolute;right: -81px; top: 20px;}
.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;}



.fenxi-mian{width: 100%;overflow: hidden}

.fenxi-mian dt{width: 100%;height: 219px;background: url('fx1.jpg')}
.fenxi-mian dd{width: 100%;height: 622px;background: url('fx2.jpg')}

.zl-download{width: 100%;height: 628px;background: url('zl-download.png') no-repeat top center;overflow: hidden}
.zl-download a{display: block;width: 250px;height: 64px;line-height: 64px;text-align: center;color: #fff;font-weight: bold;background: #ea421e;margin: auto;margin-top: 482px;border-radius: 64px;font-size: 25px;transition: .3s}
.zl-download a:hover{background: #f60}

.List .Text{line-height: 26px !important;margin-top: -8px;}