<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* 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,u{font-style:normal}
u{text-decoration:none}
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}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a:link,a:visited{text-decoration:none;color:#293237}
a:hover,a:active{color:#f00}
.fl{float:left}
.fr{float:right}
.tabCon,.hidebox,.Hidebox{display:none}
.showbox,.Showbox{display:block !important}
.main{width:1200px;margin:0 auto}
.header{height:60px}
.header .leftBox{display:flex;align-items:center}
.header .logo{display:flex;align-items:center;margin-right:20px}
.header .logo img{height:38px}
.header h2{font-size:18px;color:#000000;height:24px;border-left:1px solid #dfdfdf;padding-left:20px}
.header .main{display:flex;align-items:center;justify-content:space-between;height:60px}
.header .rightBox{display:flex;align-items:center}
.header .rightBox .nav a{font-size:16px;color:#000000;margin-right:35px}
.header .rightBox .phone{font-size:16px;color:#000000;margin-right:30px}
.header .rightBox .btnBox a.login{font-size:16px;color:#4381eb;font-weight:bold;margin-right:10px;display:inline-block;height:30px;line-height:30px}
.header .rightBox .btnBox a.register{font-size:14px;color:#ffffff;font-weight:bold;display:inline-block;width:84px;height:30px;background-color:#4381eb;text-align:center;line-height:30px;border-radius:30px}
.header .rightBox .nav a.home::before{content:'';display:inline-block;width:19px;height:18px;background:url('../image/icon_home.png') no-repeat;margin-right:5px;vertical-align:-1px}
.banner{height:480px;overflow:hidden;position:relative}
.swiper-container-banner .pagination{position:absolute;z-index:20;bottom:15px;width:1200px;text-align:center;left:50%;margin-left:-600px}
.swiper-container-banner .swiper-pagination-switch{display:inline-block;width:95px;height:6px;border-radius:6px;background:#fff;margin:0 5px;opacity:0.5;border:1px solid #fff;cursor:pointer}
.swiper-container-banner .swiper-active-switch{opacity:1}
.Title{position:relative;height:90px;display:flex;justify-content:center;align-items:center}
.Title h2{position:absolute;z-index:1;left:50%;transform:translate(-50%,-10px)}
.Title h3{font-size:48px;color:#111111;position:relative;z-index:10;font-weight:bold;text-align:center}
.Title h3 .lt{display:inline-block;width:29px;height:34px;background:url('../image/icon_title_l.png') no-repeat;margin-right:30px;position:relative;top:-15px}
.Title h3 .rt{display:inline-block;width:29px;height:19px;background:url('../image/icon_title_r.png') no-repeat;margin-left:18px;position:relative;bottom:-6px}
.Title h3 span{display:inline-block;height:78px;background:url('../image/bg_title_line.png') no-repeat center bottom}
.trialBox{padding-top:58px;height:773px;box-sizing:border-box;background: url('../image/bg_trialBox.jpg') no-repeat;min-width: 1200;}
.Video {padding-top: 40px}
.VideoBox .TitleName{padding-top:46px}
.VideoBox .TitleName .Title h2{background:url('404.png') no-repeat center center;height:105px;width:100%;background-position:50% 10%}
.VideoBox .TitleName .Title h3{line-height:105px}
.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;padding-left:10px;box-sizing:border-box}
.VideoCourse .Column li{height:60px;padding:0 28px;text-align:center;font-size:16px;color:#fff;line-height:60px;float:left;cursor:pointer;margin-left:-1px}
.courseBox .tabNavBox li .noShow{display:none}
.VideoCourse .Column li.cur{color:#fff;font-weight:bold;background-image: -moz-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);}
.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{box-sizing: border-box;padding-right: 10px;display:inline-block;color:#fff;text-align:center;height:38px;width:100%;overflow:hidden;font-size:14px;border-radius:19px;     background-image: -moz-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 180deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);}
.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('404.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 #27b0f8;border-top:none;overflow-y:scroll}
.VideoSelect .Select .List::-webkit-scrollbar{width:0}
.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:43px;line-height:43px;background:#ebebeb;overflow:hidden;overflow-x: scroll;}
.VideoTit ul{white-space:nowrap;overflow:hidden;height:40px}
.VideoTit::-webkit-scrollbar{height: 10px;}
.VideoTit::-webkit-scrollbar{width: 5px; height: 5px;border-radius:5px;background-color: #F5F5F5;}
.VideoTit::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #999;}
.VideoTit::-webkit-scrollbar-track {border-radius: 5px;background-color: #fff;}
.VideoList::-webkit-scrollbar{width: 5px; height: 5px;border-radius:5px;background-color: #F5F5F5;}
.VideoList::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #999;}
.VideoList::-webkit-scrollbar-track {border-radius: 5px;background-color: #fff;}
.VideoTit li{cursor: pointer;width:118px;line-height:40px;font-size:14px;font-weight:bold;color:#777777;float:left;display:flex;align-items:center;justify-content:center}
.VideoTit li.cur{background:#fff;color:#000}
.VideoTit li img{width:28px;height:28px;border-radius:28px;border:1px solid #ebebeb;margin-right:8px}
.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: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:#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("../image/play.gif") no-repeat center center}
.VideoList ul li.Play a,.VideoList ul li.Play a:link,.VideoList ul li.Play a:visited{color:#d65641;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;color:#fff;background:#4381eb;font-size:18px;border-radius:0;box-shadow:none;float:left;margin-right:0}
.VideoOper a.BtnNow::before{content:'';display:inline-block;width:24px;height:23px;background:url('../image/icon_enroll.png') no-repeat;vertical-align:-4px;margin-right:10px}
.VideoOper a.BtnConsult{height:52px;line-height:52px;font-size:18px;color:#fff;font-weight:bold;background:#d65641;font-weight:bold;float:left;border-radius:0;box-shadow:none}
.programmeBox{background:url('../image/bg_programmeBox.jpg') no-repeat #fff;padding-top:58px;box-sizing:border-box;padding-bottom:70px}
.programmeBox .countdown{display:flex;justify-content:center;align-items:center;width:640px;height:74px;border-radius:74px;background-color:#fff;box-shadow:0px 0px 18px 0px rgba(218,218,218,0.86);margin:20px auto 0}
.programmeBox .countdown span{font-size:18px;color:#000000}
.programmeBox .countdown img{width:42px;margin:0 10px}
.programmeBox .countdown b{font-size:24px;color:#000000;font-weight:bold}
.programmeBox .countdown .num{font-size:24px;color:#d65641;font-weight:bold;display:flex;align-items:center}
.programmeBox .countdown .num u{margin-right:10px;display:inline-block;width:45px;height:50px;font-size:32px;color:#d65641;border:2px solid #dbdfe1;border-radius:18px;text-align:center;line-height:50px}
.packageBox{padding-bottom:60px;background-color: #fbf8f4;padding-top: 70px;background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%,rgba(251,248,244,1) 100%);}
.packageBox .CourseSub{padding-top:30px}
.packageBox .subTitle{padding-top:48px}
.packageBox .subTitle h3{height:86px;background:url('404.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('404.png') no-repeat;margin-left:10px;vertical-align:4px}
.singleBox{background-color: #fbf8f4 !important;background-image: none;}
.singleBox .subTitle h3{height:86px;background:url('404.png') no-repeat}
.CourseSub{position:relative}
.CourseSub .navTitBox{width:100%;height:55px;overflow:hidden;border-bottom:1px solid #27b3fd;position: relative;}
.CourseSub .navTitBox i{display:inline-block;width:17px;height:30px;position:absolute;cursor:pointer}
.CourseSub .navTitBox i.arrow_left{background: url('../image/bg_package_arrow.png');transform: rotate(180deg);left: 0;top: 16px;}
.CourseSub .navTitBox i.arrow_right{background: url('../image/bg_package_arrow.png');right: 0;top:16px;}
.CourseSub .navTitBox i.arrow_left:hover{background: url('../image/bg_package_arrow_on.png');transform: rotate(180deg);}
.CourseSub .navTitBox i.arrow_right:hover{background: url('../image/bg_package_arrow_on.png')}
.CourseSub .hiddenBox{width:970px;overflow: hidden;margin: 0 auto;}
.CourseSub .SubTitle{height:55px;margin: 0 auto;position:relative;left:0}
.CourseSub .SubTitle li{display:block;width:160px;height:55px;overflow:hidden;line-height:55px;border-radius:10px 10px 0 0;text-align:center;float:left;margin-right:2px}
.CourseSub .SubTitle li span{font-size:20px;color:#333333;font-weight:bold;width:100%;height:100%;display:block}
.CourseSub .SubTitle li:hover span,.CourseSub .SubTitle li.cur span{background-image: -moz-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);color:#fff;font-size:20px;cursor:pointer}
.CourseSub .SubTitle li:hover::after,.CourseSub .SubTitle li.cur::after{display:none}
.CourseSub .SubList{margin-top: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 #e7e8ee;height:48px;background:#a0c1fa;color:#fff;font-size:16px;font-weight:normal}
.CourseSub .TabSub td{border:1px solid #e9e9e9;height:58px}
.CourseSub .TabSub td .red{color:#d65641}
.CourseSub .TabSub .Audition{width:132px;height:30px;line-height:30px;text-align:center;border-radius:16px;display:block;margin:0 auto;color:#d65641}
.CourseSub .TabSub .Audition::before{content:'';display:inline-block;width:17px;height:16px;background:url('../image/icon_package_video.png') no-repeat;vertical-align:-2px;margin-right:5px}
.CourseSub .TabSub .Buy{width:88px;height:28px;line-height:28px;border-radius:5px;background:#d65641;color:#ffffff;font-size:14px;display:inline-block}
.teacherBox{height:751px;background:url('../image/bg_teacher.jpg') no-repeat top;padding-top:65px;box-sizing:border-box}
.teacherBox .Title h3{color:#fff}
.teacherBox .Title h3 span{background: url("../image/bg_title_line_w.png") no-repeat center bottom;}
.teacherBox .navBox{height:55px;width:auto;overflow:hidden;position:relative;margin-top:24px}
.teacherBox .swiper-container-nav{width:920px;margin:0 auto;height:55px;box-sizing:border-box;overflow:hidden}
.teacherBox .navBox a{display:block;width:61px;height:30px;border-radius:61px;position:absolute;z-index:10;background:url('../image/icon_teacher_switchLeft.png') no-repeat;top:14px}
.teacherBox .navBox a.arrow-right{right:0;background:url('../image/icon_teacher_switchRight.png') no-repeat}
.teacherBox .navBox a:hover{background:url('404.png') no-repeat;transform:rotate(180deg)}
.teacherBox .navBox a.arrow-right:hover{transform:rotate(0)}
.teacherBox .swiper-slide{cursor:pointer;padding:0 20px;height:55px;line-height:55px;font-size:20px;color:#ffffff;text-align:center;border-radius:10px;box-sizing:border-box}
.teacherBox .swiper-slide.cur{  background-color: rgb(159, 216, 246);box-shadow: inset -0.977px 2.837px 7px 0px rgba(255, 255, 255, 0.4);}
.teacherBox .contBox .tabCont{display:none;position:relative;width:824px;height:400px;background:url('../image/bg_teacher_cont.png') no-repeat;margin-top:60px;margin-left:377px;box-sizing:border-box}
.teacherBox .contBox .tabCont .teacherNav{width:580px;display:flex;position:absolute;left:-362px;top:7px}
.teacherBox .contBox .tabCont .teacherNav .teacherItem{width:300px;height:450px;position:absolute;cursor:pointer;opacity:.6;z-index:0}
.teacherBox .contBox .tabCont .teacherNav .teacherItem .name{position: absolute;left: 34px;top: 114px;z-index: 10; line-height: 1.1; background: url('../image/bg_teacher_name.png') no-repeat;width: 33px;height: 171px;padding:16px 5px 0 8px;box-sizing: border-box;text-align: center;font-size: 12px;color:#ffffff;}
.teacherBox .contBox .tabCont .teacherNav .teacherItem .name b{font-size: 18px;margin-bottom: 5px;display: block;}
.teacherBox .contBox .tabCont .teacherNav .teacherItem:last-child .name{top: 130px;}
.teacherBox .contBox .tabCont .teacherNav .teacherItem img{width:300px;position:absolute;bottom:0}
.teacherBox .contBox .tabCont .teacherNav .teacherItem:last-child{left:152px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem{width:270px;height:405px;left:-20px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem img{width:270px}
.teacherBox .contBox .tabCont .teacherNav.threeT{width:580px;display:flex;position:absolute;left:-362px;top:-5px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem:nth-child(2){left:165px}
.teacherBox .contBox .tabCont .teacherNav.threeT .teacherItem:nth-child(3){left:290px}
.teacherBox .contBox .tabCont .teacherNav .teacherItem.cur{opacity:1;z-index:1}
.teacherBox .contBox .tabCont .textBox{padding-left:235px;padding-top:34px;display:none}
.teacherBox .contBox .tabCont .textBox h3{font-size:36px;color:#ffffff;font-weight:bold;height:62px;background:url('../image/bg_teacher_round.png') no-repeat;line-height:62px;position:relative;left:-30px;padding-left:30px}
.teacherBox .contBox .tabCont .textBox .tip{font-size:16px;color:#fff;font-weight:bold;margin-top:8px}
.teacherBox .contBox .tabCont .textBox .tip em{margin:0 10px;vertical-align:-2px}
.teacherBox .contBox .tabCont .textBox .tip span{font-weight:normal;margin-left:20px;vertical-align:-2px}
.teacherBox .contBox .tabCont .textBox h4{font-size:22px;color:#fff;margin-top:30px;position:relative;display:inline-block;font-weight:bold}
.teacherBox .contBox .tabCont .textBox h4::after{content:'';display:block;width:112px;height:5px;background:url('../image/icon_teacher_line.png') no-repeat;position:absolute;right:-130px;top:13px}
.teacherBox .contBox .tabCont .textBox .text{font-size:16px;color:#ffffff;line-height:32px;width:534px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px}
.teacherBox .contBox .tabCont .btnBox{width:256px;height:57px;background-color:#e17155;border-radius:57px;padding:4px;box-sizing:border-box;margin-top:20px}
.teacherBox .contBox .tabCont .btnBox a{display:block;width:247px;height:49px;text-align:center;font-size:18px;color:#000000;line-height:49px;background-color:#fff;border-radius:49px;box-shadow:0px 0px 7px 0px rgba(148,48,22,0.4)}
.teacherBox .contBox .tabCont .btnBox a::before{content:'';display:inline-block;width:25px;height:26px;background:url('../image/icon_teacher_play.png') no-repeat;vertical-align:-7px;margin-right:10px}
.learnBox{box-sizing: border-box;padding-top:58px;min-width: 1200px;padding-bottom: 86px;}
.learnBox .contBox{margin-top: 70px;display: flex;justify-content: space-between;}
.learnBox .contBox .listBox{width: 587px;height: 274px;background: url('../image/bg_learn_list4.png') no-repeat;padding-left: 4px;}
.learnBox .contBox .listBox h4{margin-bottom: 36px;font-size: 28px;color: #ffffff;line-height: 60px;padding-left: 84px;font-weight: bold;}
.learnBox .contBox .listBox .cont{display: flex;}
.learnBox .contBox .listBox .cont .tit{font-size: 16px;color: #333333;width: 90px;text-align: right;line-height: 35px;margin-right: 10px;}
.learnBox .contBox .listBox .cont .list{width: 460px;display: flex;flex-wrap: wrap;}
.learnBox .contBox .listBox .cont .list span{box-sizing: border-box;margin-right: 10px;margin-bottom: 15px;font-size: 16px;color: #000000;display: flex;align-items: center;padding-left: 10px;width: 140px;height: 35px;border-radius: 35px;background: #b1d3ff;}
.learnBox .contBox .listBox .cont .list span::before{margin-right: 8px;content: '';display: inline-block;width: 17px;height: 17px;background: url('../image/icon_learn_suc_w1.png') no-repeat;}
.learnBox .contBox .listBox .cont .list span.red{color:#b94428;background-color: #f7d0c1;}
.learnBox .contBox .listBox .cont .list span.red::before{background: url('../image/icon_learn_suc2.png') no-repeat;}
.questionBankBox{background: url('../image/bg_questionBank.jpg') no-repeat center bottom;}
.questionBox{min-width:1200px;}
.questionBox .topBox{height:207px;background:url('../image/bg_question_title.png') no-repeat center center;padding-top:68px;box-sizing:border-box}
.questionBox .topBox .Title{width:660px;margin-left:30px}
.questionBox .topBox .Title h3{color:#fff}
.questionBox .Title h3 span{background: url("../image/bg_title_line_w2.png") no-repeat center bottom;}
.questionBox .contBox{display:flex;justify-content:space-between;padding-top:35px}
.questionBox .leftBox{width:220px;height:739px;background:url('../image/bg_question_left.png') no-repeat}
.questionBox .leftBox .text{font-size:18px;color:#ffffff;padding:398px 20px 0;line-height:36px}
.questionBox .leftBox .text p span{display:inline-block;position:relative;margin-left:5px}
.questionBox .leftBox .text p span::after{content:'';display:block;width:100%;padding:0 3px;position:absolute;bottom:6px;left:-3px;height:6px;background-color:#f3513a;border-radius:6px}
.questionBox .leftBox .text p span em{position:relative;z-index:1}
.questionBox .leftBox .botBox{padding:30px 20px 0}
.questionBox .leftBox .botBox p{width:179px;height:79px;box-sizing:border-box;border:1px dashed #f3513a;border-radius:20px 20px 0 0;font-size:14px;color:#f45439;text-align:center;line-height:26px;padding-top:12px}
.questionBox .leftBox .botBox a{width:179px;height:59px;display:block;border-radius:0 0 20px 20px;text-align:center;font-size:20px;color:#ffffff;font-weight:bold;background-color:#f3513a;line-height:59px}
.questionBox .leftBox .botBox a i{display:inline-block;width:24px;height:26px;background:url('../image/icon_question_click.png') no-repeat;margin-left:10px;vertical-align:-6px}
.questionBox .rightBox{width:930px}
.questionBox .rightBox .listBox{display:flex;justify-content:space-between;align-items:center;margin-top:7px}
.questionBox .rightBox .listBox li{padding-left:66px;padding-right:40px;margin-left:40px;position:relative}
.questionBox .rightBox .listBox li:first-child{margin-left:0}
.questionBox .rightBox .listBox li::after{content:'';display:block;width:26px;height:68px;background:url('../image/icon_question_line.png');position:absolute;right:-26px;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .listBox li:last-child::after{display:none}
.questionBox .rightBox .listBox li h3{font-size:20px;color:#000000;width:170px;font-weight:bold;line-height:36px}
.questionBox .rightBox .listBox li p{font-size:14px;color:#666666;width:170px;line-height:20px}
.questionBox .rightBox .listBox li:first-child::before{content:'';display:block;width:48px;height:53px;background:url('../image/icon_question_i01.png') no-repeat;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .listBox li:nth-child(2)::before{content:'';display:block;width:52px;height:48px;background:url('../image/icon_question_i02.png') no-repeat;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .listBox li:nth-child(3)::before{content:'';display:block;width:47px;height:47px;background:url('../image/icon_question_i03.png') no-repeat;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.questionBox .rightBox .stageBox{margin-top:38px}
.questionBox .rightBox .stageBox .top{display:flex;justify-content:space-between}
.questionBox .rightBox .stageBox .top .ceiBox{width:444px;height:392px;background:url('404.png') no-repeat}
.questionBox .rightBox .stageBox .top .ceiBox h3{font-size:24px;color:#ffffff;font-weight:bold;line-height:55px;padding-left:72px;position:relative}
.questionBox .rightBox .stageBox .top .ceiBox h3::before{content:'';display:block;width:68px;height:81px;background:url('../image/icon_question_tit01.png') no-repeat;position:absolute;left:-10px;top:-16px}
.questionBox .rightBox .stageBox .top .ceiBox .list{padding:46px 25px 0}
.questionBox .rightBox .stageBox .top .ceiBox .list p{padding-left:74px;margin-bottom:30px;border-radius:57px;position:relative;font-size:20px;color:#8d5f44;line-height:57px;background-image:-moz-linear-gradient( 0deg,rgb(250,238,227) 0%,rgb(241,207,184) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(250,238,227) 0%,rgb(241,207,184) 100%);background-image:-ms-linear-gradient( 0deg,rgb(250,238,227) 0%,rgb(241,207,184) 100%)}
.questionBox .rightBox .stageBox .top .ceiBox .list p::before{content:'';display:block;width:38px;height:38px;background:url('../image/icon_question_suc.png') no-repeat;position:absolute;top:50%;transform:translate(0,-50%);left:16px}
.questionBox .rightBox .stageBox .top .lianBox{width:444px;height:392px;background:url('../image/bg_question_lianBox.png') no-repeat}
.questionBox .rightBox .stageBox .top .lianBox h3{font-size:24px;color:#ffffff;font-weight:bold;line-height:50px;padding-left:72px;position:relative}
.questionBox .rightBox .stageBox .top .lianBox h3::before{content:'';display:block;width:68px;height:81px;background:url('404.png') no-repeat;position:absolute;left:-10px;top:-16px}
.questionBox .rightBox .stageBox .top .lianBox ul{padding:36px 0 0 46px}
.questionBox .rightBox .stageBox .top .lianBox ul li{display:flex;align-items:center;font-size:18px;color:#ffffff;line-height:28px;margin-bottom:15px}
.questionBox .rightBox .stageBox .top .lianBox ul li h4{font-size:20px;color:#ffffff;padding:15px 12px 15px 18px;box-sizing:border-box;letter-spacing:6px;border-radius:10px;width:83px;height:83px;background-image:-moz-linear-gradient( -90deg,rgba(39,175,252,1) 0%,rgba(39,175,252,0) 90%);background-image:-webkit-linear-gradient( -90deg,rgba(39,175,252,1) 0%,rgba(39,175,252,0) 90%);background-image:-ms-linear-gradient( -90deg,rgba(39,175,252,1) 0%,rgba(39,175,252,0) 90%)}
.questionBox .rightBox .stageBox .top .lianBox ul li p{width:260px;margin-left:20px}
.questionBox .rightBox .stageBox .kaoBox{width:931px;height:206px;background:url('../image/bg_question_kaoBox.png') no-repeat;margin-top:20px}
.questionBox .rightBox .stageBox .kaoBox ul{padding:46px 74px;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box}
.questionBox .rightBox .stageBox .kaoBox ul li{margin-bottom:16px;padding-left:16px;box-sizing:border-box;width:336px;height:52px;background-color:#fff;box-shadow:1px 2px 10px 0px rgba(0,0,0,0.2);display:flex;align-items:center}
.questionBox .rightBox .stageBox .kaoBox ul li:nth-child(even){width:430px}
.questionBox .rightBox .stageBox .kaoBox ul li p{font-size:20px;color:#333333}
.questionBox .rightBox .stageBox .kaoBox ul li h4{margin-right:20px;width:30px;height:30px;background-color:#f5eee2;text-align:center;line-height:30px;font-size:20px;color:#cc5854;font-weight:bold}
.questionBox .rightBox .stageBox .kaoBox ul li:first-child{position:relative;padding-left:80px;font-size:24px;color:#75471b;font-weight:bold;background-color:transparent;box-shadow:none;background-image:-moz-linear-gradient( 0deg,rgba(232,209,168,1) 0%,rgba(232,209,168,0) 100%);background-image:-webkit-linear-gradient( 0deg,rgba(232,209,168,1)  0%,rgba(232,209,168,0)  100%);background-image:-ms-linear-gradient( 0deg,rgba(232,209,168,1) 0%,rgba(232,209,168,0) 100%)}
.questionBox .rightBox .stageBox .kaoBox ul li:first-child::before{content:'';display:block;width:68px;height:81px;background:url('../image/icon_question_tit03.png') no-repeat;position:absolute;left:-5px;top:-20px}
.information{padding-top:95px;}
.information .contBox{padding-top:66px}
.information .contBox ul{display:flex;justify-content:space-between;}
.information .contBox ul.oneData{justify-content:center;width: 100%;}   
.information .contBox ul.oneData li{display: flex;align-items: center;flex: none;}
.information .contBox ul.oneData li::before,.information .contBox ul.oneData li:last-child::after{content: '';display: none;}
.information .contBox ul.oneData li .cont{width: 270px;padding-left: 50px;}
.information .contBox ul.oneData li .text{padding: 0;}
.information .contBox ul.oneData li .btnBox{padding: 0;padding-top: 15px;}
.information .contBox ul li{flex:1;position:relative;padding-bottom:75px}
.information .contBox ul li .pic{height:199px;text-align:center}
.information .contBox ul li .text{padding:24px 45px 0}
.information .contBox ul li .text h4{font-size:28px;color:#000000;font-weight:bold}
.information .contBox ul li .text p{font-size:16px;color:#000000;line-height:28px;margin-top:12px}
.information .contBox ul li .btnBox{padding:25px 45px 0}
.information .contBox ul li .btnBox a{display:block;width:100%;height:56px;border-radius:28px 0 28px 0;text-align:center;line-height:56px;font-size:18px;color:#4381eb;border:1px solid #4381eb}
.information .contBox ul li .btnBox a::after{content:'';display:inline-block;width:17px;height:17px;background:url('../image/icon_information_arrow.png') no-repeat;vertical-align:-2px;margin-left:10px}
.information .contBox ul li::before{position:absolute;top:-95px;left:0;content:'';display:inline-block;height:581px;width:1px;background-image:-moz-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-webkit-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-ms-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%)}
.information .contBox ul li:last-child::after{position:absolute;top:-95px;right:0;content:'';display:inline-block;height:581px;width:1px;background-image:-moz-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-webkit-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%);background-image:-ms-linear-gradient( -90deg,rgba(190,207,226,0) 0%,rgba(190,207,226,1) 50%,rgba(190,207,226,0) 100%)}
.certificateBox{padding-top:52px;min-width:1200px;height: 632px;box-sizing: border-box;background: url('../image/bg_certificateBox2.jpg') no-repeat;min-width: 1200px;}
.certificateBox .Title h3{color:#fff}
.certificateBox .contBox{margin-top:40px;position: relative;}   
.certificateBox .contBox ul{display: flex;align-items: center;height: 380px;background-color: #fff;border-radius: 10px;}
.certificateBox .contBox ul li{width: 304px;height: 380px;padding: 0 30px;box-sizing: border-box;}
.certificateBox .contBox ul li i{display: flex;width: 107px;height: 107px;border-radius: 107px;border: 1px solid #166dee;align-items: center;justify-content: center;margin: 30px auto 0;}
.certificateBox .contBox ul li h4{font-size: 24px;color: #156cee;text-align: center;font-weight: bold;margin-top: 15px;}
.certificateBox .contBox ul li p{font-size: 16px;color: #000000;line-height: 32px;margin-top: 20px;}
.certificateBox .contBox ul li:nth-child(2n){width: 288px;height: 421px;margin-top: -10px;border-radius: 10px;background-image: -moz-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 90deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);}
.certificateBox .contBox ul li:nth-child(2n) i{border-color: #fff;margin-top: 50px;}
.certificateBox .contBox ul li:nth-child(2n) h4{color: #fff;}
.certificateBox .contBox ul li:nth-child(2n) p{color: #d3e5ff;}

.platformBox{padding-top:78px}
.platformBox .contBox{display:flex;padding-top:38px;height:600px}
.platformBox .leftBox{width:230px;position:relative;top:-120px}
.platformBox .leftBox .listBox{margin-top:30px;background:url('../image/bg_platform_left.png') no-repeat bottom center;padding-bottom:109px;margin-left:-22px;padding-left:40px}
.platformBox .leftBox .listBox .item{padding:0 16px;box-sizing:border-box;width:173px;height:109px;   background-image: -moz-linear-gradient( 0deg, rgba(39,190,255,.3) 0%, rgba(40,102,238,.3) 100%);background-image: -webkit-linear-gradient( 0deg, rgba(39,190,255,.3) 0%, rgba(40,102,238,.3) 100%);background-image: -ms-linear-gradient( 0deg, rgba(39,190,255,.3) 0%, rgba(40,102,238,.3) 100%);border-radius:10px;position:relative;margin-bottom:54px}
.platformBox .leftBox .listBox .item::before{content:'';display:block;width:173px;height:109px;position:absolute;z-index:0;top:-6px;left:0;border-radius:10px;background-image: -moz-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);}
.platformBox .leftBox .listBox .item h3{position:relative;z-index:1;font-size:20px;color:#ffffff;font-weight:bold;padding-top:8px}
.platformBox .leftBox .listBox .item p{position:relative;z-index:1;font-size:15px;color:#fff;margin-top:8px}
.platformBox .leftBox .listBox .item::after{content:'';display:block;width:38px;height:29px;background:url('../image/icon_platform_arrow.png') no-repeat;position:absolute;bottom:-38px;left:50%;transform:translate(-50%,0)}
.platformBox .leftBox .listBox .item:last-child::after{display:none}
.platformBox .leftBox .listBox .item:last-child{margin-bottom:0}
.platformBox .leftBox .listBox .item h3::after{content:'';display:block;width:46px;height:9px;background:url('../image/line_platform_left.png') no-repeat;position:absolute;right:-60px;top:43px}
.platformBox .leftBox .listBox .item:first-child{width:199px}
.platformBox .leftBox .listBox .item:first-child::before{content:'';display:block;width:199px;height:109px;position:absolute;z-index:0;top:-6px;left:0;border-radius:10px;     background-image: -moz-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);background-image: -ms-linear-gradient( 0deg, rgb(39,190,255) 0%, rgb(40,102,238) 100%);}
.platformBox .leftBox .listBox .item:first-child h3::after{display:none}
.platformBox .center{width:744px;height:518px}
.platformBox .rightBox{width:190px;position:relative;top:-120px} 
.platformBox .rightBox .listBox{background:url('../image/bg_platform_right.png') no-repeat bottom center;padding-left:10px;padding-bottom:46px;margin-top: 25px;}
.platformBox .rightBox .listBox .item{margin-bottom:20px}
.platformBox .rightBox .listBox .item h4{position:relative;font-size:20px;color:#ffffff;text-align:center;width:160px;height:45px;line-height:45px;border-radius:45px;background-image:-moz-linear-gradient( 90deg,rgb(214,86,65) 0%,rgb(255,182,129) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(214,86,65) 0%,rgb(255,182,129) 100%);background-image:-ms-linear-gradient( 90deg,rgb(214,86,65) 0%,rgb(255,182,129) 100%)}
.platformBox .rightBox .listBox .item h4::after{content:'';display:block;width:46px;height:9px;background:url('../image/line_platform_right.png') no-repeat;position:absolute;left:-30px;top:18px}
.platformBox .rightBox .listBox .item p{font-size:15px;color:#333333;line-height:24px;margin-top:10px;width:168px}
.serviceBox{height:585px;background:url('../image/bg_service.jpg') no-repeat center center;padding-top:65px;box-sizing:border-box}
.serviceBox .Title h3{color:#fff}
.serviceBox .contBox{padding-top:40px}
.serviceBox ul{display:flex;justify-content:space-between}
.serviceBox ul li{width:209px;height:322px;background-color:#fff;border-radius:15px;text-align:center}
.serviceBox ul li .icon{height:43px;padding-top:45px}
.serviceBox ul li h4{font-size:24px;color:#705d4d;text-align:center;margin-top:16px}
.serviceBox ul li .pic{margin-top:20px;height:128px;display:flex;align-items:center;justify-content:center}
.maskBox{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 100;display: none;}
.selectClassPopup{display: none;width: 960px;padding-bottom: 30px;max-height: 580px;border-radius:20px;background-color: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 101;}
.selectClassPopup .closeBtn{cursor: pointer;display: inline-block;width: 25px;height: 25px;background: url('../image/icon_selectClass.png') no-repeat;position: absolute;top: 30px;right: 30px;}
.selectClassPopup h3{text-align: center;font-size: 22px;color: #333333;padding: 30px 0;}
.selectClassPopup .tabCont{position: relative; padding: 0 25px;overflow: hidden;overflow-y: scroll;max-height: 460px;}
.selectClassPopup .tabCont::-webkit-scrollbar{width: 3px; height: 3px;border-radius:3px;background-color: #F5F5F5;}
.selectClassPopup .tabCont::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #999;}
.selectClassPopup .tabCont::-webkit-scrollbar-track {border-radius: 3px;background-color: #fff;}
.selectClassPopup table {text-align: center;width: 100%;border: 1px solid #e9e9e9;color: #666;table-layout: fixed;empty-cells: show;border-collapse: collapse;margin: 0 auto;border-radius: 10px;}
.selectClassPopup table tr:first-child{position: sticky}
.selectClassPopup table th{height: 50px;font-size: 15px;color: #333333;background-color: #dadce2;border-left: 1px solid #e7e8ee;position: ;}
.selectClassPopup table th:first-child{width: 460px;}
.selectClassPopup table td{font-size: 15px;color: #666666;height: 58px;border-left: 1px solid #e7e8ee;border-bottom: 1px solid #e7e8ee;}
.selectClassPopup table .red{color: #d65641;}
.selectClassPopup table a{display: inline-block;width: 83px;height: 28px;border-radius: 3px;text-align: center;line-height: 28px;font-size: 14px;color: #fff;background-color: #d65641;}</pre></body></html>