@font-face{font-family:"iconfont";src:url('../fonts/font_189485_stin4sqooik.eot');
/* IE9*/
src:url('../fonts/font_189485_stin4sqooik.eot') format('embedded-opentype'),
/* IE6-IE8 */
url('../fonts/font_189485_stin4sqooik.ttf') format('truetype'),
/* chrome,firefox,opera,Safari,Android,iOS 4.2+*/
url('../fonts/font_189485_stin4sqooik.svg') format('svg');
/* iOS 4.1- */
}
*{padding:0;margin:0;}
html,body{width:100%;height:100%;}
*,*::before,*::after{box-sizing:border-box;}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@-ms-viewport{width:device-width;}
body{margin:0;color:rgba(0,0,0,0.65);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-variant:tabular-nums;line-height:1.5;background-color:#fff;font-feature-settings:'tnum';}
h2,h3,h4{margin-top:0;margin-bottom:0.5em;color:rgba(0,0,0,0.85);font-weight:500;}
p{margin-top:0;margin-bottom:1em;}
ul{margin-top:0;margin-bottom:1em;}
a{color:#1890ff;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color 0.3s;-webkit-text-decoration-skip:objects;}
a:hover{color:#40a9ff;}
a:active{color:#096dd9;}
a:active,a:hover{text-decoration:none;outline:0;}
img{vertical-align:middle;border-style:none;}
a{-ms-touch-action:manipulation;touch-action:manipulation;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
::-moz-selection{color:#fff;background:#1890ff;}
::selection{color:#fff;background:#1890ff;}
.clearfix{zoom:1;}
.clearfix::before,.clearfix::after{display:table;content:'';}
.clearfix::after{clear:both;}
html{--antd-wave-shadow-color:#1890ff;}
.nav-top-main{float:left;height:48px;line-height:48px;font-size:0;}
.nav-top-main > *{display:inline-block;vertical-align:middle;}
.nav-top-main .new-zhike-logo{margin-right:20px;width:130px;height:30px;background:url(../images/logo.20f833c.png) no-repeat 50% 50%;background-size:contain;}
.nav-top-main .nav-title{font-size:14px;color:#fff;letter-spacing:0.39px;}
.navs{position:relative;height:48px;font-size:16px;}
.new-nav{position:relative;margin:0;}
.new-nav > li{float:left;position:relative;}
.new-nav > li > a{display:block;padding:0 15px;height:48px;text-align:center;line-height:48px;color:#A8B0B0;}
.new-nav > li .first-navs-link{color:#A8B0B0;}
.new-nav > li .first-navs-link:hover{color:#fff;}
.new-nav > li > .active{color:#2ED184;}
.new-nav > li > .active::before{content:'';display:inline-block;margin-right:10px;width:5px;height:5px;background-color:#2ED184;vertical-align:middle;}
.new-nav > li > .active:hover{color:#2ED184;}
.register-login{float:right;margin-right:10px;height:36px;line-height:36px;}
.register-login a{float:left;line-height:48px;text-align:center;font-size:14px;text-decoration:none;color:#A8B0B0;}
.register-login a.login{margin-right:10px;}
.register-login .login:hover{color:#fff;}
.new-header{width:100%;background-color:#333;}
.new-header .nav-content{position:relative;margin:0 auto;width:1180px;}
.footer{min-width:100%;height:60px;background:#353D48;}
.footer .footer-container{position:relative;margin:0 auto;padding:0 20px;width:1180px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;}
.footer .footer-container .footer-content{height:60px;line-height:60px;font-family:"Microsoft Yahei",Arial, sans-serif,square;font-size:14px;color:#697689;letter-spacing:0.34px;text-align:center;}
.feedback-box > div{position:relative;}
.feedback-box > div .margin-top-10{margin-top:10px;}
.up-right-wrapper{position:fixed;right:20px;bottom:70px;z-index:9999;}
.up-right-wrapper .feedback-box > div{height:70px;width:70px;padding:7px 0;border-radius:2px;cursor:pointer;background:#353D48;margin-bottom:1px;transition:background .3s;}
.up-right-wrapper .feedback-box > div:hover{background:#2ED184;}
.up-right-wrapper .feedback-box > div span{display:block;color:#fff;}
@charset "UTF-8";.loading-con{position:relative;width:100%;margin:0 auto;margin-bottom:20px;text-align:center;min-height:300px;max-height:600px;background:#fff;border-radius:10px;}
.loading-box{width:48px;height:48px;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform-origin:50% 50%;-webkit-transform:translate3d(-50%,-50%,0);}
.loading-box img{width:100%;height:100%;}
.lzz-loading{position:fixed;z-index:-1;left:0;top:0;width:100%;height:100%;display:-ms-flexbox;display:flex;text-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(255,255,255,0.6);opacity:0;visibility:hidden;}
.lzz-loading > div{-ms-flex:1;flex:1;}
.lzz-loading > div > *{margin:0 auto;}
.lzz-loading .loading-con{background:none;}
@charset "UTF-8";html,body,div,span,iframe,h2,h3,h4,p,a,img,ul,li{margin:0;padding:0;border:0;vertical-align:baseline;}
html{line-height:1;}
ul{list-style:none;}
a img{border:none;outline:none;}
a{text-decoration:none;}
html{width:100%;}
*{box-sizing:border-box;}
h2,h3,h4{font-size:100%;font-weight:normal;}
body{counter-reset:sum;}
body{font-size:12px;font-family:"pingfang SC","Microsoft Yahei",Arial,sans-serif,square;color:#666;background:#f4f4f4;-webkit-font-smoothing:antialiased;}
.wrapper{position:relative;min-height:100%;min-width:1180px;text-align:center;background:#F3F6F8;overflow:hidden;padding-bottom:60px;}
.clearfix:before,.clearfix:after{content:' ';display:table;}
.clearfix:after{clear:both;}
.left{float:left;}
.right{float:right;}
a{font-family:"Microsoft Yahei",Arial, sans-serif,square;text-decoration:none;outline:none;color:#000;}
a:link,a:active,a:visited{text-decoration:none;}
img{border:none;}
@media screen and (max-width:640px){
.wrapper{min-width:100%;overflow:auto;}
}
@media screen and (max-width:300px){
html{font-size:12px;height:auto;}
}
.banner-anim{position:relative;overflow:hidden;min-height:100px;}
.banner-anim-elem{height:100%;}
.banner-anim-elem > *{position:relative;}
.banner-anim-thumb{position:absolute;bottom:0;margin:0;padding:0;width:100%;text-align:center;pointer-events:none;z-index:10;}
.banner-anim-thumb > span{pointer-events:auto;cursor:pointer;display:inline-block;list-style:none;}
.banner-anim-thumb-default{height:40px;line-height:40px;}
.banner-anim-thumb-default span{width:8px;height:8px;border-radius:8px;margin:0 5px;background:rgba(102,102,102,0.35);transition:background .3s;box-shadow:0 0 3px rgba(0,0,0,0.25);}
.banner-anim-thumb-default span:active,.banner-anim-thumb-default span.active{background:#fff;}
.courses{width:100%;height:676px;background:#f9fafc;}
.courses .courses-wrapper{width:100%;max-width:1920px;height:676px;margin:0 auto;padding:80px 0;}
.courses .courses-wrapper .courses-title{text-align:center;}
.courses .courses-wrapper .courses-title .courses-name{font-size:30px;line-height:30px;color:#353d48;}
.courses .courses-wrapper .courses-title p{margin-top:20px;color:#697689;font-size:16px;line-height:16px;}
.courses .courses-wrapper .courses-content{width:1200px;height:450px;margin:0 auto;background:url(../images/course-bg.345c881.jpg) no-repeat;background-size:100%;}
.courses .courses-wrapper .courses-content .course-introduce{width:200px;height:150px;}
.courses .courses-wrapper .courses-content .introduce-content{font-size:20px;color:#353d48;font-weight:bold;font-style:italic;}
.courses .courses-wrapper .courses-content .introduce-number{font-size:42px;font-family:'Arial' !important;font-weight:bolder;color:#2ed184;padding:0 5px;}
.courses .courses-wrapper .courses-content .underline{width:200px;height:1px;background:#353d48;margin:10px 0;}
.courses .courses-wrapper .courses-content p{font-size:14px;color:#697689;}
.courses .courses-wrapper .courses-content #fade-left{width:50%;float:left;}
.courses .courses-wrapper .courses-content #fade-left .course-introduce{right:-100px;position:relative;}
.courses .courses-wrapper .courses-content #fade-right{width:50%;float:left;}
.courses .courses-wrapper .courses-content #fade-right .course-introduce{left:230px;position:relative;}
.lernen{margin:0 auto;width:100%;max-width:1920px;height:580px;}
.lernen .lernen-wrapper{margin:0 auto;width:100%;max-width:1920px;height:580px;background:url(../images/lernen-bg.4bd4c52.jpg) no-repeat;background-size:1920px 580px;background-position:center center;}
.lernen .lernen-wrapper .lernen-title{text-align:center;padding-top:80px;}
.lernen .lernen-wrapper .lernen-title .lernen-name{font-size:30px;line-height:30px;color:#fff;}
.lernen .lernen-wrapper .lernen-title p{margin-top:20px;color:rgba(255,255,255,0.7);font-size:16px;line-height:16px;}
.lernen .lernen-content{width:920px;position:absolute;margin-top:-353px;left:50%;margin-left:-460px;}
.lernen .lernen-content .lernen-introduce{width:180px;height:200px;float:left;margin:0 25px;}
.lernen .lernen-content .lernen-introduce .introduce-img{width:180px;height:100px;}
.lernen .lernen-content .lernen-introduce .introduce-img img{width:100px;height:100px;}
.lernen .lernen-content .lernen-introduce .introduce-title{margin:20px auto;font-size:16px;color:#fff;}
.lernen .lernen-content .lernen-introduce p{font-size:14px;color:rgba(255,255,255,0.7);line-height:18px;}
.lernen .lernen-btn{position:absolute;left:50%;margin-left:-125px;margin-top:-80px;width:260px;text-align:center;}
.lernen .lernen-btn a{position:absolute;display:inline-block;float:left;border-radius:100px;padding:10px 30px 10px 30px;font-size:14px;letter-spacing:0.4px;text-align:center;line-height:14px;cursor:pointer;}
.lernen .lernen-btn a:first-child{color:#6a7076;margin-right:24px;background:rgba(255,255,255,0.7);border:1px solid #6a7076;margin-left:-125px;}
.lernen .lernen-btn a:last-child{color:#fff;margin-right:0 !important;background:#2ed184;border:1px solid #2ed184;margin-left:-53px;}
.correcting{width:100%;max-width:1920px;height:664px;background:#fff;}
.correcting .correcting-wrapper{width:1180px;height:664px;margin:0 auto;}
.correcting .correcting-wrapper .correcting-title{text-align:center;padding-top:80px;}
.correcting .correcting-wrapper .correcting-title .correcting-name{font-size:30px;line-height:30px;color:#353d48;}
.correcting .correcting-wrapper .correcting-title p{margin-top:20px;color:#697689;font-size:16px;line-height:16px;}
.correcting .correcting-wrapper .fade-transverse-img{width:1180px;height:400px;padding-top:80px;}
.correcting .correcting-wrapper .fade-transverse-img span{position:absolute;left:50%;margin-left:-350px;display:block;width:400px;height:400px;margin-top:50px;}
.correcting .correcting-wrapper .fade-transverse-img span img{width:400px;}
.correcting .correcting-wrapper .fade-transverse-img .scale-content{width:500px;height:400px;position:absolute;left:50%;margin-left:-100px;background-size:100%;}
.correcting .correcting-wrapper .fade-transverse-img .scale-content img{width:100%;}
.correcting-btn{position:absolute;left:50%;margin-left:-135px;margin-top:-80px;width:270px;text-align:center;}
.new-bottom-module{height:916px;background:url(../images/bg.654e5a1.jpg) center center;}
.new-bottom-module h2,.new-bottom-module p{color:#fff;text-align:center;}
.new-bottom-module h2{padding-top:72px;font-size:30px;}
.new-bottom-module p{margin-top:15px;font-size:16px;}
.new-bottom-module .pc-img{margin-top:67px;width:705px;}
.new-bottom-module .mobile-img{margin-top:107px;width:297px;}
.new-bottom-module .mainM{margin:0 auto;width:1180px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;}
.features{margin-top:-194px;width:100%;height:1333px;background:url(../images/bg.d5371d8.png) no-repeat center center;position:relative;z-index:2;}
.features .top{padding-top:108px;}
.features .top h3{font-size:30px;color:#fff;text-align:center;}
.features .top .desc{margin-bottom:40px;opacity:0.7;font-size:16px;color:#fff;text-align:center;}
.features .features-content{margin:0 auto;width:1180px;}
.part-one{margin:44px auto 0;width:1180px;}
.part-one h4{font-size:28px;color:#00D976;text-align:left;}
.part-one .intr{display:-ms-flexbox;display:flex;margin-top:8px;}
.part-one .text{margin-right:16px;opacity:0.5;font-size:18px;color:#fff;}
.part-one .line{margin-top:13px;width:364px;border-top:2px solid rgba(255,255,255,0.2);}
.part-one .part-one-list{margin-top:36px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;}
.part-item{margin-right:30px;position:relative;cursor:pointer;transition:all .6s ease-in-out;}
.part-item:last-child{margin-right:0;}
.part-item:hover .md-img{transform:scale(1.1);transition:all .6s ease-in-out;}
.part-item:hover .pic{box-shadow:0 4px 20px 8px rgba(255,255,255,0.2);transform:translateY(-3%);transition:all .6s ease-in-out;}
.part-item .pic{width:356px;height:200px;box-shadow:0 4px 10px 6px rgba(0,0,0,0.1);border-radius:6px;overflow:hidden;transition:all .6s ease-in-out;}
.part-item .md-img{width:100%;height:200px;border-radius:6px;transition:all .6s ease-in-out;}
.part-item .mask-title{position:absolute;left:-17px;top:22px;padding:16px 0 0 12px;width:197px;height:156px;opacity:0.9;background-image:linear-gradient(-135deg,#565254 0%,#1E1C1E 100%);box-shadow:0 4px 10px 6px rgba(0,0,0,0.15);border-radius:6px;}
.part-item .mask-title h2{font-size:20px;color:#00FC94;text-align:left;}
.part-item .mask-title .desc{margin-top:15px;color:#fff;font-size:14px;text-align:left;}
.part-item .mask-title .icon{position:absolute;right:2px;bottom:2px;}
.word-bg{display:inline-block;margin:0 2px;padding:0 2px;background-color:#00D976;color:#171717;}
.word-color{color:#00D976;}
.new-banner{width:100%;position:relative;height:846px;max-width:1920px;overflow:hidden;margin:0 auto;z-index:1;}
.new-banner .banner-elem{width:100%;min-height:100%;max-width:1920px;}
.new-banner .banner-elem .bg{display:block;width:100%;min-height:100%;max-width:1920px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.new-banner .banner-anim-thumb{position:absolute;left:calc(50% - 40px);bottom:200px;z-index:2;width:80px;height:20px;line-height:20px;background:rgba(0,0,0,0.2);border-radius:10px;}
.new-banner .banner-anim-thumb span{width:10px;height:10px;border-radius:10px;background:#fff;opacity:.4;}
.new-banner .banner-anim-thumb .active{width:20px;height:10px;border-radius:10px;background:#fff;opacity:1;}
.loading-con{position:relative;width:100%;margin:0 auto;margin-bottom:20px;text-align:center;min-height:300px;max-height:600px;background:#fff;border-radius:10px;}
.loading-box{width:48px;height:48px;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform-origin:50% 50%;-webkit-transform:translate3d(-50%,-50%,0);}
.loading-box img{width:100%;height:100%;}
.main{margin:0 auto;width:100%;min-width:1180px;max-width:1920px;position:relative;}