@charset "utf-8"; 
/* CSS top and footer */
* html,* html body{background-attachment:fixed}
body{background:#fff; font-size:14px;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:#d64747 !important}
.blue{ color:#4868df !important}
.bold{font-weight: bold;}
a.red{ color:#d64747 !important}
a:hover.red{ color:#f00 !important; text-decoration:underline}
input{outline:none; font-family:"Microsoft YaHei"}
.main{width: 1200px;margin: 0 auto; }

.Header .Tel::before,.Header .Nav a::before{content: '';display: block;}

/* h1,h2,h3,h4,h5,h6{font-weight: normal;} */

.bf,.af,.Header .Nav a{position: relative;}

.VideoList li.Play i,.Header .Tel::before,.Header .Nav a::before{background: url('https://files.chaosw.com/images/Bg_Public.png') no-repeat;}
/*统一渐变色*/
.VideoCourse .Column li.cur,.VideoSelect .Select .Name {background-image: -moz-linear-gradient( -14deg, rgb(105,167,244) 0%, rgb(45,104,220) 100%);background-image: -webkit-linear-gradient( -14deg, rgb(105,167,244) 0%, rgb(45,104,220) 100%);background-image: -ms-linear-gradient( -14deg, rgb(105,167,244) 0%, rgb(45,104,220) 100%);}
/*滚动条整体样式*/
.VideoSelect .Select .List::-webkit-scrollbar { width : 0px; height: 1px;}
.VideoSelect .Select .List::-webkit-scrollbar-thumb {border-radius: 2px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#fff;}
.VideoSelect .Select .List::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 2px;background:#2d3551;}
/*Header*/
.Header{height: 60px;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);width: 100%;}
.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;color: #fff;}
.Header .Nav{float: left;}
.Header .Tel::before, .Header .Nav a::before {content: '';display: block;}
.Header .Nav a{height: 50px; line-height: 50px;padding: 5px 0 0 28px; font-size: 16px; border-bottom: 5px solid transparent;margin-left: 36px;display: inline-block;color: #fff;}
.Header .Nav a::before{width: 20px; height: 20px; position: absolute; left: 0; top: 20px;}
.Header .Nav a.Home::before{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_headHome.png') no-repeat}
.Header .Nav a.School::before{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_headClass.png') no-repeat}
.Header .Nav a.User::before{background-position:-60px 0;}
.Header .Nav a:hover,.Header .Nav a.active{color: #5172e6;border-color: #5172e6;}
.Header .Nav a.Home:hover::before,.Header .Nav a.Home.active::before{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_headHome_on.png') no-repeat}
.Header .Nav a.School:hover::before,.Header .Nav a.School.active::before{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_headClass_on.png') no-repeat}
.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 #6373a1;border-radius: 15px; overflow: hidden;}
.Header .Sign a{display: inline-block;width: 64px; line-height: 28px; color: #fff;vertical-align: top;}
.Header .Sign a:first-child{background: #5172e6; color: #fff;border-radius: 15px;padding: 0 10px;}
.Header .Tel{padding-left: 30px; line-height: 60px;font-size: 20px; font-weight: bold; color: #fff; margin-left: 40px;float: left;}
.Header .Tel::before{width: 22px; height: 24px;position: absolute; left: 0; top: 18px;background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_phone.png') no-repeat;}
/*TitleName*/
.TitleName .Title{height: 86px; position: relative;text-align: center;}
.TitleName .Title h2{ line-height: 105px;text-transform: uppercase;}
.TitleName .Title h3,.TitleName .Title .Img{position: absolute;left: 0; top: 0;height: 105px;width: 1200px; z-index: 2;}
.TitleName .Title h3{line-height: 105px;font-size: 42px; color: #111111;font-weight: bold;}
.TitleName .Title h3 span{color: #3571df;}
.TitleName .Title h3 em{display: inline-block;width: 6px;height: 6px;background-color: #3571df;display: inline-block;margin: 0 13px;vertical-align: 12px;}
.TitleName .Title h3 i{display: inline-block;width: 156px;height: 23px;/* vertical-align: 2px; */margin: -5px 17px;}
.TitleName .Title h3 u{display: inline-block;width: 6px;height: 6px;background-color: #fff;margin: 0 15px;vertical-align: 10px;}
.TitleName .Title h3 .dot_b{background-color: #111;}
.TitleName .Title h3 i.lt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconL.png') no-repeat;}
.TitleName .Title h3 i.rt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconR.png') no-repeat;}
.TitleName h4{font-size: 22px;color: #999;text-align: center;font-weight: normal;}
/*Banner*/
.BgBanner{background: url("https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_Banner.png") no-repeat center top #050633; height:936px;min-width: 1200px;}
/*Video*/
.VideoBox{padding-top: 381px;}
.VideoCourse { height: 60px; width: 1198px; background: #2d3551; border-bottom: 0;box-shadow: 0 5px 17px rgba(0,0,0,0.17);border-radius: 10px 10px 0 0; }
.VideoCourse .Column{width: 1010px;height: 60px;overflow:hidden;}
.VideoCourse .Column li { height: 60px; padding: 0 28px; text-align: center; font-size: 16px; color: #fff; line-height: 60px; float: left; border-right: 1px solid #6c7286; 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;margin-top: 11px;border-radius: 19px; }
.VideoSelect .Select .Name { color: #fff; }
.VideoSelect .Select .Name span.Txt {display: inline-block;color: #fff;text-align: center;height: 38px;width: 100%;overflow: hidden;font-size: 14px;border-radius: 19px;box-sizing: border-box;padding-right: 8px;}
.VideoSelect .Select .Name.cur {color: #fff }
.VideoSelect .Select .Name.cur span.Txt { color: #fff;}
.VideoSelect .Select .Name i {display: inline-block;vertical-align: 1px;width: 14px;height: 8px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/downArrow.png') no-repeat;margin-left: 5px;position: absolute;right: 15px;top: 15px;}
.VideoSelect .Select .List {background: #2d3551;position: absolute;left: 0;top: 30px;padding: 20px 15px 0;width: 146px;height: 400px;overflow: hidden;z-index: 1;display: none;zoom:1;border: 1px solid #4969df;border-top: none;overflow-y: scroll;}
.VideoSelect .Select .List ul{width: 100%;}
.VideoSelect .Select .List li {font-size: 14px; line-height: 28px; text-align: center; color: #fff; border-bottom: solid 1px #62687c; float: none; cursor: pointer;padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.VideoSelect .Select .List li:hover {color: #92c9f8 }
.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: #5f9df0 !important; }
.VideoTit .Txt { color: #434670; 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: 317px -172px; 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: #333; }
.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 { color: #333; }
.VideoList ul li.Free em {  background-position: -30px -80px;}
.VideoList ul li.Play em { background: url("https://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: #5f9df0; 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: #346fdf; 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; }

.courseBox .courseTab li .topBox .topTip,.courseBox .courseTab li .tit,.courseBox .courseTab li i,.packageBox .subTitle h3 i,.CourseSub .navTitBox i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_CourseTab.png') no-repeat;}

.BgTab{background: #1c4fa8;padding-bottom: 80px;}
.BgTab .TitleName{padding-top: 65px;}
.BgTab .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_courseTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 10%;}
.BgTab .TitleName .Title h3{line-height: 105px;font-size: 42px;color: #ffffff;}
.BgTab .TitleName .Title h3 em{background-color: #fff;}
.BgTab .TitleName .Title h3 i.lt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconL_org.png') no-repeat;}
.BgTab .TitleName .Title h3 i.rt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconR_org.png') no-repeat;}
.BgTab .TitleName h4{color: #dbdbdb;}
/*正式课表样式*/

.courseBox h2{padding-top: 35px;}
.courseBox .courseTab{padding: 58px 0 0;position: relative;}
.courseTab .zixun{position: absolute;top:30px;right:0;text-align: right;line-height: 30px;width: 305px;height: 30px;border-radius: 30px;font-size:14px;color: #894601;background: #848fe1;background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(108,121,219) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(108,121,219) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(108,121,219) 100%);}
.courseTab .zixun a{font-size: 14px;color:#202865;padding-right:14px;}
.courseBox .courseTab li.tabTitBox{width: 56px;margin-right: 0;box-shadow:none}
.courseBox .courseTab li.tabTitBox .textBox{font-size: 22px;color: #111111;line-height: 1.4;padding: 0;margin: 0 18px;}
.courseBox .courseTab li.tabTitBox .topBox{background: #fff;}
.courseBox .courseTab li.tabTitBox .topBox i{display: inline-block;width: 56px;height: 56px;background-position: -2px -5px;}
.courseBox .courseTab li.tabTitBox .listLi{background: #ededed;width: 56px;margin: 0;border-bottom: 2px solid #fff;border-radius: 10px 0 0 10px;}
.courseBox .courseTab li{position: relative;z-index: 1; width: 400px;float: left;background: #fff;border-radius: 18px;position: relative;}
.courseBox .courseTab .twoBox li.tabList{width: 567px;}
.courseBox .courseTab .oneBox li.tabList{width: 1139px;}
.courseBox .courseTab li:last-child{margin-right: 0;}
.courseBox .courseTab li .listLi{padding: 0 25px;border-bottom: 1px solid #dae0e6;position: relative;border-right: 1px solid #dae0e6;}
.courseBox .courseTab li .topBox{height: 120px;border-radius: 10px 10px 0 0;text-align: center;position: relative;}
.courseBox .courseTab li.tabListA .topBox{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_courseListA.png') no-repeat center center;background-size: cover;}
.courseBox .courseTab li.tabListB .topBox{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_courseListB.png') no-repeat center center;background-size: cover;}
.courseBox .courseTab li.tabListC .topBox{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_courseListC.png') no-repeat center center;background-size: cover;}
.courseBox .courseTab li .topBox .topTip{width: 191px;height: 61px;background-position: -1px -244px;margin:0 auto;position: absolute;top: -27px;left: 50%;margin-left: -95px; }
.courseBox .courseTab li .topBox .topTip span{display: inline-block;margin-top: 6px;width: 158px;height: 40px;line-height: 40px;font-size: 16px;border-radius: 40px;}
.courseBox .courseTab li.tabListA .topBox .topTip span{color: #9e6d2d;  background-image: -moz-linear-gradient( 90deg, rgb(242,210,124) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(242,210,124) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(242,210,124) 0%, rgb(255,255,255) 100%);}
.courseBox .courseTab li.tabListB .topBox .topTip span{color: #0c3a79;  background-image: -moz-linear-gradient( 90deg, rgb(37,106,202) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(37,106,202) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(37,106,202) 0%, rgb(255,255,255) 100%);}
.courseBox .courseTab li.tabListC .topBox .topTip span{color: #333333;background-image: -moz-linear-gradient( 90deg, rgb(168,207,255) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(168,207,255) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(168,207,255) 0%, rgb(255,255,255) 100%);}
.courseBox .courseTab li .topBox h3{font-size: 34px;color: #ffffff;padding-top: 30px;}
.courseBox .courseTab li .topBox p{font-size: 16px;padding-top: 3px;}
.courseBox .courseTab li.tabListA .topBox h3{color: #423315;}
.courseBox .courseTab li.tabListB .topBox h3{color: #b0d4f6;}
.courseBox .courseTab li.tabListC .topBox h3{color: #939fed;}
.courseBox .courseTab li.tabListA .topBox p{color: #423315;}
.courseBox .courseTab li.tabListB .topBox p{color: #b0d4f6;}
.courseBox .courseTab li.tabListC .topBox p{color: #95aaf7;}
.courseBox .courseTab li.tabListA .color{color: #e09f2a;}
.courseBox .courseTab li.tabListB .color{color: #3d8dd8;}
.courseBox .courseTab li.tabListC .color{color: #7187db;}
.courseBox .courseTab li .li6{border-radius: 0 0 20px 20px;}
.courseBox .courseTab li .textBox{padding: 18px 0;}
.courseBox .courseTab li .li1 p{padding: 0 12px;font-size: 14px;color: #999;text-align: center;line-height: 1.5;}
.courseBox .courseTab li .tit {height: 38px;line-height: 38px;width: 100%;position: relative;left: -25px;top: -1px;font-size: 16px;color: #111;}
.courseBox .courseTab li .tit i{display: inline-block;width: 11px;height: 10px;background-position: -41px -54px;margin-left: 25px;margin-right: 12px;}
.courseBox .courseTab li.tabListA .tit{background-position: -10px -103px;}
.courseBox .courseTab li.tabListB .tit{background-position: -10px -150px;}
.courseBox .courseTab li.tabListC .tit{background-position: -10px -197px;}
.courseBox .courseTab li.tabListA .li2 dl dt em{background: #e09f2a;}
.courseBox .courseTab li.tabListB .li2 dl dt em{background: #3d8dd8;}
.courseBox .courseTab li.tabListC .li2 dl dt em{background: #7187db;}
.courseBox .courseTab li .li2 dl dt{font-size: 15px;color: #999999;font-weight: bold; display: block;margin-bottom: 10px;height: 34px;line-height: 34px;background: #f5f7f9;border-radius: 34px;padding-left: 25px;box-sizing: border-box;}
.courseBox .courseTab li dl dt em{display:block;width: 24px;height: 24px;float: right;margin-right: 10px;margin-top: 5px;border-radius: 24px;}
.courseBox .courseTab li .li2 dl dd{font-size: 15px;color: #333333;margin-bottom: 10px;padding-left: 25px;display: inline-block;}
.courseBox .courseTab li .li2 dl i{display: inline-block;width: 24px;height: 24px;margin-right: 5px;}
.courseBox .courseTab li .li2 dl .icon_book{background-position: -72px -10px;}
.courseBox .courseTab li .li2 dl .icon_file{background-position: -96px -10px;}
.courseBox .courseTab li .li2 dl .icon_chart{background-position: -120px -10px;}
.courseBox .courseTab li .li2 dl .icon_mind{background-position: -144px -10px;}
.courseBox .courseTab li .li2 dl .icon_rocket{background-position: -168px -10px;}
.courseBox .courseTab li .li2 dl .icon_zx{width: 42px;height: 16px;background-position: -10px -10px;vertical-align: -4px;}
.courseBox .courseTab li .li2 dl .icon_zb{width: 19px;height: 19px;background-position: -10px -54px;vertical-align: -4px;}
.courseBox .courseTab li .li2 dl .icon_hot{width: 30px;height: 12px;background-position: -10px -34px;vertical-align: -4px;}
.courseBox .courseTab li i.icon_suc{display: inline-block;width: 13px;height: 13px;background-position: -120px -43px;vertical-align: -1px;}
.courseBox .courseTab li .red i.icon_suc{background-position: -144px -43px;}
.courseBox .courseTab li i.icon_video{display: inline-block;width: 13px;height: 14px;background-position: -10px -81px;vertical-align: -1px;}
.courseBox .courseTab li i.icon_font{display: inline-block;width: 13px;height: 13px;background-position: -31px -81px;vertical-align: -1px;}
.courseBox .courseTab li i.icon_time{display: inline-block;width: 14px;height: 13px;background-position: -52px -81px;vertical-align: -1px;}
.courseBox .courseTab li i.icon_load{display: inline-block;width: 15px;height: 15px;background-position: -72px -81px;vertical-align: -1px;}
.courseBox .courseTab li.tabTitBox:hover{ box-shadow:none}
.courseBox .courseTab li .li2 span{font-size: 14px;color: #999;margin-right: 10px;line-height: 1.8;white-space: nowrap;}
.courseBox .courseTab li .li3 p{font-size: 15px;color: #666666;margin-bottom: 10px;padding-left: 25px;display: inline-block;}
.courseBox .courseTab li .li3 p i{display: inline-block;width: 18px;height: 21px;background-position: -72px -43px;font-size: 12px;color: #fff;font-weight: bold;text-align: center;line-height: 21px;vertical-align: 1px;margin-right: 8px;}
.courseBox .courseTab li .li3 p.iconR i{background-position: -96px -43px;}
.courseBox .courseTab li .li3 p.iconR span{color: #d64747 ;}
.courseBox .courseTab li .li3,.courseBox .courseTab li .li5{background: #f7f7f7;}
.courseBox .courseTab li .li4 span{display:block;width: 50%;float: left;margin-bottom: 16px;color: #666666;}
.courseBox .courseTab li .li4 span i{margin-right: 8px;}
.courseBox .courseTab li .li4 span.lineW{width: 100%;}
.courseBox .courseTab li .li4 .dataBox{padding: 18px 25px;}
.courseBox .courseTab li .li5 p{font-size: 15px;color: #666666;margin-bottom: 10px;padding-left: 25px;display: inline-block;}
.courseBox .courseTab li .li5 p i{text-align: center;line-height: 21px;vertical-align: -1px;margin-right: 8px;}
.courseBox .courseTab li .li6 {text-align: center;}
.courseBox .courseTab li .li6 .price{font-size: 42px;color: #d64747;text-align: center;margin-bottom: 10px;}
.courseBox .courseTab li .li6 .price i{font-size: 24px;background: none;}
.courseBox .courseTab li .li6 a{display: inline-block;width:165px;height: 44px;font-size: 18px;color: #ffffff;text-align: center;line-height: 44px;border-radius: 44px;}
.courseBox .courseTab li .li6 a.enterBtn{background: #ffae9c;margin-right: 8px;}
.courseBox .courseTab li .li6 a.serveBtn{background: #f03a33;}
.courseBox .courseTab li.tabListA .li6 a.enterBtn{background:#f3d27d;}
.courseBox .courseTab li.tabListB .li6 a.enterBtn{background:#6283c3;}
.courseBox .courseTab li.tabListC .li6 a.enterBtn{background:#7187db;}
.packageBox .subTitle{padding-top: 48px;}
.packageBox .subTitle h3{height: 86px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_packageTit.png') no-repeat;padding: 18px 0 0 44px;box-sizing: border-box;}
.packageBox .subTitle h3 i{display: inline-block;width: 14px;height: 23px;background-position: -96px -73px;}
.packageBox .subTitle h3 .tit{font-size: 32px;color: #ffffff;margin: 0 15px;font-weight: bold;}
.packageBox .subTitle h3 .tip{font-size: 14px;color: #ffffff;margin-left: 16px;vertical-align: 6px;}
.packageBox .subTitle h3 .tip em{display: inline-block;width: 58px;height: 1px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/line.png') no-repeat;margin-left: 10px;vertical-align: 4px;}
.singleBox .subTitle h3{height: 86px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_singleTit.png') no-repeat;}
.CourseSub{position: relative;}
.CourseSub .navTitBox{width: 970px;height: 55px;overflow: hidden;margin: 0 auto;}
.CourseSub .navTitBox i{display: inline-block;width: 17px;height: 30px;position: absolute;cursor: pointer;}
.CourseSub .navTitBox i.arrow_left{background-position: -157px -60px;left: 0;top: 14px;}
.CourseSub .navTitBox i.arrow_right{background-position: -175px -60px;right: 0;top: 14px;}
.CourseSub .navTitBox i.arrow_left:hover{background-position: -120px -60px;}
.CourseSub .navTitBox i.arrow_right:hover{background-position: -139px -60px;}
.CourseSub .SubTitle{height: 55px;width: 100%;margin-left: 0;position: relative;left: 0;}
.CourseSub .SubTitle li{display:block; width: 160px;height: 55px;overflow: hidden;line-height: 55px;border-radius: 10px 10px 0 0;background: #336ee1;text-align: center;float: left;margin-right: 2px;}
.CourseSub .SubTitle li span{font-size: 18px;color: #fff;font-weight: bold;width: 100%;height: 100%;display: block;}
.CourseSub .SubTitle li:hover span,.CourseSub .SubTitle li.cur span{background: #fff; color: #111a52;font-size: 20px;cursor: pointer;}
.CourseSub .SubTitle li:hover::after,.CourseSub .SubTitle li.cur::after{display: none;}
.CourseSub .SubList{padding: 20px;background: #fff;}
.CourseSub .TabSub{text-align: center; width: 100%;border:1px solid #e9e9e9;color:#666;table-layout:fixed;empty-cells:show;border-collapse: collapse;margin:0 auto;}
.CourseSub .TabSub tr{ background:#fff}
.CourseSub .TabSub th{ border:1px solid #e9e9e9;height:48px; background:#f7f7f7; color:#333333; font-size: 16px;font-weight: normal;}
.CourseSub .TabSub td{border:1px solid #e9e9e9; height:46px}
.CourseSub .TabSub .Audition{width: 132px; height: 30px; line-height: 30px; text-align: center;border-radius: 16px;display: block;margin: 0 auto;}
.CourseSub .TabSub .Buy{width: 88px; height: 27px;line-height: 27px;border-radius: 27px;background: #fc282d;color: #ffffff;font-size: 14px;display: inline-block;}
.bgTab1 .courseTab li{width: 1200px;}
.bgTab1 .courseTab li .li2 dl dd{width: 30%;}
.bgTab1 .topFixed li .topBox {width: 1200px;}
.bgTab1 .courseTab li .li3 p{width: 21%;}
.bgTab1 .courseTab li .li4 span{width: 25%;}
.bgTab1 .courseTab li .li4 span.lineW{width: 25%;}
.bgTab1 .courseTab li .li5 p{width: 22%;}
.bgTab3 .courseTab li{width: 400px;}
.bgTab3 .courseTab li .li2 dl dd{width: 100%;}
.bgTab3 .topFixed li .topBox {width: 400px;}
.bgTab3 .courseTab li .li3 p{width: 100%;}
.bgTab3 .courseTab li .li4 span{width: 50%;}
.bgTab3 .courseTab li .li5 p{width: 100%;}
.bgTab2 .courseTab li{width: 600px;}
.bgTab2 .courseTab li .li2 dl dd{width: 45%;}
.bgTab2 .topFixed li .topBox {width: 600px;}
.bgTab2 .courseTab li .li3 p{width: 45%;}
.bgTab2 .courseTab li .li4 span{width: 33%;}
.bgTab2 .courseTab li .li5 p{width: 45%;}
.topFixed li {padding-top: 120px;}
.bgTab1 .topFixed li .topBox {position: fixed;top: 27px;width: 1200px;z-index:100;transition: all .3s;}
.bgTab2 .topFixed li .topBox {position: fixed;top: 27px;width: 600px;z-index:100;transition: all .3s;}
.bgTab3 .topFixed li .topBox {position: fixed;top: 27px;width: 400px;z-index:100;transition: all .3s;}
/*teacherBox*/
.teacherBox{width: 100%;height: 898px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_teacher.jpg') no-repeat center center;min-width: 1200px;}
.teacherBox .TitleName{padding-top: 41px;}
.teacherBox .TitleName .Title{height: 90px;}
.teacherBox .TitleName .Title h3{line-height: 105px;font-size: 42px;color: #111111;}
.teacherBox .TitleName .Title h3 em{background-color: #111;}
.teacherBox .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_teacherTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 10%;}
.teacherBox{position: relative;}
.teacherBox .BigImg{float: right;}
.teacherBox .Img{ width: 660px; height: 644px;background: #efefef;overflow: hidden; z-index: 1;text-align: center;display: flex;align-items: flex-end;justify-content: center;}
.teacherBox .Teacher{position: relative;padding-top: 40px;height: 644px;}
.teacherBox .TeacherCon{padding: 67px 0 0 54px;box-sizing: border-box; float: left; height: 644px;width: 540px;overflow: hidden;}
.teacherBox .TeacherCon .topBox span{display: inline-block;width: 260px;height: 79px;background: #1c4fa8;color: #fff;font-size: 38px;line-height: 79px;text-align: center;font-weight: bold;}
.teacherBox .TeacherCon .topBox span i{display: inline-block;width: 39px;height: 39px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_name.png') no-repeat;vertical-align: -4px;margin-right: 18px;}
.teacherBox .TeacherCon .topBox em{display: inline-block;width: 118px;height: 10px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/half_arrow.png') no-repeat;margin-left: 28px;vertical-align: 10px;}
.teacherBox .TeacherCon .textBox{margin-top: 75px;width: 460px;box-sizing: border-box;padding: 0 12px;border: 1px solid #222244;position: relative;}
.teacherBox .TeacherCon .textBox::before{content: "";display: inline-block;width: 39px;height: 27px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/teacher_info_arrow.jpg') no-repeat;position: absolute;top: -27px;left: 83px;}
.teacherBox .TeacherCon .textBox h3{font-size: 32px;color: #111111;padding: 20px 10px;border-bottom: 1px dashed #97a1a2;}
.teacherBox .TeacherCon .textBox p.className{padding: 15px 10px 0;}
.teacherBox .TeacherCon .textBox p{font-size: 20px;color: #333333;padding: 25px 10px;line-height: 1.8;max-height: 158px;overflow: hidden;}
.teacherBox .tabTitle{width: 100%;position: absolute;left: 0;bottom: 0;}
.teacherBox .tabTitle{width: 583px;height: 145px;background: #1c4fa8;}
.teacherBox .tabTitle .numBox{width: 165px;height: 145px;float: left;padding: 0 50px;box-sizing: border-box;}
.teacherBox .tabTitle .numBox .current{font-size: 70px;color: #fff;}
.teacherBox .tabTitle .numBox .allNum{font-size: 32px;color: #ffffff;opacity: .5;padding-left: 25px;}
.teacherBox .ImgList{width: 393px;height: 145px;float: left;overflow: hidden;}
.teacherBox .ImgList::before{position: absolute;z-index: 1;right: 0; bottom: 0;width: 605px;height: 40px; background: #fff;border-radius: 8px;}
.teacherBox .ImgList i{display: block; width: 47px; top: 50%;margin-top: -18px;height: 36px;position: absolute;cursor: pointer;}
.teacherBox .ImgList i.l{  left: -47px; background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/arrow_R_teacher_on.png') no-repeat center center #fff;}
.teacherBox .ImgList i.r{right: -47px; background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/arrow_L_teacher_on.png') no-repeat center center #fff;}
.teacherBox .ImgList i:hover{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/arrow_R_teacher.png') no-repeat center center #ffad78;}
.teacherBox .ImgList i.r:hover{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/arrow_L_teacher.png') no-repeat center center #ffad78;}
.teacherBox .ImgList ul{position: relative;padding-top: 21px;}
.teacherBox .ImgList li{width: 111px;height: 104px;transition: all .3s; position: relative;top:0;float: left;margin-right: 30px;text-align: center; cursor: pointer;background: none;}
.teacherBox .ImgList li span{opacity: 0;transition: all .3s;background: rgba(0,0,0,.5);line-height: 148px;font-size: 22px;color: #fce08d; position: absolute;top: 0;left: 0;width:111px;height: 104px;border: 5px solid #fce08d;box-sizing: border-box;}
.teacherBox .ImgList li img{width: 100%;height: 100%;}
.teacherBox .ImgList li p{line-height: 40px;font-size: 16px; color: #666666;}
.teacherBox .ImgList li.cur span{opacity: 1;}
.teacherBox .switchBox {position: absolute;right: -226px;bottom: 0;height: 82px;}
.teacherBox .switchBox span{cursor: pointer;display: inline-block;width: 113px;height: 82px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/arrow_R_teacher_on.png') no-repeat center center #FFF;}
.teacherBox .switchBox span.next{display: inline-block;width: 113px;height: 82px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/arrow_L_teacher.png') no-repeat center center #1c4fa8;}




.systemBox{width: 100%;min-height: 670px;background: url("https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_system.jpg") no-repeat center center;background-size: cover;padding-bottom: 70px;min-width: 1200px;overflow: hidden;}
.systemBox .TitleName .Title{height: 90px;}
.systemBox .TitleName{padding-top:50px;}
.systemBox .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 10%;}
.systemBox .TitleName .Title h3 {color: #fff;}
.systemBox .TitleName h4{color:#dbdbdb}
.systemBox .contBox{padding-top:40px;}
.systemBox .contBox .navListBox{width:365px;position: relative;float: left;}
.systemBox .contBox .navListBox li{overflow: hidden; cursor: pointer; width: 365px;height: 114px;box-sizing: border-box; background: #1d59c2;border-bottom: 1px solid #708bef;}
.systemBox .contBox .navListBox li:last-child{border-bottom: 0;}
.systemBox .contBox .navListBox li b{margin-top: 15px;float: left;width: 130px;height: 129px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemNum01.png') no-repeat bottom center;}
.systemBox .contBox .navListBox li:nth-child(2) b{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemNum02.png') no-repeat bottom center;}
.systemBox .contBox .navListBox li:nth-child(3) b{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemNum03.png') no-repeat bottom center;}
.systemBox .contBox .navListBox li .text{float: left; width: 210px;}
.systemBox .contBox .navListBox li h3{margin-top: 22px;font-size: 26px;color: #ffffff;width: 155px;height: 39px;line-height: 36px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemNavtit.png') no-repeat;}
.systemBox .contBox .navListBox li p{font-size: 20px;color: #fff;padding-top: 12px;}
.systemBox .contBox .navListBox li h3 i{float: left;display:block;margin-right: 5px;width: 37px;height: 39px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_systemA.png') no-repeat center center;}
.systemBox .contBox .navListBox li:nth-child(2) h3 i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_systemB.png') no-repeat center center;}
.systemBox .contBox .navListBox li:nth-child(3) h3 i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_systemC.png') no-repeat center center;}
.systemBox .contBox .navListBox li.cur{border-bottom: 5px solid #fff;}
.systemBox .contBox .navListBox li.cur h3{color:#fff;}
.systemBox .contBox .navListBox li.cur p{color:#fff}
.systemBox .contBox .navListBox li.cur{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemNav.png') no-repeat;}
.systemBox .contBox .navListBox li.cur h3{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemNavtit_on.png') no-repeat;}
.systemBox .contBox .navListBox li:nth-child(1).cur h3 i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_systemA_on.png') no-repeat center center;}
.systemBox .contBox .navListBox li:nth-child(2).cur h3 i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_systemB_on.png') no-repeat center center;}
.systemBox .contBox .navListBox li:nth-child(3).cur h3 i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_systemC_on.png') no-repeat center center;}
.systemBox .contBox .switchBox{width: 835px;float: left;position: relative;}
.systemBox .contBox .switchBox::before{content: '';width: 542px;height: 469px;position: absolute;right: -165px;top: -75px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/pic_system.png') no-repeat;}
.systemBox .contBox .switchBox ul{min-height:399px;padding-bottom: 10px;box-sizing: border-box;padding-left: 45px;padding-top: 30px;background:url('..//images/Bg_systemCont.png') no-repeat #fff;border-radius: 0 0 10px 10px; box-shadow: 0px 0px 51px 0px rgba(8, 13, 40, 0.3);}
.systemBox .contBox .switchBox ul li{position: relative;z-index: 1;margin-bottom: 20px;box-sizing: border-box;width: 512px;/* height: 157px; */padding-bottom: 20px;background: rgba(255,255,255,.5);border: 1px solid #cce6de;border-radius: 20px;overflow: hidden;}
.systemBox .contBox .switchBox ul li h4{font-size: 24px;color: #ffffff;font-weight: normal;width: 204px;height: 66px;line-height: 46px;text-align: center;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_systemListTit.png') no-repeat;margin-left: -8px;margin-top:-2px}
.systemBox .contBox .switchBox ul li p{font-size: 18px;color: #333333;margin-top: 6px;padding-left: 32px;}
.systemBox .contBox .switchBox ul li p::before{content: '';display: inline-block;width: 5px;height: 5px;border-radius: 5px;background:#619ef1;vertical-align: -8px;margin: 10px;}
.systemBox .contBox .switchBox ul li p.tip{font-size: 20px;color: #666;margin-top: 12px;}
.systemBox .contBox .switchBox ul li p.tip span{display: inline-block;padding: 0 15px;position: relative;}
.systemBox .contBox .switchBox ul li p.tip span::after{content: '';display: inline-block;height:10px;width:140px;border-radius: 10px;background: #e6f2ff;position: absolute;bottom: 0;left: 0;}
.systemBox .contBox .switchBox ul li p.tip span b{font-weight: normal;position: relative;z-index: 1;}
.systemBox .contBox .switchBox ul li p.tip i{display: inline-block;width: 12px;height: 16px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_microphone.png') no-repeat;margin-right: 6px;vertical-align: -2px;}
.systemBox .contBox .switchBox ul li p.tip em{color: #4565dc;margin: 0 3px;}
.systemBox .contBox .switchBox ul li p.tip::before{display: none;width: 0;}

.pirceBox1{width: 100%;height: 639px;background: url("https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_price.jpg") no-repeat center center;min-width: 1200px;}
.pirceBox1 .main{position: relative;}
.pirceBox1 .icon_z{display: inline-block;width: 153px;height: 221px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_z.png') no-repeat;position: absolute;top: -112px;left: -350px;}
.pirceBox1 .TitleName{padding-top: 40px;}
.pirceBox1 .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_certificateTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 0;}
.pirceBox1 .contBox{padding-left: 245px;padding-top: 97px;}
.pirceBox1 .contBox li{width: 210px;height: 311px;margin-right: 26px;float: left;padding: 85px 16px 0;box-sizing: border-box;}
.pirceBox1 .contBox li:last-child{margin-right: 0;}
.pirceBox1 .contBox li h3{font-size: 22px;color:#3571df;font-weight: bold;}
.pirceBox1 .contBox li p{font-size: 14px;color: #666666;line-height: 1.8;margin-top: 6px;}

.occupatBox{width: 100%;overflow: hidden;height: 498px;background: url("https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_occupatBox.jpg") no-repeat center center;min-width: 1200px;overflow: hidden;}
.occupatBox .TitleName {margin-top: 60px;}
.occupatBox .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_occupatTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 0;}
.occupatBox .TitleName h3{color: #fff;}
.occupatBox .TitleName h4{color: #dbdbdb;}
.occupatBox .contBox{position: relative;padding-top: 35px;}
.occupatBox .contBox b{display: block;width: 1224px;height: 15px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_occupatLine.png') no-repeat;position: absolute;left: -12px;top: 103px;}
.occupatBox .contBox ul li{width: 400px;float: left;padding: 0 50px 0 30px;box-sizing: border-box;}
.occupatBox .contBox ul li h3{width: 308px;height: 54px;line-height: 43px;padding-left: 30px;box-sizing: border-box;font-size: 20px;font-weight: normal; color: #fff;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_occupatList01.png') no-repeat;text-transform: uppercase; }
.occupatBox .contBox ul li p{font-size: 18px;color: #ffffff;margin-top: 40px;line-height: 1.8;opacity: .6;}
.occupatBox .contBox ul li .bot{font-size: 18px;color: #fff;opacity: .6;margin-top: 30px;}
.occupatBox .contBox ul li .bot a{color: #fff;}
.occupatBox .contBox ul li .bot i{display: block;width: 22px;height: 25px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_occupatArrow.png') no-repeat;float: right;}


.questionBankBox{width: 100%;height: 936px;background: url("https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_question_bank.jpg") no-repeat center center;min-width: 1200px;}
.questionBankBox .TitleName .Title{height: 90px;}
.questionBankBox .TitleName{padding-top:50px;}
.questionBankBox .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_questionBankTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 0;}
.questionBankBox .TitleName .Title h3{color: #fff;}
.questionBankBox .TitleName .Title h3 i.lt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconL_org.png') no-repeat;}
.questionBankBox .TitleName .Title h3 i.rt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconR_org.png') no-repeat;}
.questionBankBox .TitleName h4{color: #74a0e9;background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_subTitl_org.png') no-repeat center center}
.questionBankBox .contBox{padding-top: 38px;position: relative;}  
.questionBankBox .contBox li{margin-bottom: 20px;width: 647px;height: 120px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_questionBankList.png') no-repeat;border-left: 8px solid #75b6fb;}
.questionBankBox .contBox li .iconBox{display: inline-block;width:86px;height: 86px;background:#2250a4;border-radius: 86px;margin: 17px 23px;}
.questionBankBox .contBox li .iconBox i{display: inline-block;width:86px;height: 86px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_questionBank01.png') no-repeat center center ;}
.questionBankBox .contBox li:nth-child(2) .iconBox i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_questionBank02.png') no-repeat center center ;}
.questionBankBox .contBox li:nth-child(3) .iconBox i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_questionBank03.png') no-repeat center center ;}
.questionBankBox .contBox li:nth-child(4) .iconBox i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_questionBank04.png') no-repeat center center ;}
.questionBankBox .contBox li:nth-child(5) .iconBox i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_questionBank05.png') no-repeat center center ;}
.questionBankBox .contBox li .textBox{padding-top: 17px;width: 340px;padding-left:10px}
.questionBankBox .contBox li .textBox h4{font-size: 22px;color: #fff;font-weight: bold;}
.questionBankBox .contBox li .textBox p{font-size: 16px;color: #fff;line-height: 1.6;padding-top: 6px;}
.questionBankBox .contBox .tip{position: absolute;right: 0;width: 90px;padding: 0 36px;line-height: 1.2; font-size: 18px;color: #fff;top: 46px;box-sizing: border-box;}
.classroomBox .listBox li .iconBox i{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/icon_classroom.png') no-repeat;}
.classroomBox{width: 100%;height: 1083px;background: url("https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_classroom.jpg") no-repeat center center;min-width: 1200px;}
.classroomBox .TitleName .Title{height: 90px;}
.classroomBox .TitleName{padding-top: 53px;}
.classroomBox .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_classroomTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 0;}
.classroomBox .contBox{padding-top: 24px;}
.classroomBox .picView{float: left;width: 583px;height: 630px;overflow: hidden;}
.classroomBox .picView img{width: 100%;}
.classroomBox .listBox{width: 617px;height: 630px;}
.classroomBox .listBox li{height: 115px;margin-bottom: 14px;background: #f3f3f3;width: 530px;}
.classroomBox .listBox li .iconBox{width: 173px;height: 115px;float: left;text-align: center;padding-top: 25px;box-sizing: border-box;}
.classroomBox .listBox li .iconBox i{background-position: -12px -95px;width: 56px;height: 68px;display: inline-block;}
.classroomBox .listBox li:nth-child(2) .iconBox i{background-position: -87px -95px;width: 64px;}
.classroomBox .listBox li:nth-child(3) .iconBox i{background-position: -169px -95px;width: 65px;}
.classroomBox .listBox li:nth-child(4) .iconBox i{background-position: -251px -95px;width: 62px;}
.classroomBox .listBox li:nth-child(5) .iconBox i{background-position: -332px -95px;width: 64px;}
.classroomBox .listBox li .textBox{float: left;border: 2px solid #f3f3f3;border-right: 0;border-left: 0;background: #fff;width: 357px;height: 111px;}
.classroomBox .listBox li .textBox .tit{padding:6px 20px 0 10px;}
.classroomBox .listBox li .textBox .tit em{font-size: 10px;color: #666;}
.classroomBox .listBox li .textBox .tit span{float: right;font-size: 10px;color: #666666;text-transform: uppercase;}
.classroomBox .listBox li .textBox .cont{padding: 4px 54px;}
.classroomBox .listBox li .textBox .cont h3{font-size: 24px;color: #333333;font-weight: bold;}
.classroomBox .listBox li .textBox .cont p{font-size: 18px;color: #999999;margin-top: 4px;}
.classroomBox .listBox li .textBox .arrowBox{width: 56px;height: 113px;display: none;}
.classroomBox .listBox li.cur{width: 586px;transition: all .3s;}
.classroomBox .listBox li.cur .iconBox{background: #2b5fbc;}
.classroomBox .listBox li.cur .iconBox i{background-position: -12px -14px;}
.classroomBox .listBox li:nth-child(2).cur .iconBox i{background-position: -87px -14px;width: 64px;}
.classroomBox .listBox li:nth-child(3).cur .iconBox i{background-position: -169px -14px;width: 65px;}
.classroomBox .listBox li:nth-child(4).cur .iconBox i{background-position: -251px -14px;width: 62px;}
.classroomBox .listBox li:nth-child(5).cur .iconBox i{background-position: -332px -14px;width: 64px;}
.classroomBox .listBox li.cur .textBox {height: 113px;border-top: 0;border-bottom-color: #5ecbff;padding-right: 56px;position: relative;transition: all .3s;  background-image: -moz-linear-gradient( -14deg, rgb(105,167,244) 0%, rgb(45,104,220) 100%);background-image: -webkit-linear-gradient( -14deg, rgb(105,167,244) 0%, rgb(45,104,220) 100%);background-image: -ms-linear-gradient( -14deg, rgb(105,167,244) 0%, rgb(45,104,220) 100%);}
.classroomBox .listBox li.cur .tit span,.classroomBox .listBox li.cur .tit em,.classroomBox .listBox li.cur .textBox h3,.classroomBox .listBox li.cur .textBox .cont p{color: #fff;}
.classroomBox .listBox li.cur .textBox .arrowBox{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/arrow_left.png') no-repeat center center #5f9cf0;position: absolute;right: 0;top: 0;display: block;}
.classroomBox .listBox li.cur .textBox .tit span{color:#95d3ff}
.classroomBox .botBox{padding-left: 247px;padding-top: 37px;}
.classroomBox .botBox .downloadText{width: 220px;padding-left: 16px;box-sizing: border-box;font-style: italic;padding-top: 70px;}
.classroomBox .botBox .downloadText h4{font-size: 26px;}
.classroomBox .botBox .downloadText p{font-size: 19px;color: #000000;}
.classroomBox .botBox .downloadLink{padding-top: 78px;padding-left: 40px;}
.classroomBox .botBox .downloadLink a{display: inline-block;width: 238px;height: 57px;text-align: center;line-height: 57px;font-size: 22px;color: #fff;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_downloadBtn.png') no-repeat;font-style: italic;}
.classroomBox .botBox .downloadLink a:last-child{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_downloadBtn2.png') no-repeat;}
.classroomBox .botBox .wxCode{width: 169px;height: 169px;border-radius: 5px;text-align: center;border: 6px solid #3570df;box-sizing: border-box;}
.classroomBox .botBox .wxCode img{width: 100%;}
.classroomBox .picView .progress{margin-top: -30px;width: 100%;text-align: center;}
.classroomBox .picView .progress span{display: inline-block;width: 6px;height: 6px;border-radius: 6px;background: #7eb0f5;margin-right: 5px;}
.classroomBox .picView .progress span.cur{background: #18ccfd;}
.qualityBox{width: 100%;height: 554px;background: url("https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_quality.jpg") no-repeat center center;min-width: 1200px;}
.qualityBox .TitleName{padding-top: 50px;}
.qualityBox .TitleName .Title h2{background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_qualityTit.png') no-repeat center center;height: 105px;width: 100%;background-position: 50% 0;}
.qualityBox .TitleName .Title h3{line-height: 105px;font-size: 42px;color: #ffffff;}
.qualityBox .TitleName .Title h3 em{background-color: #fff;}
.qualityBox .TitleName h4{color: #74a0e9;background:url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_subTitl_org.png') no-repeat center center}
.qualityBox .TitleName .Title h3 i.lt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconL_org.png') no-repeat;}
.qualityBox .TitleName .Title h3 i.rt{background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/titleIconR_org.png') no-repeat;}
.qualityBox .contList{padding-top: 43px;}
.qualityBox .contList li{float: left;width: 247px;text-align: center;}
.qualityBox .contList li:first-child{width: 235px;}
.qualityBox .contList li:last-child{width: 224px;}
.qualityBox .contList li .titBg{font-size: 24px;color: #ffffff;opacity:0.1;text-transform:Uppercase;margin-top: 60px;}
.qualityBox .contList li h4{width: 165px;background: url('https://files.chaosw.com/front/special/ylfws/pc/4/images/Bg_qualitySubTit.png') no-repeat bottom center;margin: -25px auto 0;padding: 3px 0; font-size: 26px;color: #ffffff;font-weight: bold;}
.qualityBox .contList li .text{padding-top: 24px;}
.qualityBox .contList li .text p{font-size:18px;color: #fff;padding-bottom: 10px;}