/*njf*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#f4f7ff;}
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;font-weight:normal}
a{color:#333;text-decoration:none;-moz-transition:color .3s ease,background-color .3s ease;-webkit-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;*star:expression(this.onFocus=this.blur());}
textarea,input{outline:none;}
textarea{resize:none;}
.layout{width:1200px;margin:0 auto;}
.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;}
.icon{ background: url(/images/index2025/icon.png) no-repeat;}
.icon-brand{ background: url(//www.jianshe99.com/upload/resources/image/2026/04/03/609012.png) no-repeat;}
.title{ border-bottom: 1px solid #e9e9e9; margin-bottom: 10px;}
.title h3{ font-size: 28px; margin-bottom: 20px;}
.title .change-mind{ font-size: 16px; background-position: 0 -121px; padding-left: 30px; margin-top: 20px;}
.title .change-mind:hover{ color: #008cf9;}
.title p{ display:block; max-width:800px; font-size: 16px; line-height:30px; padding-top:10px;}
.title p a{display: inline-block;}
.title p a::after{background: url(/images/index2025/icon.png) no-repeat 0 -535px; width:9px; height: 15px; content: ''; display: inline-block; margin: 0 5px; display: inline-block;}
.title p a:hover,.title p a.on{ color: #008cf9; font-weight: bold;}
.title p a:last-child::after{ background: none;}


.topHeader{ background: #fff; height:70px; line-height: 70px;}
.topHeader .nav-logo{ padding:15px 0 0;}
.topHeader .slogn{padding-left: 20px; margin:5px 0 0 20px; display:inline-block;position: relative;}
.topHeader .slogn::before{ content: ''; display: block; width: 1px; height: 24px; background: #b0b0b0;position: absolute; left: 0; top: 6px;}
.topHeader .nav-header ul li{float: left; margin: 0 30px; font-size: 18px;}
.topHeader .nav-header ul li:hover a{ color: #008cf9; font-weight: bold;}
.topHeader .nav-header .official-num,.topHeader .nav-header .topAPP{position: relative; cursor: pointer;}
.topHeader .nav-header .official-num::after,.topHeader .nav-header .topAPP::after{ display: inline-block; content: '';position: absolute; width:14px; height: 8px; background:url(/images/index2025/icon.png) no-repeat 0 0; right:-25px; top:33px;}
.topHeader .nav-header .official-num.on::after,.topHeader .nav-header .topAPP.on::after{transform: rotate(180deg);}
.topHeader .nav-header .official-num .official-con{ position: absolute;display: none; left:-440px; top:60px; width:792px; padding: 10px 20px; background: #fff; border-radius: 10px; box-shadow:0px 0px 8px 0px rgba(0,110,222,0.33); z-index: 6;}
.topHeader .nav-header .official-num .official-con::after,.topHeader .nav-header .topAPP .topAPP-con::after,.timeNotice .other .downApp .downAPP-con::after,.banner-down-app .download-con ul li .downAPP-ewm::after{display: inline-block; content: ''; background:url(/images/index2025/icon.png) no-repeat 0 -225px; width: 27px; height: 14px; left: 50%; margin-left:52px;top:-9px; position: absolute;}
.topHeader .nav-header .official-num .official-con dl{ display: inline-block; vertical-align: top; width: 260px;}
.topHeader .nav-header .official-num .official-con dl dt{ float: left; width: 105px; margin-right: 15px;}
.topHeader .nav-header .official-num .official-con dl dd{ float: left; width: 140px;}
.topHeader .nav-header .official-num .official-con dl dd strong{ font-size: 16px; display: inline-block; margin:10px 0px 3px 0; vertical-align: top; padding-left: 38px; height: 28px; line-height:28px;}
.topHeader .nav-header .official-num .official-con dl dd strong.icon01{background-position: 0 0;}
.topHeader .nav-header .official-num .official-con dl dd strong.icon02{background-position:0 -38px;}
.topHeader .nav-header .official-num .official-con dl dd strong.icon03{background-position:0 -78px;}
.topHeader .nav-header .official-num .official-con dl dd p{ color: #999; font-size: 14px; height: 24px; line-height: 24px; margin-bottom: 5px;}
.topHeader .nav-header .official-num .official-con dl dd span{color: #008cf9; font-size: 14px; background: #b8e0ff; display: inline-block;padding:0px 3px; display: inline-block; height: 20px; line-height: 20px; border-radius: 10px;}
.topHeader .nav-header .topAPP .topAPP-con{position: absolute; z-index: 6;text-align: center; left: 0; top: 60px;width:110px;background: #fff; border-radius: 10px; box-shadow:0px 0px 8px 0px rgba(0,110,222,0.33); display: none;}
.topHeader .nav-header .topAPP .topAPP-con::after{ top:-10px; margin-left:-6px;}

/**/
.top-banner{ background: url(/images/index2025/topHeader.jpg) no-repeat center top; height: 390px; margin-bottom: 25px;}
.top-banner .all-link{display: block; width: 100%; height:390px; position: absolute; left: 0; top: 0; z-index: 1;}
.top-banner .nav-menu{ width:228px; height:390px; background: #fff; overflow-y:auto; box-shadow: 0 7px 18px rgba(136,136,144,0.1); padding:3px 0 0 20px; position:relative; z-index: 5; background: url(/images/index2025/nav-bg.png) no-repeat #fff;}
.top-banner .nav-menu h5{ font-size: 18px; height: 42px; line-height: 42px; position: relative; font-weight: bold; background:url("/images/index2025/sanji.png") no-repeat 199px center;}
.top-banner .menuOther-con h5{ background-position:193px center;}
/* .top-banner .nav-mesnu dl dt::after{display: block; content: ''; position: absolute;width: 8px; height: 10px;background:url(/images/index2025/icon.png) no-repeat 0 -60px; right: 0; top: 24px;} */
.top-banner .nav-menu .navLink{ font-size: 12px; line-height: 26px; display: inline-block; margin-right:10px;}
.top-banner .nav-menu .navLink:hover{ color: #008cf9;}
.top-banner .nav-menu .list{ max-height:52px; overflow:hidden;}
.top-banner .navMore-con{ display:none; width:952px; height:390px; background:#fff;}
.top-banner .navMore-con .list{ padding:30px 0 0 40px;}
.top-banner .navMore-con .list .navLink{ display:block; float:left; font-size:16px; line-height:32px; margin:0 40px 20px 0;}
.top-banner .menu-con,.top-banner .menuOther-con{ width:223px; padding-bottom:6px;}
.top-banner .menuOther-con{ border-left:5px solid #008CF9; margin:0 0 0 -20px; padding-left:20px; background:#fff;}
.top-banner .menuOther-con span{ margin-right:10px; font-size:12px;}
.top-banner .navMoreOther-con{ display:none; width:952px; height:390px; background:#fff;}
.top-banner .navMoreOther-con .list{ padding:15px 0 0 40px;}
.top-banner .navMoreOther-con .list .box{ line-height:26px; padding:0 0 27px 0;}
.top-banner .navMoreOther-con .list .box h4{ float:left; width:120px; font-size:18px;}
.top-banner .navMoreOther-con .list .box .eduList{ float:left; font-size:12px;}
.top-banner .navMoreOther-con .list .box .eduList .btn{ margin-right:20px;}

/**/
.course-con{padding-bottom: 20px;}
.timeNotice{ height:48px; line-height: 48px; background: #fff;border-radius: 4px; padding: 0 30px 0 10px; margin-bottom: 12px;}
.timeNotice .timeDown{ background-position: 0 -70px; font-size: 18px; padding-left:30px; margin-right:30px;}
.timeNotice .timeDown strong{ display: inline-block; background:url(/images/index2025/icon.png) no-repeat -39px 0; width: 16px; height: 27px; text-align: center; line-height: 27px; margin: 0 1px; color: #008cf9;}
.timeNotice .other .more{ color: #008cf9; font-style: italic; font-size: 16px; font-weight: bold;border-left: 1px solid #e6e6e6; padding-left: 20px;}
.timeNotice .other .downApp{ background-position: 0 -139px; padding-left:24px; height: 48px; width:85px; color: #999999; font-size: 16px; cursor: pointer;}
.timeNotice .other .downApp span{display:block; width: 85px;}
.timeNotice .other .downApp .downAPP-con{position: absolute; z-index: 6;text-align: center; left: 0; top: 60px;width:110px;background: #fff; border-radius: 10px; box-shadow:0px 0px 8px 0px rgba(0,110,222,0.33); display: none;}
.timeNotice .other .downApp .downAPP-con::after{ margin-left:-6px;}
.timeNotice .tab-tit{ float:left; padding:0 0 0 17px;}
.timeNotice .tab-tit .btn{ float:left; line-height:50px; font-size:18px; margin-right:20px; position:relative; text-decoration:none;}
.timeNotice .tab-tit .btn:before{ content:"/"; line-height:50px; position:absolute; right:-13px; top:0;}
.timeNotice .tab-tit .btn:last-child:before{ display:none;}
.timeNotice .tab-tit .btn.on{ color:#008CF9;}
.class-course-list ul{margin-left:-16px;}
.class-course-list li{ display:none; width: 258px;height: 310px; padding: 15px; position: relative; float: left; background: #FFFFFF; box-shadow: 0px 1px 10px 0px rgba(234,234,234,0.79); border-radius: 15px; margin:0 0 16px 16px;}
.class-course-list li:hover{transition:.6s all;-moz-transition:.6s all;-webkit-transition:.6s all;-o-transition:.6s all;-webkit-transform:translate(0,-5px);-ms-transform:translate(0,-5px);transform:translate(0,-5px);}
.class-course-list li .all-link{ position: absolute; width: 100%; height:80%; left: 0; top: 0; z-index: 5;}
.class-course-list li .course-top{margin-top:10px;}
.class-course-list li .course-top h3{ font-size: 20px; line-height: 26px; margin-bottom: 10px;}
.class-course-list li .course-top span{ font-size:14px; color: #999;}
.class-course-list li .course-top p{ margin: 10px 0 0px; height: 70px;}
.class-course-list li .course-top p i{ display: inline-block; border: 1px solid #008CF9; color: #008CF9; font-size: 12px; height: 20px; line-height: 20px; padding: 0 5px; margin-right: 10px; margin-bottom: 10px;}
.class-course-list li .teacher span{ display: inline-block; width: 50px; margin-right:14px; text-align: center;}
.class-course-list li .teacher span img{ width: 50px; height: 50px; border-radius: 50%;}
.class-course-list li .course-bottom{position: absolute;left:15px; bottom: 0;width: 90%; height: 75px; line-height: 75px; border-top: 1px solid #e9e9e9;}
.class-course-list li .course-bottom span{ font-size: 14px; color: #999;}
.class-course-list li .course-bottom span i{ color: #008cfd;}
.class-course-list li .course-bottom .getKnow-btn{display:block; width:110px; color: #fff; margin-top:24px; font-size: 16px; height: 30px;line-height: 30px; border-radius: 15px; text-align: center;
    background: #FB656F;
    background:-webkit-linear-gradient(90deg, #FB656F, #F73539);
    background:-moz-linear-gradient(90deg, #FB656F, #F73539);
    background:-ms-linear-gradient(90deg, #FB656F, #F73539);
    background: linear-gradient(90deg, #FB656F, #F73539); 
}
.class-course-list li .course-bottom .getKnow-btn:hover{ text-decoration: none; transition:.6s all;-moz-transition:.6s all;-webkit-transition:.6s all;-o-transition:.6s all;-webkit-transform:translate(0,-5px);-ms-transform:translate(0,-5px);transform:translate(0,-5px);
    background: #FB656F;
    background:-webkit-linear-gradient(90deg, #F73539, #FB656F);
    background:-moz-linear-gradient(90deg, #F73539, #FB656F);
    background:-ms-linear-gradient(90deg, #F73539, #FB656F);
    background: linear-gradient(90deg, #F73539, #FB656F); 
}
.class-course-list li h4{ font-size: 20px; line-height: 26px;}
.class-course-list li .book{ text-align: center; height: 160px;}
.class-course-list li .teacher{ height:71px; overflow:hidden;}

.banner-down-app{ background: url(/images/index2025/banner-down-app.jpg) no-repeat center top; height: 400px;}
.banner-down-app .download-con{ width: 705px; position: relative;}
.banner-down-app .download-img{ width: 495px;position: relative; height: 400px;}
.banner-down-app .download-img img{ position: absolute;left: 0; bottom: 1px;}
.banner-down-app .download-con p.text{ line-height: 36px; font-size: 18px; color: #fff;padding:92px 60px 0 30px;}
.banner-down-app .download-con ul{ margin: 26px 0 0 30px;}
.banner-down-app .download-con ul li{ display: inline-block; margin-right: 40px; width:47px; height: 47px; position: relative;}
.banner-down-app .download-con ul li .float-brand{display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute;left: 0; top: 0;}
.banner-down-app .download-con ul li.icon01{background-position: 0 -120px;}
.banner-down-app .download-con ul li.icon02{background-position: 0 -184px;}
.banner-down-app .download-con ul li.icon03{background-position: 0 -254px;}
.banner-down-app .download-con ul li .downAPP-ewm{position: absolute; font-size: 16px; z-index: 6;text-align: center; left:-35px; top: 60px;width:110px;background: #fff; border-radius: 10px; box-shadow:0px 0px 8px 0px rgba(0,110,222,0.33); display: none;}
.banner-down-app .download-con ul li .downAPP-ewm::after{ margin-left:-5px;}
.banner-down-app .download-con .scan-ewm{ width: 125px; right:25px; bottom:-70px; text-align: center; position: absolute;}
.banner-down-app .download-con .scan-ewm img{ background: #fff; padding: 10px; border-radius: 6px;}
.banner-down-app .download-con .scan-ewm .scan-text{ height: 30px; line-height: 30px; font-weight: bold;background: #fff; border-radius: 6px; margin-top: 10px;}
.banner-down-app .download-con .scan-ewm .scan-text::before{ display: block;position: absolute; width:8px; height: 8px; background: #fff; transform: rotate(45deg); content: ''; left: 50%; top:127px; margin-left: -4px;}


/**/
.footer-mod h4{text-align: center;font-size: 32px; margin: 40px 0 45px;position: relative;}
.footer-mod h4 .more{position: absolute; font-size: 16px;  color: #008cf9;font-weight: normal;border: 1px solid #F0F0F0;border-radius: 18px;display:inline-block;width: 138px;height: 36px;line-height: 36px; background: #ffffff; right: 0; top: 20px;}
.footer-mod h4 .more::after{display: inline-block;width: 15px; height: 14px; background:url(/images/index2025/icon.png) no-repeat 0 -199px; content: ''; vertical-align: middle; margin-left: 5px;}
.footer-mod .btm_video{width: 664px;height: 363px;}
.footer-mod .btm_video .video_start{left:50%;top: 50%;margin-left: -47px;margin-top: -47px;cursor: pointer;}
.footer-mod .btm_video .company{left: 50%;top:142px;margin-left: -166px;}
.footer-mod .btm_video p{font-size: 21px;color: #FFFFFF;text-align: center;width: 100%;margin-top: 90px;}
.footer-mod .btm_fr{width: 456px;}
.footer-mod .btm_fr .btm_item{height: 80px;line-height: 80px;border-bottom:1px solid #E5E5E5;}
.footer-mod .btm_fr .btm_item .btm_fl{width: 150px;height: 80px;}
.footer-mod .btm_item .btm_fl img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.footer-mod .btm_fr .btm_item a.fr{width: 275px;height: 100%;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer-mod .btm_fr .btm_item.last{border-bottom: none;}
.footer-mod .btm_fr .btm_item a.fr:hover{ color: #008CF9;}

/**/
.about-mod{ background: #fff; padding: 34px 0 24px;}
.about-mod .about-contact{ width: 370px;}
.about-mod .about-brand{ width:285px;position:relative;z-index:1; margin: 0 80px;}
.about-mod .about-app{ width:365px;}
.about-mod .about-contact dl{width:70px; margin:0 50px 0 30px;}
.about-mod .about-contact dl dt{ font-size: 16px; font-weight: bold;}
.about-mod .about-contact dl dd{ line-height: 30px;}
.about-mod .about-contact dl dd a:hover,.about-mod .about-contact dl dt a:hover{color: #008CF9;}
.about-mod .about-contact .about-tels {width: 220px;}
.about-mod .about-contact .about-tels h6{font-size:16px;margin-bottom:6px;}
.about-mod .about-contact .about-tels .about-tel{padding-left:63px; height:60px; line-height:60px;font-size:22px;background-position: left -251px;margin-bottom:5px;}
.about-mod .about-contact .about-tels .about-tel span{margin:0 11px 0 10px;}
.about-mod .about-contact .about-tels .about-list a{ color: #008CF9;}
.about-mod .about-contact .about-tels .about-list{font-size:16px;line-height:24px;}
.about-mod .about-contact .about-tels .bot-tels-btn{padding:5px 12px;line-height:1;margin-left:10px;font-size:14px;font-weight:normal;background:#008cf9;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;}
.about-mod .about-brand li{ width: 100px; text-align: center; font-size: 16px; display: inline-block; margin: 0 20px;}
.about-mod .about-brand li img{ margin-bottom: 10px;}
.about-mod .about-app dl dt{ float:right; width:100px; font-size: 12px;}
.about-mod .about-app dl dt img{ margin-bottom: 5px;}
.about-mod .about-app dl dd{ line-height:26px;}
.about-mod .about-app dl dd a:hover{ color: #008CF9;}


/**/
.footer{ background: #fff; border-top: 1px solid #e8e8e8; padding-top: 35px;}
.footer .foot-link{ font-size:16px;}
.footer .foot-link a{ margin: 0 15px;}
.footer .foot-link a:hover{ color: #008CF9;}
.footer .foot-con{ text-align: center; line-height: 26px; padding: 30px 0;}


.mask {display: none;width: 100%;z-index: 989;height: 100%;background: #000;opacity: .6;filter: alpha(opacity=60);position: fixed;top: 0;left: 0;}
.common-pop { display: none;  width: 840px;  position: fixed;  left: 50%;  margin-left: -450px; top: 50%;z-index: 1099;}
.intentionBox{ background: #fff; padding: 30px; border-radius: 5px;}
.intentionBox .list{ overflow: hidden; overflow-y: auto; max-height:450px;}
.intentionBox h3{ text-align: center; font-size: 28px; margin-bottom: 45px;}
.intentionBox .close{display: block; width: 32px; height: 32px; background-position: left -321px; position: absolute; right: 20px; top: 20px;}
.intentionBox h5{ font-size: 22px; border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; margin-bottom: 25px;}
.intentionBox .course-inner{display: inline-block; width: 156px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height: 36px; font-size: 16px;text-decoration: none; line-height: 36px; text-align: center; border-radius: 19px; border: 1px solid #dfdfdf; margin: 0 10px 20px 0;}
.intentionBox .course-inner:hover,.intentionBox .course-inner.on{ background: #008cf9; border-color:#008cf9; color: #fff;}
.intentionBox .course-inner:last-child{ margin-right:0;}
.intentionBox .chosen-btn{ background: #008cf9;display: block; width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; margin: 20px auto; border-radius: 20px; color: #fff;}
.intentionBox .chosen-btn:hover{ color: #fff; text-decoration: none;}

.left-nav{ width: 90px; position: fixed; background: #fff; border-radius: 5px; right: 5px; top: 50%;}
.left-nav ul li{ border-bottom: 1px solid #e9e9e9; height: 76px; text-align: center;}
.left-nav ul li span{display: block; width: 28px; height: 32px; margin: 20px auto 10px;}
.left-nav ul li span.icon01{ background-position:7px -368px;}
.left-nav ul li span.icon02{ background-position:left -423px;}
.left-nav ul li span.icon03{ background-position:6px -481px;}
.left-nav ul li span.icon04{ background-position:5px -574px; width: 35px;}
.left-nav ul li:last-child{ border-bottom: none;}
.left-nav ul li a:hover{ color: #008CF9; text-decoration: none;}
.left-nav ul li .left-ewm{position: absolute; font-size: 16px; z-index: 6;text-align: center; left:-140px; padding: 10px; top: -15px;width:110px;background: #fff; border-radius: 10px; box-shadow:0px 0px 8px 0px rgba(0,110,222,0.33); display: none;}
.left-nav ul li .left-ewm img{ margin-bottom: 10px;}
.left-nav ul li .left-ewm::before{display: block;position: absolute; width:8px; height: 8px; background: #fff; transform: rotate(45deg); content: '';  top:68px; right:-4px;}
.left-nav ul li.gotoback{display: none;}
.left-nav .rightFloatNav-switch-icon{width:16px;height:24px;overflow:hidden;line-height:240px;position:absolute;left:-16px;top:180px; background:url("/images/index2025/rightFloatNav-icon.png") no-repeat;}
.left-nav .rightFloatNav-switch-icon:hover{opacity:0.7;filter:alpha(opacity=70);}
.left-nav.rightFloatNav-switch .rightFloatNav-switch-icon{ background-position:0 -30px;}