</noscript> <script type="text/javascript"> <!-- function stop(){ return false; } document.oncontextmenu=stop; //--> </script> <div class="clearfix view-html" style="background-color: #fff;"> <nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"> <span class="sr-only"> 北京易而特教育科技有限公司 </span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-brand text-center"> <a href="/" title="北京书艺博通教育科技有限公司"> <img src="/images/sybtlogo.png" class="img-responsive cmseasyeditimg" alt="北京书艺博通教育科技有限公司" /> </a> </div> </div> <div id="navbar" class="nav navbar-nav navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="oen active"> <a href="/"> <span class=" cmseasyedit" > 网站首页 </span> </a> </li> <li class="oen"> <a title="项目介绍" href="/index.php?case=archive&act=list&catid=158"> <span cmseasy-id="158" class="cmseasyedit"> 项目介绍 </span> </a> </li> <li class="oen"> <a title="新闻资讯" href="/index.php?case=archive&act=list&catid=160"> <span cmseasy-id="160" class="cmseasyedit"> 新闻资讯 </span> </a> </li> <li class="oen"> <a title="关于我们" href="/index.php?case=archive&act=list&catid=161"> <span cmseasy-id="161" class="cmseasyedit"> 关于我们 </span> </a> </li> <li class="oen"> <a title="软件平台" href="/index.php?case=archive&act=list&catid=162"> <span cmseasy-id="162" class="cmseasyedit"> 软件平台 </span> </a> </li> <li class="oen"> <a title="服务支持" href="/index.php?case=archive&act=list&catid=159"> <span cmseasy-id="159" class="cmseasyedit"> 服务支持 </span> </a> </li> <li id="fat-menu" class="one dropdown"> <a data-toggle="modal" data-target="#myModalLang"><img src="/cn/upload/images/201908/15631496836234.gif" width="20"> 中文 <span class="caret"></span> </a> </li> <li id="login" class="one head-loginoen dropdown"></li> </ul> </div></div> </nav> </div><div class="clearfix view-html"> <div class="container-fluid clearfix" style="z-index: 7;"> <div class="row column"> <div class="visual-slide"> <div class="tag"> <div class="row"> <!-- Swiper --> <div class="swiper-container swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-item"> <a href="" target="_blank"> <img src="/images/slide/15951716835267.png" alt="" class="img-responsive"> </a> <div class="slide-item-text text-left"> <div class="container"> </div> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <a href="" target="_blank"> <img src="/images/slide/15951706216448.png" alt="" class="img-responsive"> </a> <div class="slide-item-text text-left"> <div class="container"> </div> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <a href="" target="_blank"> <img src="/images/slide/15951706475401.png" alt="" class="img-responsive"> </a> <div class="slide-item-text text-left"> <div class="container"> </div> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <a href="" target="_blank"> <img src="/images/slide/15951707864301.png" alt="" class="img-responsive"> </a> <div class="slide-item-text text-left"> <div class="container"> </div> </div> </div> </div> <div class="swiper-slide"> <div class="slide-item"> <a href="" target="_blank"> <img src="/images/slide/15951708363695.png" alt="" class="img-responsive"> </a> <div class="slide-item-text text-left"> <div class="container"> </div> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination"></div> <div class="swiper-button-next swiper-button-next"><span class="glyphicon glyphicon-menu-right"></span></div> <div class="swiper-button-prev swiper-button-prev"><span class="glyphicon glyphicon-menu-left"></span></div> </div> </div> <script> var myswiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 1, loop: true, lazy: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <style type="text/css"> /* 幻灯*/ .swiper-container { width: 100%; height: 100%; background:#ccc; } .swiper-container .slide-item { position: relative; } .swiper-container .slide-item img { width: 100%; height: auto; max-width: 100%; max-height: 100%; margin:0px auto; } .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next { opacity: 0; position: absolute; top: 50%; } .swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next { width:calc(50px + 30px); height:calc(50px + 30px); line-height:calc(50px + 30px); opacity: 1; transition: all .3s linear; background-color:rgba(0,0,0,0.5); background-image:none; font-size:50px; text-align:center; border-radius: 50px; color:#ffffff; } .swiper-container .slide-item-text { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container .slide-item-text h2 { padding: 0; color: #ffffff; font-size: 36px; font-style: normal; line-height: 1.8; letter-spacing: 1px; display: inline-block; } .swiper-container .slide-item-text p { margin:0px auto; padding: 0; color: #ffffff; font-size: 20px; line-height: 1.6; font-weight: 300; margin-bottom: 40px; letter-spacing: 1px; } .swiper-container .slide-item-text a.slide-btn { color: #ffffff; cursor: pointer; font-weight: 400; font-size: 14px; line-height: 15px; text-align: center; padding: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00b7ee; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } .swiper-container .slide-item-text a.slide-btn:hover, .swiper-container .slide-item-text a.slide-btn:active { color: #ffffff; background: #222222; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out; } .swiper-container .slide-item-text h2 { transition: all 500ms ease-in-out 1000ms; position: relative; left: 50%; opacity: 0; } .swiper-container .slide-item-text p { transition: all 800ms ease-in-out 1500ms; position: relative; left: 50%; opacity: 0; } .swiper-container .slide-item-text a { transition: all 1200ms ease-in-out 2000ms; position: relative; left: 25%; opacity: 0; } .swiper-container .swiper-slide-active .slide-item-text h2 { left: 0; opacity: 1; } .swiper-container .swiper-slide-active .slide-item-text p { left: 0; opacity: 1; } .swiper-container .swiper-slide-active .slide-item-text a { left: 0; opacity: 1; } .swiper-container .slide-item-text h2 { font-size:36px; } .swiper-container .slide-item-text p { font-size:20px; } .swiper-container .slide-item-text h2, .swiper-container .slide-item-text p{ color:#ffffff; } .swiper-container .slide-item-text a.slide-btn { background:#00b7ee; color:#ffffff; } .swiper-pagination .swiper-pagination-bullet { width:50px; height:10px; background:#ffffff; opacity: 1; transition: all .3s linear; border-radius: 0; } .swiper-pagination .swiper-pagination-bullet-active{ background:#00b7ee; } .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next{ color:#ffffff; font-size:50px; width:50px; height:50px; } </style></div> </div> <div class="clearfix"> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix view-html"> <div class="job-columns clearfix" style="background-color: rgb(246, 246, 246); z-index: 8;"> <div class="container" style="z-index: 5; background-image: url('');"> <div class="row" style="z-index: 6;"> <div class="view" style="z-index: 7;"> <div class="row column"> <div class="clearfix"> </div> <div class="tag" style="background-image: url('');"> <link href="/template/default2020/visual/modules/common/job-columns/css/style.css" rel="stylesheet"> <div class="col-md-4"> <div class="job-columns-left job-columns-left-3"> <h4> <a href="/index.php?case=archive&act=list&catid=164" title="中华写字课堂" cmseasy-id="164" class="cmseasyedit"> 中华写字课堂 </a> </h4> </div> </div> <div class="col-md-8"> <div class="job-columns-right job-columns-right-3"> <div class="row"> <div class="col-sm-6"> <div class="job-columns-right-text"> <h4 class=" cmseasyedit" > 服务热线 </h4> <span class="job-columns-tel cmseasyedit" > 400-004-9904 </span> <p class="job-columns-email"> <i class="icon-envelope"></i> <span class=" cmseasyedit" > service@sybt.net.cn </span> </p> <a href="/index.php?case=archive&act=list&catid=164" class="more"> <span class="glyphicon glyphicon-menu-right"></span> </a> </div> </div> <div class="col-sm-6"> <div class="job-columns-right-img"> <img src="images/img71.jpg" width="344" height="226" alt="中华写字课堂" cmseasy-id="164" class="cmseasyeditimg " /> </div> </div> </div> </div> </div> <style type="text/css"> .job-columns-right-3 { background:#0e77ea; } .job-columns-right-3:hover { background:#0e77ea; } .job-columns-left-3 h4 a { font-size:22px; color:#000000; } .job-columns-left-3 h4 a:hover { color:#000000; } .job-columns-left-3 h4 p { font-size:14px; color:#999999; } .job-columns-left-3 h4 p:hover { color:#999999; } .job-columns-right-3 .job-columns-right-text a.more { font-size:14px; color:#ffffff; border-color:#ffffff; border-radius: 50px; background-color:rgba(255, 255, 255, 0) ; } .job-columns-right-3 h4 { font-size:22px; color:#ffffff; } .job-columns-right-3 h4:hover { color:#ffffff; } .job-columns-right-3 .job-columns-right-text a.more:hover, .job-columns-right-3 .job-columns-right-text:hover a.more { color:#0e77ea; border-color:#ffffff; background-color:#ffffff; } .job-columns-right-3 .job-columns-right-text a.more .glyphicon { font-size:14px; } .job-columns-right-3 .job-columns-tel { font-size:32px; color:#ffffff; } .job-columns-right-3 .job-columns-tel:hover { color:#ffffff; } .job-columns-right-3 .job-columns-email { font-size:14px; color:#ffffff; } .job-columns-right-3 .job-columns-email:hover { color:#ffffff; } </style> </div> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> <div class="footer"> <div class="container"> <div class="copyright"> <p> <span class="cmseasyedit" > Copyright © 2024 . </span> <a title="北京易而特教育科技有限公司" href="http://www.sybt.net.cn/" class="cmseasyedit" > 北京易而特教育科技有限公司 </a>. </p> <p> <a rel="nofollow" href="https://beian.miit.gov.cn/" class="cmseasyedit" > 京ICP备12005483号-5 </a> <a href="/index.php?case=archive&act=sitemap" title="网站地图" class="cmseasyedit" >网站地图</a> </p> </div> </div> </div> <!-- Bootstrap core Javascript ================================================== --> <script src="/common/css/bootstrap/bootstrap-3.3.7/js/bootstrap.min.js"></script> <!-- 字体图标库 --> <link rel="stylesheet" type="text/css" href="/common/plugins/fonticon/icomoon.css" /> <div class="servers"> <!--[if (gte IE 7)|!(IE)]><!--> <!-- 在线客服 --> <![endif]--> <!-- 短信 --> </div> <div class="servers-wap"> </div> <!--图片延迟--> <script src="/common/plugins/lazyload/jquery.lazyload.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("img.lazy,div.lazy").lazyload({ placeholder:"/images/pic.png", effect:"fadeIn",//show直接显示,fadeIn显现 threshold:280, event:"scroll", failure_limit:2 }); }) </script> <!-- 导航置顶CSS --> <style type="text/css"> .navbar { padding-right:0; padding-left:0; position:fixed; top:0px !important; right:0 !important; left:0 !important; z-index:999999999; border-radius:0; } body::before { position: relative; content: " "; display:block; width:100%; height:70px; z-index: 1; } @media (max-width: 769px) { body::before {height:80px;} } @media (max-width: 468px) { body::before {height:60px;} } </style> <script type="text/javascript"> <!-- function setpraise(aid,hrefname,obj) { //点赞 $.get(hrefname,{'aid':aid},function(data,status){ if(data != '') { data = JSON.parse(data); if(data[0]=='1'){ alert("点赞成功！"); $(obj).val("取消点赞！"); }else{ alert("取消点赞！"); $(obj).val("lang('point-like')"); } $(obj).next('span').html(data[1]); } }); } function setcollect(couponid,hrefname,obj) { //收藏 $.get(hrefname,{'couponid':couponid},function(data,status){ if(data != '') { data = JSON.parse(data); //显示提示信息 if(data=='1'){ alert("收藏成功！"); $(obj).val("取消收藏"); $(obj).attr('class','glyphicon glyphicon-heart collection-btn '); }else{ alert("已取消收藏！"); $(obj).val("收藏"); $(obj).attr('class','icon-heart collection-btn'); } } }); } //--> </script> <!--购买下载--> <script src="/common/plugins/shop/js/buyarchive.js?version=7772"></script> <!-- Modal --> <div class="modal fade bs-example-modal-sm" id="myModalLang" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h5 class="modal-title" id="myModalLabel">请选择浏览语言</h5> </div> <div class="modal-body"> <a id="StranLink" name="StranLink">繁體</a> <a href="/index.php?case=archive&act=setlang&langurl=cn" ><img src="/cn/upload/images/201908/15631496836234.gif" width="20"> 中文</a> </div> </div> </div> </div> <!-- 繁简切换 --> <script type="text/javascript" src="/common/js/common.js"></script> <!-- 导航下拉缩小高度 --> <script type="text/javascript"> <!-- $(document).ready(function(){ $(window).scroll(function() { var top = $(".visual-slide,.banner,.banner2,.banner3,.banner4,.cbanner").offset().top; //获取指定位置 var scrollTop = $(window).scrollTop(); //获取当前滑动位置 if(scrollTop > top){ //滑动到该位置时执行代码 $(".navbar").addClass("active"); }else{ $(".navbar").removeClass("active"); } }); }); $(function(){ var cubuk_seviye = $(document).scrollTop(); var header_yuksekligi = $('.navbar').outerHeight(); $(window).scroll(function() { var kaydirma_cubugu = $(document).scrollTop(); if (kaydirma_cubugu > header_yuksekligi){$('.navbar').addClass('gizle');} else {$('.navbar').removeClass('gizle');} if (kaydirma_cubugu > cubuk_seviye){$('.navbar').removeClass('sabit');} else {$('.navbar').addClass('sabit');} cubuk_seviye = $(document).scrollTop(); }); }); //--> </script> <!-- wow动态效果 --> <link rel="stylesheet" href="/common/plugins/animate/css/animate.min.css" /> <script src="/common/plugins/animate/js/wow.min.js"></script> <script type="text/javascript"> <!-- if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; //--> </script> <script src="/common/js/admin.js"></script> <!-- 鼠标滑过展开一级菜单/一级菜单可点击 --> <script type="text/javascript"> <!-- $(function () { $(".dropdown,.dropdown-submenu").mouseover(function () { $(this).addClass("open"); }); $(".dropdown,.dropdown-submenu").mouseleave(function(){ $(this).removeClass("open"); }) }); $(document).ready(function(){ var _width = $(window).width(); if(_width < 768){ $("#navbar a.toogle").click(function(){ event.preventDefault(); }); } }); //--> </script> <span id="head_login"><script src="/index.php?case=user&act=login_js"></script></span> <script type="text/javascript"> <!-- login.innerHTML=head_login.innerHTML;head_login.innerHTML=""; //--> </script> <!-- 幻灯图片自适应 --> <style> .pc-show,.wap-show { display:none; } .pc-show,.wap-show { display:none; } @media (min-width: 786px) { .pc-show { display: block; } } @media (max-width: 786px) { .wap-show { display: block; } } .izl-rmenu .edit, .main-im .edit { width:50px; margin:0px auto; margin-bottom:1px; display:none; } .erweima img, .wap-qr-code img, .checkout img { max-width: 100% !important; margin:0px auto; } </style> </body> </html>