.header{background:#fff} .header-bg>img{width:100%} .app{background-color:#fff;padding:80px 0} .app .head{text-align:center;font-size:32px;color:#333} .app .head {font-family:FZLANTYJW_ZHONGCU} .app .preview-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center} .app .preview-container .arrow{width:15px;height:26px;background-position:50%;background-repeat:no-repeat;background-size:100%;cursor:pointer} .app .preview-container .arrow.left-arrow{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/left.feb3bc02.png)} .app .preview-container .arrow.left-arrow:hover{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/left_active.de4fbd1a.png)} .app .preview-container .arrow.right-arrow{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/right.32ad7f51.png)} .app .preview-container .arrow.right-arrow:hover{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/right_active.981d95ea.png)} .app .preview-container .thumbail-swiper{width:970px;min-width:970px;height:172px;padding:10px;margin:40px 20px 50px} .app .preview-container .thumbail-swiper .swiper-slide{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;transition:box-shadow .5s ease;cursor:pointer;padding-top:20px;box-sizing:border-box} .app .preview-container .thumbail-swiper .swiper-slide.swiper-slide-active{width:143px!important;height:172px;background:#fff;box-shadow:1px 3px 20px 0 rgba(71,137,236,.2);border-radius:10px} .app .preview-container .thumbail-swiper .swiper-slide.swiper-slide-active .logo{-webkit-transform:scale(1.1);transform:scale(1.1);margin-bottom:20px} .app .preview-container .thumbail-swiper .swiper-slide.swiper-slide-active .app-name {font-family:FZLANTYJW_ZHONGCU} .app .preview-container .thumbail-swiper .swiper-slide .logo{width:88px;height:88px;background-position:50%;background-size:100%;background-repeat:no-repeat;margin-bottom:15px;transition:all .1s ease} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-aicoding{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/aicoding88.fbb4eae0.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-aireading{background-image:url(https://h5static1.ihumand.com/h5/www/website/cms/aireading88.560c84d7.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-shizi{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/shizi88.852e1627.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-math{background-image:url(https://h5static1.ihumand.com/h5/www/website/cms/math88.71f8c405.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-english{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/english88.cc590eb7.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-pinyin{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/pinyin88.38682911.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-book{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/book88.04b0eafc.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-story{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/story88.1ab0c402.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-class{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/eclass88.bb86f52d.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-baike{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/baike88.2b81d703.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-reading{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/reading88.12956eda.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-jump{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jump88.0255a168.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-biancheng{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/biancheng88.2313229e.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-chengyu{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/chengyu88.7b5dcefc.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-xiaohuajia{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/xiaohuajia88.a03c2861.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-classify{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/classify88.1d535393.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-writing{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/writing88.46199bbf.png)} .app .preview-container .thumbail-swiper .swiper-slide .logo.logo-jingdu{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jingdu88.d6a67efe.png)} .app .preview-container .thumbail-swiper .swiper-slide .app-name{text-align:center} .app .preview-container .thumbail-swiper .swiper-slide .app-name {font-family:FZLANTYJW} .app .main-container .main-swiper{width:1400px;height:760px;background:#fff;box-shadow:0 15px 90px 0 rgba(38,94,179,.1);border-radius:50px;box-sizing:border-box} .app .main-container .main-swiper .swiper-slide{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center} .app .main-container .main-swiper .swiper-slide .logo{width:922px;height:758px;margin-right:30px;margin-left:28px;-webkit-flex:none;flex:none} .app .main-container .main-swiper .swiper-slide .logo.logo-shizi{background-image:url(https://h5static1.ihumand.com/website/assets/images/shizi.6f862726.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-math{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/right_bg.ab18fd84.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-english{background-image:url(https://h5static1.ihumand.com/website/assets/images/english.ad68021a.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-pinyin{background-image:url(https://h5static1.ihumand.com/website/assets/images/pinyin.6da79c3e.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-aicoding{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/aicoding.d6cb829e.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-aireading{background-image:url(https://h5static1.ihumand.com/h5/www/website/cms/aireading.856f288a.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-book{background-image:url(https://h5static1.ihumand.com/website/assets/images/book.b1e8c3fa.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-story{background-image:url(https://h5static1.ihumand.com/website/assets/images/story.d7abf30f.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-class{background-image:url(https://h5static1.ihumand.com/website/assets/images/eclass.f7ad3490.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-baike{background-image:url(https://h5static1.ihumand.com/website/assets/images/baike.2282f45b.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-reading{background-image:url(https://h5static1.ihumand.com/website/assets/images/reading.f90be9a3.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-jump{background-image:url(https://h5static1.ihumand.com/website/assets/images/jump.714a1460.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-biancheng{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/biancheng.5fd04131.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-chengyu{background-image:url(https://h5static1.ihumand.com/website/assets/images/chengyu.11a1c07b.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-xiaohuajia{background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohuajia.e345a98b.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-classify{background-image:url(https://h5static1.ihumand.com/website/assets/images/classify.d122205e.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-writing{background-image:url(https://h5static1.ihumand.com/website/assets/images/writing.d3dcf486.png)} .app .main-container .main-swiper .swiper-slide .logo.logo-jingdu{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jingdu.955391b4.png)} .app .main-container .main-swiper .swiper-slide .app-content{padding-right:30px;box-sizing:border-box} .app .main-container .main-swiper .swiper-slide .app-name{font-size:40px;color:#4789ec;margin-bottom:20px} .app .main-container .main-swiper .swiper-slide .app-name {font-family:FZLANTYJW_ZHONGCU} .app .main-container .main-swiper .swiper-slide .app-slogan{font-size:24px;color:#4789ec} .app .main-container .main-swiper .swiper-slide .app-slogan {font-family:FZLANTYJW;line-height:27px} .app .main-container .main-swiper .swiper-slide .qr{width:220px;height:220px;background-size:cover;margin-top:51px} .app .main-container .main-swiper .swiper-slide .qr.qr-shizi{background-image:url(https://h5static1.ihumand.com/website/assets/images/shizi.0e50e350.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-math{background-image:url(https://h5static1.ihumand.com/h5/www/website/cms/math.8025990c.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-english{background-image:url(https://h5static1.ihumand.com/website/assets/images/english.6f2ffd16.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-pinyin{background-image:url(https://h5static1.ihumand.com/website/assets/images/pinyin.877898e6.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-book{background-image:url(https://h5static1.ihumand.com/website/assets/images/book.49615b2d.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-story{background-image:url(https://h5static1.ihumand.com/website/assets/images/story.7d1c1625.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-class{background-image:url(https://h5static1.ihumand.com/website/assets/images/eclass.16df1a6f.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-reading{background-image:url(https://h5static1.ihumand.com/website/assets/images/reading.20cf1d7b.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-jump{background-image:url(https://h5static1.ihumand.com/website/assets/images/jump.9f6e19d2.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-biancheng{background-image:url(https://h5static1.ihumand.com/website/assets/images/biancheng.b4619cde.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-chengyu{background-image:url(https://h5static1.ihumand.com/website/assets/images/chengyu.73ec429b.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-xiaohuajia{background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohuajia.8bce0d8b.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-classify{background-image:url(https://h5static1.ihumand.com/website/assets/images/classify.cef5b217.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-writing{background-image:url(https://h5static1.ihumand.com/website/assets/images/writing.a49e5ab0.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-baike{background-image:url(https://h5static1.ihumand.com/website/assets/images/baike.b1750201.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-jingdu{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jingdu.5ed5b295.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-aicoding{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/aicoding.464daf92.png)} .app .main-container .main-swiper .swiper-slide .qr.qr-aireading{background-image:url(https://h5static1.ihumand.com/h5/www/website/cms/aireading.47eea00c.png)} .app .main-container .main-swiper .swiper-slide .tips{font-size:18px;color:#888;line-height:32px;margin-top:19px;line-height:1;padding-left:37px;box-sizing:border-box} .app .main-container .main-swiper .swiper-slide .tips {font-family:FZLANTYJW} .products{padding:80px 0} .products .title{text-align:center;font-size:32px;color:#262626;margin-bottom:50px} .products .title {font-family:FZLANTYJW_ZHONGCU} .products .row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center} .products .row .row-item{background-color:#fff;margin-right:29px;border-radius:15px;box-shadow:10px 10px 10px rgba(66,131,233,.1);box-sizing:border-box;padding-bottom:20px;transition:box-shadow .3s ease;width:245px} .products .row .row-item:last-child{margin-right:0} .products .row .row-item:hover{box-shadow:10px 10px 10px rgba(66,131,233,.3)} .products .row .row-item .img{width:160px;height:202px;background-position:50%;background-size:100%;background-repeat:no-repeat;margin:0 auto} .products .row .row-item .img.img-1{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_1.e1091866.png)} .products .row .row-item .img.img-2{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_2.16107e9a.png)} .products .row .row-item .img.img-3{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_3.12bb575c.png)} .products .row .row-item .img.img-4{background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/item_4.39a5d22d.png)} .products .row .row-item .product-name{font-size:18px;color:#555;text-align:center;margin-top:30px;margin-bottom:15px} .products .row .row-item .product-name {font-family:FZLANTYJW_ZHONGCU} .products .row .row-item .download{display:block;margin:0 auto;width:109px;height:35px;background-position:50%;background-size:100%;background-repeat:no-repeat;background-image:url(https://h5static1.ihumand.com/website/assets/images/download.61c5698a.png)} .footer{position:relative;background-image:linear-gradient(-40deg,#3b79e5,#569df4)} .footer-pic{position:absolute;display:block;width:580px;height:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .footer-main{position:relative;box-sizing:border-box;padding-top:48px;padding-bottom:72px;z-index:1} .footer .columns{width:1280px;margin:0 auto 50px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;color:#fff} .footer .columns .column .column-list li{font-size:16px;line-height:30px} .footer .columns .column .column-list li:first-child{font-size:18px;margin-bottom:18px} .footer .columns .column .column-list li {font-family:FZLANTYJW_ZHONGCU} .footer .columns .column .column-list li a{color:#fff} .footer .columns .column .column-list li a {font-family:FZLANTYJW} .footer .columns .column .column-list-investor-report{cursor:pointer} .footer .columns .column .column-list-investor-report {font-family:FZLANTYJW} .footer .others ul:first-of-type{margin-bottom:.5em} .footer .helper, .footer .others{color:#fff;font-size:16px;margin-top:30px} .footer .helper , .footer .others {font-family:FZLANTYJW} .footer .helper a, .footer .others a{color:#fff;font-size:15px} .footer .helper ul, .footer .others ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center} .footer .helper ul:last-child, .footer .others ul:last-child{margin-top:.5em} .footer .helper ul li, .footer .others ul li{white-space:nowrap} .footer .helper ul li.divider, .footer .others ul li.divider{margin:0 16px} .footer .helper .owner, .footer .others .owner{margin-top:20px;text-align:center} .footer .helper{margin-top:0;padding-top:.5em}
.home{background-color:#f4f9fd;color:#666}@media screen and (max-width:1920px){.home{width:1920px}}@media screen and (max-width:750px){.home{width:750px}}@media screen and (min-width:1940px){.home{width:1920px;margin:0 auto}}.safety-content{position:relative;box-sizing:border-box;width:1400px;margin:0 auto}.text-align-right{text-align:right}.text-align-center{text-align:center}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;text-size-adjust:none;-webkit-text-size-adjust:none}a,button,img,input,textarea{outline:0}a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}.fl{float:left}.fr{float:right}.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;zoom:1}body,html{-webkit-overflow-scrolling:touch;line-height:1;overflow:visible!important;opacity:1!important}
@font-face{font-family:HYCuYuan;src:url(https://h5static1.ihumand.com/website/assets/fonts/HYCuYuan.f1263846.ttf)}@font-face{font-family:FZLANTYJW_ZHONGCU;src:url(https://h5static1.ihumand.com/website/assets/fonts/FZLANTYJW_ZHONGCU.29073a18.ttf)}@font-face{font-family:FZLANTYJW;src:url(https://h5static1.ihumand.com/website/assets/fonts/FZLANTYJW.0e3700b6.ttf)}@font-face{font-family:Roboto-Regular;src:url(https://h5static1.ihumand.com/website/assets/fonts/Roboto-Regular.d1e2fcc5.ttf)}@font-face{font-family:Roboto-Bold;src:url(https://h5static1.ihumand.com/website/assets/fonts/Roboto-Bold.0c770698.ttf)}
.display-flex{display:-webkit-flex;display:flex}.display-inline-flex{display:-webkit-inline-flex;display:inline-flex}.inherit-height{height:inherit}.flex-col{-webkit-flex-direction:column;flex-direction:column}.flex-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.flex-col-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row{-webkit-flex-direction:row;flex-direction:row}.flex-row-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-row-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-row-center{-webkit-justify-content:center;justify-content:center}.flex-row-between{-webkit-justify-content:space-between;justify-content:space-between}.flex-row-around{-webkit-justify-content:space-around;justify-content:space-around}.flex-col-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-col-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-col-center{-webkit-align-items:center;align-items:center}.flex-col-baseline{-webkit-align-items:baseline;align-items:baseline}.flex-0{-webkit-flex:0;flex:0}.flex-1{-webkit-flex:1;flex:1}.flex-2{-webkit-flex:2;flex:2}.flex-3{-webkit-flex:3;flex:3}.flex-4{-webkit-flex:4;flex:4}
@-webkit-keyframes nav-fade-in{0%{top:0;opacity:0}to{top:90px;opacity:1}}@keyframes nav-fade-in{0%{top:0;opacity:0}to{top:90px;opacity:1}}@-webkit-keyframes lang-fade-in{0%{top:20px;opacity:0}to{top:60px;opacity:1}}@keyframes lang-fade-in{0%{top:20px;opacity:0}to{top:60px;opacity:1}}@-webkit-keyframes menu-show{0%{opacity:0}to{opacity:1}}@keyframes menu-show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes menu-hide{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes menu-hide{0%{opacity:1}to{opacity:0;visibility:hidden}}@-webkit-keyframes header-news-text-move{0%{-webkit-transform:translateY(44px);transform:translateY(44px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes header-news-text-move{0%{-webkit-transform:translateY(44px);transform:translateY(44px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:.2;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:.2;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mobileFadeIn{0%{-webkit-transform:translateY(50px);transform:translateY(50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mobileFadeIn{0%{-webkit-transform:translateY(50px);transform:translateY(50px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes showOpa{0%{opacity:0}to{opacity:1}}@keyframes showOpa{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hideOpa{0%{opacity:1}to{opacity:0}}@keyframes hideOpa{0%{opacity:1}to{opacity:0}}@-webkit-keyframes join-card-recruit-remark{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes join-card-recruit-remark{0%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mobile-join-card-recruit-remark{0%{top:10px}to{top:-10px}}@keyframes mobile-join-card-recruit-remark{0%{top:10px}to{top:-10px}}.header-show-opa{-webkit-animation:showOpa 2s .6s both;animation:showOpa 2s .6s both}.fadeIn {-webkit-animation:fadeIn 1s 0s forwards;animation:fadeIn 1s 0s forwards}.show-opa{-webkit-animation:showOpa 1s .5s forwards;animation:showOpa 1s .5s forwards}
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translateZ(0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translateZ(0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translateZ(0);-o-transition-timing-function:ease;-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translateZ(0);-ms-transition-timing-function:ease;transition-property:left,top,-webkit-transform;transition-property:transform,left,top;transition-property:transform,left,top,-webkit-transform;transition-duration:0s;transform:translateZ(0);transition-timing-function:ease;box-sizing:initial} .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-slide{float:left;box-sizing:initial} .swiper-wp8-horizontal{-ms-touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x}
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
 .nav{position:fixed;top:0;left:50%;width:100%;height:78px;background-color:initial;font-size:18px;z-index:1000;box-sizing:border-box;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;border-bottom:1px solid hsla(0,0%,90.2%,.2)} .nav .nav-box{max-width:1400px;height:inherit;margin:0 auto} .nav .nav-box a, .nav .nav-box li{touch-action:none} .nav .nav-box .nav-logo{position:relative;width:133px;height:51px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/logo.112e395a.png);margin-top:10px;z-index:1} .nav .nav-box .nav-logo__on{background:url(https://h5static1.ihumand.com/h5/www/website/cms/logo_on.d712b843.png)} .nav .nav-tab{margin-right:38px} .nav .nav-tab {font-family:FZLANTYJW} .nav .nav-tab>li{position:relative;float:left;height:78px;line-height:78px;text-align:center;cursor:pointer;box-sizing:border-box;margin:0 20px} .nav .nav-tab>li>a{position:relative;display:block;color:inherit;background:transparent;z-index:1;height:100%;transition:background-image .3s,background-color .3s,color .3s} .nav .nav-tab .nav-tab-about.on>a, .nav .nav-tab .nav-tab-download.on>a, .nav .nav-tab .nav-tab-electronics.on>a, .nav .nav-tab .nav-tab-home.on>a, .nav .nav-tab .nav-tab-investor.on>a, .nav .nav-tab .nav-tab-new.on>a, .nav .nav-tab .nav-tab-offline.on>a, .nav .nav-tab .nav-tab-online.on>a{border-bottom:1px solid #fff} .nav .nav-tab .nav-tab-investor.on:hover .nav-tab-products, .nav .nav-tab .nav-tab-new.on:hover .nav-tab-products, .nav .nav-tab .nav-tab-offline.on:hover .nav-tab-products, .nav .nav-tab .nav-tab-online.on:hover .nav-tab-products{opacity:1;visibility:visible;top:78px;-webkit-animation:nav-fade-in .6s;animation:nav-fade-in .6s} .nav .nav-tab .nav-tab-offline .nav-tab-products{width:552px} .nav .nav-tab .nav-tab-new .nav-tab-products{width:240px} .nav .nav-tab .nav-tab-new .nav-tab-products ul{display:-webkit-flex;display:flex} .nav .nav-lan{position:relative;display:inline-block;margin-left:166px!important;z-index:1} .nav .nav-lan>span{box-sizing:border-box;display:block;width:55px;height:78px;line-height:78px;text-align:center;cursor:pointer} .nav .nav-lan>span i{display:inline-block;width:10px;height:8px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/down_arrow_on.27cc3812.png)!important;background-size:100%;background-position:50%} .nav .nav-lan>span .icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/down_arrow.2e0a2081.png)!important} .nav .nav-lan>span a{color:inherit} .nav .nav-lan .drop-down{position:absolute;top:60px;left:0;opacity:0;visibility:hidden;background:hsla(0,0%,100%,.9);border-radius:5px;width:100%;box-shadow:0 0 6px rgba(0,0,0,.1)} .nav .nav-lan .drop-down .drop-down-content .drop-down-item{height:40px;line-height:40px;font-size:18px;text-align:left;padding-left:5px} .nav .nav-lan .drop-down .drop-down-content .drop-down-item a{color:#777c92;display:block} .nav .nav-lan-cn{border-top-left-radius:inherit;border-bottom-left-radius:inherit} .nav .nav-lan-en{border-top-right-radius:inherit;border-bottom-right-radius:inherit} .nav .nav-tab-language.on:hover .drop-down{opacity:1!important;visibility:visible!important;-webkit-animation:lang-fade-in .4s;animation:lang-fade-in .4s} .nav .nav-tab-products{position:absolute;visibility:hidden;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:702px;padding-bottom:56px;background:hsla(0,0%,100%,.9);border-radius:20px;opacity:0;zoom:.8} .nav .nav-tab-products .nav-tab-shadow{height:40px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/shadow.c8492c33.png);margin-bottom:16px;border-radius:20px 20px 0 0} .nav .nav-tab-products .nav-tab-content{padding-left:60px} .nav .nav-tab-products .nav-tab-content>ul{margin-bottom:42px} .nav .nav-tab-products .nav-tab-content>ul:last-of-type{margin-bottom:0} .nav .nav-tab-products .nav-tab-content li{width:114px;margin-right:42px} .nav .nav-tab-products .nav-tab-content.offline li{width:120px;margin-right:36px} .nav .nav-tab-products .nav-tab-content.offline .nav-tab-icon{width:120px;height:120px} .nav .nav-tab-products .nav-tab-content .nav-tab-icon{display:block;width:100px;height:100px;margin:0 auto 10px;-webkit-transform:scale(.96);transform:scale(.96);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s} .nav .nav-tab-products .nav-tab-content .nav-tab-icon:hover{-webkit-transform:scale(1);transform:scale(1)} .nav .nav-tab-products .nav-tab-content .nav-tab-aicoding .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/aicoding100.905a456c.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-aireading .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/aireading100.8d0aaa19.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-pinyin .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/pinyin100.5da8ae66.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-english .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/english100.1ca420f8.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-shizi .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/shizi100.47d8a846.png)} .nav .nav-tab-products .nav-tab-content .nav-tab-math .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/math100.8fe67071.png)} .nav .nav-tab-products .nav-tab-desc{color:#777c92;line-height:1} .nav .nav-tab-products .nav-tab-desc {font-size:16px} .nav .nav-tab-products .nav-tab-desc i{display:inline-block;width:8px;height:10px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/right_arrow.35a009aa.png)} .nav .nav-tab-products .nav-tab-book .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/book100.f994dbd7.png)} .nav .nav-tab-products .nav-tab-story .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/story100.125137bc.png)} .nav .nav-tab-products .nav-tab-baike .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/baike100.a84ceb2d.png)} .nav .nav-tab-products .nav-tab-reading .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/reading100.cf733e64.png)} .nav .nav-tab-products .nav-tab-reading .nav-tab-desc i{-webkit-transform:translateY(-2px);transform:translateY(-2px)} .nav .nav-tab-products .nav-tab-jump .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/jump100.2739429f.png)} .nav .nav-tab-products .nav-tab-jump .nav-tab-desc i{-webkit-transform:translateY(-2px);transform:translateY(-2px)} .nav .nav-tab-products .nav-tab-biancheng .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/biancheng100.b9f0d2b9.png)} .nav .nav-tab-products .nav-tab-chengyu .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/chengyu100.2a686f16.png)} .nav .nav-tab-products .nav-tab-chengyu .nav-tab-desc i{-webkit-transform:translateY(-2px);transform:translateY(-2px)} .nav .nav-tab-products .nav-tab-classify .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/classify100.8a0cc76c.png)} .nav .nav-tab-products .nav-tab-xiaohuajia .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/xiaohuajia100.cfe8667b.png)} .nav .nav-tab-products .nav-tab-writing .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/writing100.77601182.png)} .nav .nav-tab-products .nav-tab-chaoneng .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/chaoneng100.fed3af95.png)} .nav .nav-tab-products .nav-tab-jingdu .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/jingdu100.0386bbb5.png)} .nav .nav-tab-products .nav-tab-eclass .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/eclass120.06847b14.png)} .nav .nav-tab-products .nav-tab-kindergarten .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/kindergarten120.2ca26f30.png)} .nav .nav-tab-products .nav-tab-train .nav-tab-icon{background:url(https://h5static1.ihumand.com/h5/www/website/cms/train120.c66afd68.png)} .nav .nav-tab-investor a{white-space:nowrap} .nav .nav-tab-investor .nav-tab-products{width:auto} .nav .nav-tab-investor .nav-tab-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding-left:60px} .nav .nav-tab-investor .nav-tab-content {padding-right:72px} .nav .nav-tab-investor-relation {width:100px} .nav .nav-tab-investor-relation-icon{width:100px;height:100px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/relation100.81750ba0.png);margin:0 auto 10px} .nav .nav-tab-investor-relation .nav-tab-desc{display:block} .nav .nav-tab-investor-report{margin-left:42px;width:100px} .nav .nav-tab-investor-report-icon{width:100px;height:100px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/esg100.26bb0f26.png);margin:0 auto 10px} .nav .nav-tab-investor-report .nav-tab-desc{position:relative} .nav .nav-tab-investor-report .nav-tab-desc {line-height:20px;text-align:left;padding-left:16px} .nav .nav-tab-investor-report .nav-tab-desc i{position:absolute;right:-12px;top:16px}

.rDialog{position:fixed}.rDialog-wrap{position:relative;background:hsla(0,0%,100%,.9);border:4px solid #fff;border-radius:20px}.rDialog-wrap {padding:26px 26px 32px}.rDialog-header-download {width:72px;height:72px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/download.c214dafa.gif);margin:0 auto 14px}.rDialog-header-error {width:72px;height:72px;background:url(https://h5static1.ihumand.com/h5/www/website/cms/error.93c82645.png);margin:0 auto 14px}.rDialog-content{color:#333;text-align:center;width:auto!important}.rDialog-content {font-family:FZLANTYJW}.rDialog-content {font-size:16px;line-height:1}.rDialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=30);opacity:.3}
 .the-affix{right:0;top:369px;position:fixed;z-index:100} .the-affix .the-affix-content{box-sizing:border-box;width:77px;height:222px;padding:21px 0;background-color:#fff;border-radius:5px 0 0 5px;box-shadow:0 0 16px 0 rgba(0,0,0,.1)} .the-affix .the-affix-content li{text-align:center;margin-bottom:23px;cursor:pointer;position:relative} .the-affix .the-affix-content li .modal{position:absolute;z-index:20;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-170px;display:none;width:150px;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:5px;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:100%} .the-affix .the-affix-content li .modal.index-qr{height:150px;background-image:url(https://h5static1.ihumand.com/website/assets/images/index_wechat.8dd68481.jpg)} .the-affix .the-affix-content li .modal.num{text-align:center;padding:10px 0} .the-affix .the-affix-content li .icon{background-size:100%;background-position:50%;background-repeat:no-repeat;margin:0 auto} .the-affix .the-affix-content li .icon.wechat{width:30px;height:25px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/wechat.32c82cbf.png)} .the-affix .the-affix-content li .icon.phone{width:22px;height:27px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/phone.6fc04072.png)} .the-affix .the-affix-content li .icon.top{width:22px;height:24px;background-image:url(https://h5static1.ihumand.com/h5/ihuman-frontend-website/ihuman-frontend-website-www/cms/top.caddf2a4.png)} .the-affix .the-affix-content li .text{font-size:14px;color:#333;margin-top:6px} .the-affix .the-affix-content li .text {font-family:FZLANTYJW} .the-affix .the-affix-content li:last-child{margin-bottom:0} .the-affix .animal, .the-affix .animals{position:absolute;background-size:100%;background-position:50%;background-repeat:no-repeat;z-index:-1}@-webkit-keyframes xiaohu-move{0%{top:0}80%{top:-120px}to{top:-107px}}@keyframes xiaohu-move{0%{top:0}80%{top:-120px}to{top:-107px}}@-webkit-keyframes molly-move{0%{left:0}80%{left:-50px}to{left:-46px}}@keyframes molly-move{0%{left:0}80%{left:-50px}to{left:-46px}} .the-affix .molly{top:32px;left:-46px;width:59px;height:89px;background-image:url(https://h5static1.ihumand.com/website/assets/images/molly.33bb8e77.png)} .the-affix .molly.animal{-webkit-animation:molly-move .8s;animation:molly-move .8s} .the-affix .xiaohu{top:-107px;left:0;width:54px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohu.42a4a286.png)} .the-affix .xiaohu.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .flash{top:-107px;left:0;width:76px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/flash.21f3c048.png)} .the-affix .flash.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .rainbow{top:-107px;left:0;width:48px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/rainbow.17cdb958.png)} .the-affix .rainbow.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .pinyin{top:-107px;left:0;width:57px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/pinyin.10f68e56.png);background-position:bottom} .the-affix .pinyin.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .boy{top:-107px;left:0;width:47px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/boy.e9b9c046.png)} .the-affix .boy.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .bird{top:-83px;left:14px;width:66px;height:93px;background-image:url(https://h5static1.ihumand.com/website/assets/images/bird.f8230538.png);background-position:bottom} .the-affix .bird.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .yuwen{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/yuwen.9fbec5a3.png);background-size:100px 100px;background-position:center 26px} .the-affix .yuwen.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .classify{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/classify.2495aeab.png);background-position:bottom} .the-affix .classify.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .writing{top:-72px;left:6px;width:59px;height:89px;background-image:url(https://h5static1.ihumand.com/website/assets/images/writing.1c30e6e8.png)} .the-affix .writing.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .xiaohuajia{top:-61px;left:-15px;width:81px;height:63px;background-image:url(https://h5static1.ihumand.com/website/assets/images/xiaohuajia.1756deb4.png)} .the-affix .xiaohuajia.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s} .the-affix .baike{top:-107px;left:0;width:75px;height:107px;background-image:url(https://h5static1.ihumand.com/website/assets/images/baike.84e54949.png);background-size:160px 100px;background-position:center 30px} .the-affix .baike.animal{-webkit-animation:xiaohu-move .8s;animation:xiaohu-move .8s}@-webkit-keyframes show-xiaohu{0%{left:0;top:0}60%{top:-120px;left:-127px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-xiaohu{0%{left:0;top:0}60%{top:-120px;left:-127px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-flash{0%{left:0;top:0}60%{left:-233px;top:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-flash{0%{left:0;top:0}60%{left:-233px;top:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-rainbow{0%{left:0;top:0}60%{top:8px;left:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-rainbow{0%{left:0;top:0}60%{top:8px;left:-75px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-pinyin{0%{left:0;top:0}60%{left:-132px;top:36px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-pinyin{0%{left:0;top:0}60%{left:-132px;top:36px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-boy{0%{left:0;top:0}60%{left:-190px;top:134px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-boy{0%{left:0;top:0}60%{left:-190px;top:134px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes show-bird{0%{left:0;top:0}60%{left:-86px;top:222px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes show-bird{0%{left:0;top:0}60%{left:-86px;top:222px}to{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}} .the-affix .animals{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .the-affix .animals.xiaohu{-webkit-animation:show-xiaohu 1.2s;animation:show-xiaohu 1.2s;-webkit-animation-delay:.6s;animation-delay:.6s} .the-affix .animals.flash{-webkit-animation:show-flash 1.2s;animation:show-flash 1.2s;-webkit-animation-delay:.3s;animation-delay:.3s} .the-affix .animals.rainbow{-webkit-animation:show-rainbow 1.2s;animation:show-rainbow 1.2s} .the-affix .animals.pinyin{-webkit-animation:show-pinyin 1.2s;animation:show-pinyin 1.2s;-webkit-animation-delay:.9s;animation-delay:.9s} .the-affix .animals.boy{-webkit-animation:show-boy 1.2s;animation:show-boy 1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s} .the-affix .animals.bird{-webkit-animation:show-bird 1.2s;animation:show-bird 1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s}