@media screen and (max-width:1024px){.header .top-info,.index .banner,.product .banner,.service .banner,.school .banner,.protect .banner,.about .banner{min-width:0;}.header .top-info{display:none;}.header .top-menu{width:100%;height:60px;padding:0 2.5%;}.header .top-menu .logo{position:fixed;left:0;top:0;z-index:13;float:initial;width:100%;height:60px;background-color:#fff;box-shadow:0 2px 10px rgb(0 0 0 / 10%);}.header .top-menu .logo a{width:135px;height:30px;margin:15px 0 0 2.5%;}.header .top-menu .logo img{float:initial;width:135px;height:30px;margin:0;}.header .top-menu .logo .menu-icon{display:block;position:absolute;right:10px;top:5px;cursor:pointer;width:40px;height:50px;transition:.3s ease;}.header .menu-icon .icon{position:relative;width:20px;height:10px;margin:20px auto;}.header .menu-icon .icon:before,.header .menu-icon .icon:after{position:absolute;content:"";width:20px;height:2px;background-color:#333;transition:.3s ease;-webkit-transition:.3s ease;}.header .menu-icon .icon:before{top:0;}.header .menu-icon .icon:after{bottom:0;}.header .menu-icon.active>.icon:before{top:4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}.header .menu-icon.active>.icon:after{bottom:4px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}.header .top-menu .menu{position:fixed;left:0;top:-100%;z-index:12;float:initial;width:100%;background-color:#fff;}.header .top-menu .menu li{float:initial;padding:0 16px;line-height:50px;}.header .top-menu .menu li.active{background-color:#fe3a3b;}.header .top-menu .menu a{text-align:center;}.header .top-menu .menu li.active a{color:#fff;}.footer .top{padding:0 2.5%;}.footer .csrc-box{padding:0;font-size:12px;}.footer .csrc-box>a{width:100%;margin-top:20px;text-align:center;}.footer .csrc-box .info{margin-top:20px;padding:20px 0;}.footer .csrc-box .info>img{position:initial;margin:0 auto;}.footer .csrc-box .text{margin-top:10px;padding:0 2.5%;}.footer .qrcode-box{position:initial;}.footer .bottom{font-size:12px;}.index .banner{height:350px;}.index .banner .text{top:120px;}.index .banner .title{font-size:36px;}.index .banner .subtitle{font-size:12px;}.index .banner .earth{position:absolute;top:60px;left:50%;width:220px;margin-left:-110px;}.index .banner .earth-set{position:absolute;bottom:60px;left:50%;z-index:1;width:350px;margin-left:-175px;}@keyframes bounce-down{50%{transform:translateY(10px);}}.index .introduce{position:relative;width:auto;margin:-70px 15px 0;padding:30px 0;border-radius:20px;}.index .introduce h2{font-size:22px;}.index .introduce h2+p{margin-top:15px;}.index .introduce p{margin:8px 15px 0;font-size:14px;line-height:1.5;}.index .icons{width:95%;margin:0 auto;padding:10px 0 30px;}.index .icons li{width:33.33%;margin-top:20px;}.index .icons li:not(:first-child):before{display:none;}.index .icons li .img-box{display:flex;width:100%;height:50px;align-items:center;justify-content:center;}.index .icons li img{width:30px;margin:0 auto;}.index .icons li p{margin-top:0;font-size:14px;}.product .banner{height:200px;}.product .banner .banner-img{height:200px;margin:0 auto;}.product .banner .text{top:50px;padding:0 5%;}.product .banner .title{font-size:30px;}.product .banner .subtitle{font-size:16px;}.swiper-pagination-bullet{width:16px !important;}.product .app-download{display:flex;align-items:center;justify-content:center;width:95%;height:280px;margin:0 auto;padding-top:40px;}.product .app-download .app{left:20px;width:auto;height:280px;border-radius:30px 30px 0 0;}.product .app-download .info{margin:0 0 0 10px;text-align:center;}.product .app-download .info >h2{font-size:18px;}.product .app-download .info >p{font-size:16px;}.product .app-download .qrcode{margin:20px 0 0 5px;}.product .app-download .qrcode img{width:100px;height:100px;border-radius:8px;margin:0 auto;}.product .app-download .qrcode p{margin-top:15px;font-size:14px;padding-left:18px;background:url(../images/iocn-scan.png) left 10px center no-repeat;background-size:20px auto;}.product .app-master h2{width:100%;padding-top:30px;font-size:30px;}.product .app-master p{width:100%;margin-top:5px;font-size:16px;letter-spacing:0px;}.product .app-master .img-box{position:relative;width:100%;margin:30px auto 0;overflow:hidden;}.product .app-master .img-box img{width:100%;}.product .app-strategy{height:500px;}.product .app-strategy h2{width:100%;padding-top:20px;font-size:30px;}.product .app-strategy > p{width:100%;font-size:16px;letter-spacing:0;}.product .app-strategy .cards{width:90%;}.product .strategy-box{bottom:-20px;}.product .strategy-box .card-box img{width:100px;height:100px;margin:-50px -50px 0;}.product .strategy-box .card-box .name{padding-top:60px;font-size:24px;}.product .strategy-box .card-box .text{padding:10px 18px 0;font-size:16px;height:200px;}.product .app-strategy .swiper-button-prev,.product .app-strategy .swiper-button-next{display:none;}.product .app-study{width:90%;}.product .app-study h2{padding:60px 0 0 0;font-size:30px;}.product .app-study > p{padding:10px 0 0 0;font-size:16px;letter-spacing:0;}.product .app-study .img-box{margin:30px 0 0;padding-bottom:40px;}.product .app-study .img-box img{float:none;width:100%;margin:0 auto;}.school .banner{height:400px;}.school .banner .text{padding:0 5%;}.school .banner .title{font-size:36px;}.school .banner .subtitle{font-size:18px;}.school .banner .subtitle span{display:none;}.school .banner .desc{margin-top:20px;font-size:16px;}.school .icons{border-bottom:1px solid #efefef;}.school .icons ul{padding:0;}.school .icons li{padding:10px 0;font-size:16px;}.school .icons li:hover{background-color:#f6f6f6;}.school .icons li:last-child{border-right:1px solid #efefef;}.school .icons li img{width:30px;margin:0 auto 10px;}.school .teachers{padding:20px 0 0 0;}.school .teachers h2{font-size:28px;}.school .teachers .techaer-box{width:100%;height:auto;margin:20px auto 0;}.school .teachers .techaer-box .left{float:initial;width:100%;height:150px;}.school .teachers .techaer-box .left ul{width:auto;padding:0;overflow:auto;text-overflow:ellipsis;white-space:nowrap;}.school .teachers .techaer-box .left ul::-webkit-scrollbar{display:none;}.school .teachers .techaer-box .left li{position:relative;float:initial;display:inline-block;margin:35px 0 0 20px;*display:inline;*zoom:1;}.school .teachers .techaer-box .left li:last-child{margin-right:20px;}.school .teachers .techaer-box .left li img{width:80px;height:80px;}.school .teachers .techaer-box .left li.active img{border:1px solid #fff;}.school .teachers .techaer-box .left li p{margin:0;line-height:2;font-size:14px;word-break:break-all;}.school .teachers .techaer-box .right{float:initial;width:100%;height:auto;padding:20px;}.school .teachers .techaer-box .info-box{position:relative;padding-left:160px;height:152px;}.school .teachers .techaer-box .info-box > img{width:130px;height:152px;}.school .teachers .techaer-box .info{padding-top:30px;}.school .teachers .techaer-box .info .name{font-size:24px;}.school .teachers .techaer-box .info .number{margin-top:10px;word-break:break-all;}.school .teachers .techaer-box .info .title{margin-top:5px;}.school .teachers .techaer-box .text .title{margin-top:30px;}.school .teachers .techaer-box .text .desc{margin-top:10px;}.protect .banner{display:none;}.protect .content{width:100%;padding:0;}.protect .content .bread{display:none;}.protect .content .menu{position:initial;z-index:10;width:100%;height:80px;}.protect .content .menu.fixed{position:initial;margin:0;}.protect .content .menu .head{position:fixed;z-index:10;width:100%;line-height:40px;text-align:center;background:#fe3a3b;font-size:18px;color:#fff;}.protect .content .menu .head .title{position:relative;z-index:11;display:flex;align-items:center;justify-content:center;background:#fe3a3b;}.protect .content .menu .head .title > div{position:relative;padding:0 20px;}.protect .content .head .sub-slide{position:absolute;right:0;top:0;display:block;width:100%;height:40px;}.protect .content .head .sub-slide i{position:absolute;right:0;top:0;display:block;width:16px;height:40px;background:url(../images/arrow-white.png) center right no-repeat;background-size:16px auto;}.protect .content .head .sub-slide.active i{transform:rotate(180deg);transition:all .2s;}.protect .content .menu ul{display:none;position:absolute;top:40px;z-index:10;width:100%;padding:0;background-color:#fff;}.protect .content .menu ul li{padding:0;line-height:50px;font-size:16px;text-align:center;}.protect .content .menu .active-menu{display:block;background-color:#f6f6f6;padding:40px 10px 0;line-height:40px;text-align:left;font-size:16px;}.protect .content .list{min-height:0;}.protect .content .list li{padding:20px 10px 20px 150px;min-height:104px;}.protect .content .list li img{left:10px;top:20px;width:130px;height:104px;}.protect .content .list li h2{max-height:40px;line-height:20px;font-size:16px;}.protect .content .list li p{margin-top:10px;max-height:30px;line-height:15px;font-size:12px;}.protect .pagination{padding:15px 0 25px;}.protect .rich-text{padding:20px 0 50px;}.protect .rich-text h1,.protect .rich-text h2,.protect .rich-text h3,.protect .rich-text h4,.protect .rich-text h5{padding:0 10px;text-align:left;font-size:20px;}.protect .rich-text .time{margin:0 10px 0 0;text-align:right;}.protect .rich-text .text{margin:0;padding:0 10px;}.protect .rich-text .text p{margin-top:20px;font-size:16px !important;}.protect .rich-text .text img{max-width:95%;}.service .banner{display:none;}.service .content{width:100%;padding:0;}.service .content .bread{display:none;}.service .content .menu{position:initial;z-index:10;width:100%;height:80px;}.service .content .menu.fixed{position:initial;margin:0;}.service .content .menu .head{position:fixed;z-index:10;width:100%;line-height:40px;text-align:center;background:#fe3a3b;font-size:18px;color:#fff;}.service .content .menu .head .title{position:relative;z-index:11;display:flex;align-items:center;justify-content:center;background:#fe3a3b;}.service .content .menu .head .title > div{position:relative;padding:0 20px;}.service .content .head .sub-slide{position:absolute;right:0;top:0;display:block;width:100%;height:40px;}.service .content .head .sub-slide i{position:absolute;right:0;top:0;display:block;width:16px;height:40px;background:url(../images/arrow-white.png) center right no-repeat;background-size:16px auto;}.service .content .head .sub-slide.active i{transform:rotate(180deg);transition:all .2s;}.service .content .menu ul{display:none;position:absolute;top:40px;z-index:10;width:100%;padding:0;background-color:#fff;}.service .content .menu ul li{padding:0;line-height:50px;font-size:16px;text-align:center;}.service .content .menu .active-menu{display:block;background-color:#f6f6f6;padding:40px 10px 0;line-height:40px;text-align:left;font-size:16px;}.service .rich-text{padding:20px 0 50px;}.service .rich-text h1,.service .rich-text h2,.service .rich-text h3,.service .rich-text h4,.service .rich-text h5{padding:0 10px;text-align:left;font-size:20px;}.service .rich-text .text{margin:0;padding:0 10px;}.service .rich-text .text p{margin-top:20px;font-size:16px !important;}.service .rich-text .text img{max-width:95%;}.about .banner{display:none;}.about .content{width:100%;padding:0;}.about .content .bread{display:none;}.about .content .menu{position:initial;z-index:10;width:100%;height:80px;}.about .content .menu.fixed{position:initial;margin:0;}.about .content .menu .head{position:fixed;z-index:10;width:100%;line-height:40px;text-align:center;background:#fe3a3b;font-size:18px;color:#fff;}.about .content .menu .head .title{position:relative;z-index:11;display:flex;align-items:center;justify-content:center;background:#fe3a3b;}.about .content .menu .head .title > div{position:relative;padding:0 20px;}.about .content .head .sub-slide{position:absolute;right:0;top:0;display:block;width:100%;height:40px;}.about .content .head .sub-slide i{position:absolute;right:0;top:0;display:block;width:16px;height:40px;background:url(../images/arrow-white.png) center right no-repeat;background-size:16px auto;}.about .content .head .sub-slide.active i{transform:rotate(180deg);transition:all .2s;}.about .content .menu ul{display:none;position:absolute;top:40px;z-index:10;width:100%;padding:0;background-color:#fff;}.about .content .menu ul li{padding:0;line-height:50px;font-size:16px;text-align:center;}.about .content .menu .active-menu{display:block;background-color:#f6f6f6;padding:40px 10px 0;line-height:40px;text-align:left;font-size:16px;}.about .rich-text{padding:20px 0 50px;}.about .rich-text h1,.about .rich-text h2,.about .rich-text h3,.about .rich-text h4,.about .rich-text h5{padding:0 10px;text-align:left;font-size:20px;}.about .rich-text .text{margin:0;padding:0 10px;}.about .rich-text .text p{margin-top:20px;font-size:16px !important;}.about .rich-text .text img{max-width:95%;}}