/*njf*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.tc{text-align:center;}
.layout{width:1200px;margin:0 auto;}
.icon{background: url(/images/zhucekuaijishi/project/project-mianshou/2023/icon.png) no-repeat 0 0;}
.title{ text-align: center; font-size: 42px; background: url(/images/zhucekuaijishi/project/project-mianshou/2023/chinaacc.png) no-repeat center top; padding-top:12px; font-weight: bold;}
.title i{ display: inline-block;*display:inline; zoom: 1; width:75px; height: 30px; margin:0 20px; vertical-align:middle;}
.title i.icon01{background-position:-229px 0;}
.title i.icon02{background-position:-223px -40px;}

.topHeader{ height: 300px; padding-top: 150px; position: relative; z-index: 1;}
.topHeader p{ font-size: 40px; color: #3058e2; text-align: center; letter-spacing: 3px; font-style: italic; width: 700px; height: 76px; line-height: 76px; border-radius: 38px; font-weight: bold; margin: 125px auto 0; box-shadow: 0 12px 12px rgba(1,82,236,0.77); border: 2px solid #3f4cf3;
    background:#d2f0fd;
    background:-webkit-linear-gradient(#ffffff,#d2f0fd);
    background:-moz-linear-gradient(#ffffff,#d2f0fd);
    background:-ms-linear-gradient(#ffffff,#d2f0fd);
    background:linear-gradient(#ffffff,#d2f0fd);
}
.topHeader p span{ color: #fca53d;}
.topHeader p i{ display: inline-block;*display:inline; zoom: 1; width:15px; height: 15px; background: #6293ff; border-radius: 50%; border: 1px solid #fff; vertical-align: top; margin: 30px 30px 0 30px;}


.featureCon{ border-radius: 15px; box-shadow: 0 5px 30px rgba(146,176,224,0.38); padding: 20px 0px 50px; margin-top: -50px; z-index: 5; position: relative; margin-bottom: 35px;
    background:#d6e9ff;
    background:-webkit-linear-gradient(top,#d6e9ff,#fff);
    background:-moz-linear-gradient(top,#d6e9ff,#fff);
    background:-ms-linear-gradient(top,#d6e9ff,#fff);
    background:linear-gradient(top,#d6e9ff,#fff);
}

.featureCon .prize{ padding:0 90px 0 70px; font-size: 18px; line-height: 36px;}
.featureCon .prize i{ background-position: 0 0; width: 178px; height:130px; display: block; float: left; margin-right: 30px;}
.featureCon .prize i.icon01{background-position: 0 0;}
.featureCon .prize i.icon02{background-position: 0 -130px;}
.featureCon .prize p strong{ font-size: 24px; color: #2b72ff; line-height: 50px;}



.audition-free{ background: url("/images/zhucekuaijishi/project/project-mianshou/2023/part01-bg.jpg") no-repeat right bottom #fff8eb; border-radius: 15px; border: 1px solid #ffd29d;}
.audition-free .top-tit{ color: #666; text-align: center; background: url("/images/zhucekuaijishi/project/project-mianshou/2023/partop.png") no-repeat center top; height: 111px;}
.audition-free .top-tit p{ width: 600px; padding-top: 18px;}
.audition-free .top-tit strong{color: #333; font-size: 28px; margin-bottom: 10px; display: block;}

.formBox,.data-ewm{ width: 599px; float: left; height: 305px;}
.formBox{ border-right: 1px solid #fff;}
.formBox ul{ width: 295px; margin:25px auto;}
.formBox ul li{ border: 1px solid #f2e6d7; height: 40px; line-height: 40px; border-radius: 5px;padding: 0 15px; color: #666; background: #fff; margin-bottom: 15px;}
.formBox ul li span{ display: inline-block;*display:inline; zoom: 1;width: 45px; text-align: center; margin-right: 10px;}
.formBox ul li input{width: 70%; border:none; font-size: 14px;font-family: "Microsoft YaHei"; }
.formBox ul li #code-id{width: 50%;}
.formBox ul li .imgCode{display: inline-block;*display:inline; zoom: 1; width: 70px; height: 28px; vertical-align: top; margin:5px 0 0 5px;}
.formBox .submit-btn{ display: block; background-position: 0 -284px; font-weight: bold; width: 295px; height: 60px; line-height: 50px; color: #fff; text-align: center; font-size: 20px; text-shadow: 0 0 10px rgba(159,7,18,0.36); margin: 0 auto;animation:btnBig 3s infinite; -webkit-transform:btnBig 3s infinite;}
.formBox .submit-btn:hover{text-decoration: none;}



.data-ewm{border-left: 1px solid #ffd7a7;}
.data-ewm p{background: url("/images/zhucekuaijishi/project/project-mianshou/2023/ewm-bg.png") no-repeat center top; width: 180px; height:230px; padding-top: 10px; margin: 30px 0 0 100px; color: #2b0601; padding-left: 120px; text-align: center;}
.data-ewm p img{ width: 150px; height: 150px; margin: 0px 0 15px 10px; padding:5px; background: #fff; border-radius: 5px; display: block;}

.class-mod-con{ margin-bottom: 50px;}
.class-mod-con .title{ margin: 50px 0 30px;}
.class-mod-con .class-list-view{ width: 590px; background: url("/images/zhucekuaijishi/project/project-mianshou/2023/class-bg01.jpg") no-repeat center top #ff7700; border-radius: 20px;}
.class-mod-con .class-list-view .class-tit{ display: block; height: 124px;}
.class-mod-con .class-list-view .class-display{ background: #fff; border-radius: 10px;margin:0 10px 10px; padding: 30px 20px;}
.class-mod-con .class-list-view .class-display .student-address{ font-size: 16px; line-height:24px;}
.class-mod-con .class-list-view .class-display .student-address h3,.class-mod-con .class-list-view .class-step .class-step-con  h4,.class-mod-con .class-list-view.class-live .class-display .student-address h3,.class-mod-con .class-list-view.class-live .class-step .class-step-con  h4{ color: #5e1d00; background-position: 0 -346px; width:150px; height: 32px; line-height: 32px;padding-left:20px;}
.class-mod-con .class-list-view .class-display .student-address p,.class-mod-con .class-list-view .class-step .class-step-con p{padding: 10px 25px;}
.class-mod-con .class-list-view .class-step{ margin-top: 15px;}
.class-mod-con .class-list-view .class-step h3{ font-size: 20px; color: #fff; height: 42px; line-height: 42px; border-radius: 5px 5px 0 0; text-align: center; box-shadow: 0 2px 8px rgba(255,97,0,0.4);
    background:#ff4b00;
    background:-webkit-linear-gradient(left,#ff4b00,#ffa03a);
    background:-moz-linear-gradient(left,#ff4b00,#ffa03a);
    background:-ms-linear-gradient(left,#ff4b00,#ffa03a);
    background:linear-gradient(left,#ff4b00,#ffa03a);
}
.class-mod-con .class-list-view .class-step .class-step-con,.course-con{ border: 1px solid #ffd5bb; box-shadow: 0 5px 8px rgba(254,136,50,0.33); padding:24px 20px 0 36px; border-radius: 0 0 5px 5px;
    background:#ff4b00;
    background:-webkit-linear-gradient(-78deg,#ffe8d0,#fef7ee);
    background:-moz-linear-gradient(-78deg,#ffe8d0,#fef7ee);
    background:-ms-linear-gradient(-78deg,#ffe8d0,#fef7ee);
    background:linear-gradient(-78deg,#ffe8d0,#fef7ee);
}
.class-mod-con .class-list-view .class-step .class-step-con dl{ padding-bottom: 20px;}
.class-mod-con .class-list-view .class-step .class-step-con dl dt{ height: 42px; line-height: 42px; padding: 0 20px; font-size:14px; color: #703010;background: #ffd8ae; border-radius: 5px 5px 0 0; position: relative;}
.class-mod-con .class-list-view .class-step .class-step-con dl dt i{color: #333;}
.class-mod-con .class-list-view .class-step .class-step-con dl dt strong{ color: #703010; font-size: 18px;}
.class-mod-con .class-list-view .class-step .class-step-con dl dd{ background: #fff; border-radius: 0 0 5px 5px; box-shadow: 0 2px 8px rgba(255,97,0,0.4);padding: 15px 20px;font-size: 16px; line-height: 30px;}
.class-mod-con .class-list-view .class-step .class-step-con dl dt:before{ content: ''; width: 8px; height: 8px; border-radius: 50%; background: #ff6000; position: absolute; left: -21px; top: 20px;}
.class-mod-con .class-list-view .class-step .class-step-con dl dt:after{content: ''; width: 1px; height:170px; border-left: 1px dashed #ff6200; font-size: 0;left: -18px; top:30px; position: absolute;}
.class-mod-con .class-list-view .class-step .class-step-con dl.last dt:after{height: 100px;}
.class-mod-con .class-list-view .class-step .class-step-con h4{ width: 225px;background-position: 0 -430px; font-size: 16px;}
.class-mod-con .class-list-view .course-con{border: 1px solid #ffd5bb; box-shadow: 0 5px 8px rgba(216,236,255,0.33);
    ckground:#fef7ee;
    background:-webkit-linear-gradient(-78deg,#fef7ee,#ffe8d0);
    background:-moz-linear-gradient(-78deg,#fef7ee,#ffe8d0);
    background:-ms-linear-gradient(-78deg,#fef7ee,#ffe8d0);
    background:linear-gradient(-78deg,#fef7ee,#ffe8d0);
}
.course-con{ border-radius: 5px; margin-top: 20px; text-align: center; position: relative; padding: 50px 0 30px;}
.course-con h4{ background-position: 0 -505px; width:208px; height:55px; line-height: 45px; text-align: center; color: #823b0d; font-size: 22px; position: absolute; left: 50%; top:-9px; margin-left: -110px;}
.course-con ul li{ font-size: 22px; display: inline-block; *display: inline; zoom: 1; width: 176px; height: 70px; padding: 10px; border-radius: 5px; border: 1px solid #ffd5bb; box-shadow: 0 5px 8px rgba(254,136,50,0.33); margin: 0 12px;
    background:#fff1e2;
    background:-webkit-linear-gradient(top,#fff,#fff1e2);
    background:-moz-linear-gradient(top,#fff,#fff1e2);
    background:-ms-linear-gradient(top,#fff,#fff1e2);
    background:linear-gradient(top,#fff,#fff1e2);
}
.class-mod-con .class-list-view .class-foot-btn{ text-align: center; padding: 5px 0 15px;}
.class-mod-con .class-list-view .class-foot-btn a{ display: inline-block;*display:inline;zoom: 1;width: 220px; height:48px; line-height: 48px; border-radius: 24px; font-size: 24px; text-align: center; font-weight: bold; margin: 0 15px;}
.class-mod-con .class-list-view .class-foot-btn .intro-btn{ color: #c13b00; background: #fdebd4; box-shadow: 6px 1px 16px rgba(255,24,0,0.33);}
.class-mod-con .class-list-view .class-foot-btn .consult-btn{ color: #c13b00; box-shadow: 6px 4px 12px rgba(255,24,0,0.33);
    background:#ffc512;
    background:-webkit-linear-gradient(top,#fff085,#ffc512);
    background:-moz-linear-gradient(top,#fff,#fff085,#ffc512);
    background:-ms-linear-gradient(top,#fff085,#ffc512);
    background:linear-gradient(top,#fff085,#ffc512);
}
.class-mod-con .class-list-view .class-foot-btn a:hover{text-decoration: none;}



.class-mod-con .class-list-view.class-live{background: url("/images/zhucekuaijishi/project/project-mianshou/2023/class-bg02.jpg") no-repeat center top #4195ff;}
.class-mod-con .class-list-view.class-live .class-display .student-address h3{ background-position: 0 -387px; color: #1a71ff;}
.class-mod-con .class-list-view.class-live .class-step .class-step-con  h4{ background-position: 0 -468px;}
.class-mod-con .class-list-view.class-live .class-step .class-step-con h4{ width: 225px;background-position: 0 -470px; font-size: 16px; color: #1a71ff;}
.class-mod-con .class-list-view.class-live .class-step h3{
    background:#ffc512;
    background:-webkit-linear-gradient(left,#0b66ff,#77cdff);
    background:-moz-linear-gradient(left,#0b66ff,#77cdff);
    background:-ms-linear-gradient(left,#0b66ff,#77cdff);
    background:linear-gradient(left,#0b66ff,#77cdff);
}
.class-mod-con .class-list-view.class-live .course-con,.class-mod-con .class-list-view.class-live .class-step-con{border: 1px solid #d7e9ff; box-shadow: 0 5px 8px rgba(216,236,255,0.33);
    ckground:#ff4b00;
    background:-webkit-linear-gradient(-78deg,#f4faff,#ebf8ff);
    background:-moz-linear-gradient(-78deg,#f4faff,#ebf8ff);
    background:-ms-linear-gradient(-78deg,#f4faff,#ebf8ff);
    background:linear-gradient(-78deg,#f4faff,#ebf8ff);
}
.class-mod-con .class-list-view.class-live .class-step .class-step-con dl dt{ background: #d8ecff; color: #1a71ff;}
.class-mod-con .class-list-view.class-live .class-step .class-step-con dl dt strong{color: #1a71ff;}
.class-mod-con .class-list-view.class-live .class-step .class-step-con dl dt:before{ background: #488aff;}
.class-mod-con .class-list-view.class-live .class-step .class-step-con dl dt:after{ border-left: 1px dashed #79a7ff;}
.class-mod-con .class-list-view.class-live .class-step .class-step-con dl dd{ box-shadow: 0 2px 8px rgba(202,220,255,0.4);}
.class-mod-con .class-list-view.class-live .course-con h4{ color: #1a71ff; background-position: 0 -564px;}
.class-mod-con .class-list-view.class-live .course-con ul li{box-shadow: 0 5px 8px rgba(130,202,255,0.33);border: 1px solid #d7e9ff;
    background:#fff1e2;
    background:-webkit-linear-gradient(top,#fff,#e4f5ff);
    background:-moz-linear-gradient(top,#fff,#e4f5ff);
    background:-ms-linear-gradient(top,#fff,#e4f5ff);
    background:linear-gradient(top,#fff,#e4f5ff);
}


.teacherContent{ width: 1200px; overflow: hidden;height: 548px;}
.teacherSceneBg{background: url(/images/zhucekuaijishi/project/project-mianshou/2023/teacher-bg.jpg) no-repeat center top; height: 753px; padding-top: 1px;}
.teacherSceneBg .title{ margin: 45px 0 60px; color: #fff;}
.teacherIntroCon{ box-shadow: 0 0 30px rgba(0,0,0,0.07); margin:40px 0 50px; padding:58px 50px 30px 95px; height:383px; width:645px; float:left; margin-left: -30px;background: url(/images/zhucekuaijishi/project/project-mianshou/2023/teacher-bg-intro.png) no-repeat right top #fff; border-radius: 0 25px 25px 0;}
.teacherBig{ width:440px; float: left; text-align: right;}
.teacherIntroCon h3{margin-bottom:35px; font-size: 32px;}
.teacherIntroCon h3 i{ display: block; width: 26px; height: 2px; background: #2e6eeb; margin: 20px 0;}
.teacherIntroCon p{ font-size: 16px; color: #545454; line-height:36px; margin-bottom: 40px;}
.teacherTab{right: 30px; bottom:50px; z-index: 5;}
.teacherTab li{ float: left; width: 100px; margin-right:15px; text-align: center; cursor: pointer; color: #999;}
.teacherTab li img{ width: 100px; height: 100px; border-radius: 50%; margin-bottom: 10px;}
.teacherTab li.on img{width: 96px; height: 96px; border: 2px solid #1e7df2;border-radius: 50%;}
.teacherTab li.on{color: #2e6eeb;}



.science-service{ background: url(/images/zhucekuaijishi/project/project-mianshou/2023/caresHome.jpg) no-repeat center top; height: 871px; padding-top: 1px;}
.science-service .title{ margin: 42px 0 70px;}
.science-service .service-list{ margin: 0 20px;}
.science-service .service-list li{ width: 245px; border-radius: 0 10px 20px 10px; box-shadow:0 9px 9px rgba(129,173,253,0.1); padding:20px 50px 20px 25px; line-height: 26px; margin-bottom: 50px;
    background:#edf6ff;
    background:-webkit-linear-gradient(bottom,#edf6ff,#fff);
    background:-moz-linear-gradient(bottom,#edf6ff,#fff);
    background:-ms-linear-gradient(bottom,#edf6ff,#fff);
    background:linear-gradient(bottom,#edf6ff,#fff);
}
.science-service .service-list li h3{ border-radius: 5px 20px 5px 5px; color: #fff; width: 160px; height: 40px; line-height: 40px; font-size: 18px; padding: 0 20px 0 30px; position: absolute;left: 0; top: -28px;
    background:#edf6ff;
    background:-webkit-linear-gradient(left,#5b74ee,#4f5fdd);
    background:-moz-linear-gradient(left,#5b74ee,#4f5fdd);
    background:-ms-linear-gradient(left,#5b74ee,#4f5fdd);
    background:linear-gradient(left,#5b74ee,#4f5fdd);
}
.science-service .service-list li i{ display: block; width: 65px; height: 60px; float: left; margin: 10px 0 15px;}
.science-service .service-list li i.icon01{ background-position: 0 -625px;margin-top: 20px;}
.science-service .service-list li i.icon02{ background-position: -71px -625px; }
.science-service .service-list li i.icon03{ background-position: -135px -625px;}
.science-service .service-list li i.icon04{ background-position: -216px -625px;}
.science-service .service-list li i.icon05{ background-position: 0 -700px;margin-top: 20px;}
.science-service .service-list li i.icon06{ background-position: -71px -700px; }
.science-service .service-list li i.icon07{ background-position: -135px -700px;}
.science-service .service-list li i.icon08{ background-position: -216px -700px;}
.science-service .service-list li.cases-left{ margin-left: 90px;}
.science-service .service-list li.cases-right{ margin-left:-100px;}

.science-service .service-list.cares-list li{ padding: 20px 5px 20px 50px; border-radius: 10px 0 10px 20px;}
.science-service .service-list.cares-list li h3{ left: auto; right: 0; border-radius: 20px 5px 5px 5px; padding: 0 30px; text-align: right;}
.science-service .service-list.cares-list li i{ float: right; margin-left: 15px;}
.science-service h5{ font-size: 28px; line-height: 60px; width: 295px; text-align: center; left: 50%; top:50%; margin-left:-150px; margin-top: 270px;}
.science-service h5 span{color: #ff813c;}


.data-information{ background: #f5f8fe; padding: 1px 0 60px;}
.data-information .title{ margin: 55px 0 42px;}
.data-information ul li{ width: 190px; height: 310px; float: left; text-align: center; font-size: 12px; line-height: 22px;box-shadow: 0 7px 35px rgba(173,175,178,0.19); margin-right: 12px; border-radius: 10px;
    background:#e6ecf5;
    background:-webkit-linear-gradient(top,#f6f8fc,#e6ecf5);
    background:-moz-linear-gradient(top,#f6f8fc,#e6ecf5);
    background:-ms-linear-gradient(top,#f6f8fc,#e6ecf5);
    background:linear-gradient(top,#f6f8fc,#e6ecf5);
}
.data-information ul li.last{margin-right: 0;}
.data-information ul li img{ margin-bottom: 20px;}
.data-information ul li strong{ font-size: 18px; line-height: 28px;}



.teaching-face{background: url(/images/zhucekuaijishi/project/project-mianshou/2023/scene-display.jpg) no-repeat center top; height: 882px; padding-top: 1px;}
.teaching-face .title{ color: #fff; margin: 40px 0 50px;}
.teaching-face ul li{ margin-bottom: 10px;}
.teaching-face ul.mid{ margin-left: 10px;}


.foot-ewm{ text-align: center; color: #202020; font-size: 16px;background: url(/images/zhucekuaijishi/project/project-mianshou/2023/fot-ewm-bg.jpg) no-repeat center top; height: 295px;}
.foot-ewm span{display: inline-block;*display:inline; zoom: 1; vertical-align: top; margin:30px 45px 0; font-size: 16px; line-height: 32px;}
.foot-ewm span img { margin-bottom: 10px;}



.foot-bottom{background: url(/images/zhucekuaijishi/project/project-mianshou/2023/foot-fix.png) no-repeat center center; position: fixed; left: 0; bottom: 0; width: 100%; height: 73px; z-index: 10; font-size: 32px; font-style:italic; font-weight: bold; text-align: center; line-height: 74px; color: #fff888; text-shadow: 2px 5px 6px #d0221f; letter-spacing: 3px;}
.foot-bottom .gain-opportunity{ display: block; width: 200px; height: 42px; line-height: 42px; position: absolute; right: 50px; top: 15px; border-radius: 21px; border-bottom: 3px solid #fe7611; color: #ff1d31; font-size: 18px; box-shadow: 3px 3px 0 rgba(254,116,15,0.9); text-align: center; text-shadow: 0px 0px 0px #ff1d31; font-style: normal;
    background:#ffd787;
    background:-webkit-linear-gradient(top,#ffd787,#fff7e9);
    background:-moz-linear-gradient(top,#ffd787,#fff7e9);
    background:-ms-linear-gradient(top,#ffd787,#fff7e9);
    background:linear-gradient(top,#ffd787,#fff7e9);
}
.foot-bottom .gain-opportunity:hover{ text-decoration: none;}



.fixLeft{background: url(/images/zhucekuaijishi/project/project-mianshou/2023/fixLeft.png) no-repeat; position: fixed; left: 0; top: 50%; width: 115px; height: 324px;text-align: center; color: #fff; margin-top: -80px; z-index: 5;}
.fixLeft ul{ background: #2385fb; margin: 95px 12px 0 8px;}
.fixLeft ul li{ border-bottom: 1px solid #2c40e3; height: 30px; line-height: 30px;}
.fixLeft ul li a{ color: #fff;}
.fixLeft ul li a:hover{ background: #2b42ea; text-decoration: none; display: block;}
.fixLeft .fixImg{ width: 80px; height: 80px; background: #fff; padding: 2px; margin: 8px 0;}
.fixLeft .gotop{ display: block; width:68px; height: 50px; border-radius: 50%; color: #fff; font-size: 20px; padding-top: 18px; position: absolute; left: 50%; bottom:-28px; margin-left: -35px; font-weight: bold;
    background:#29aeff;
    background:-webkit-linear-gradient(top,#0c86fa,#29aeff);
    background:-moz-linear-gradient(top,#0c86fa,#29aeff);
    background:-ms-linear-gradient(top,#0c86fa,#29aeff);
    background:linear-gradient(top,#0c86fa,#29aeff);
}
.fixLeft .gotop:hover{text-decoration: none;}
.fixLeft.fixNav-common .arrow-btn{right: -20px;}

@keyframes btnBig
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}

@-webkit-keyframes btnBig /*Safari and Chrome*/
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}