<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
<meta name="description" content="基于SEO网站" />
<meta name="keywords" content="基于SEO网站" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="theme-color" content="#db5945">
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>SID</title>
<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/swiper.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/media.html">媒体</a>
<div class="media-top media-on">
<div class="media-nav">
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
href="/htmls/mediaArticle.html">文章</a>
</div>
</div>
</li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/search.html">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT = true
$(".navClick").on("click", () => {
if (navClickT) {
$(".header .nav ul").css("display", "flex")
$(".navClick").addClass("tr90")
navClickT = !navClickT
} else {
$(".header .nav ul").css("display", "none")
$(".navClick").removeClass("tr90")
navClickT = !navClickT
}
})
if( $(window).width() < 1025 ){
$(".media-on").prev().attr("href","javascript:;")
$(".media-on").prev().on("click",(e)=>{
console.log(123);
e.stopPropagation();
})
}
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a class="on" href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
</div>
</div>
<div class="studyAbroad-top mb120" style="background-image: url(/imgs/ykber.png);">
<div class="w1236 studyAbroad-top-con">
<p class="fs80" class="titp">德国预科</p>
<p class="fs40" class="text">每一步，术业有专攻</p>
</div>
</div>
<div class="prep-con">
<div class="list">
<p class="title-name">标题</p>
<p class="text clips3">这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍。</p>
<div class="prep-con-img">
<img src="" class="imgW" alt="">
</div>
</div>
</div>
<div class="degree-apply" style="background-color: #fff;">
<p class="titp">SID专业申请团队 助你<span>步入理想大学</span></p>
<a href="" class="apply-btn">
<img src="/imgs/gou.png" alt="">
<p>立即开启咨询</p>
</a>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
</div>
</div>
<div class="footer-con w1236">
<div class="one">
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>成都总部</p>
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
乘坐3号线-川藏立交站直达</span> </p>
<p class="date"> <span>电话：</span> 028-61103687</p>
<div class="wx">
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
</div>
</div>
<div class="one">
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<p>天津分部</p>
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
地铁1号线，小白楼站</span> </p>
<p class="date"> <span>电话：</span>19922577220</p>
<div class="wx">
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
</div>
</div>
<div class="two">
<p class="titp">联系我们</p>
<p><span>联络：</span><span>成先生</span></p>
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
<div class="zx">
<a href="">
<div>
<img src="/imgs/wx.png" alt="">
</div>
<p>微信公众号</p>
</a>
<a href="">
<div>
<img src="/imgs/wb.png" alt="">
</div>
<p>微博</p>
</a>
<a href="">
<div>
<img src="/imgs/zh.png" alt="">
</div>
<p>知乎</p>
</a>
<a href="">
<div>
<img src="/imgs/bl.png" alt="">
</div>
<p>Bilibili</p>
</a>
</div>
</div>
</div>
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<div class="suspension">
<a>
<img src="/imgs/public/iocn.png" alt="">
</a>
<a>
<img src="/imgs/public/icon2.png" alt="">
<p class="tel">
028-61103687
</p>
</a>
<a>
<img src="/imgs/public/iocn1.png" alt="">
<div class="wxber">
<img class="imgW" src="/imgs/public/wx1.png" alt="">
</div>
</a>
<a>
<img src="/imgs/public/icon3.png" alt="">
</a>
</div>
<script>
$(".school-apply-tit .oneClick").on("click", (e) => {
console.log($(e.target).parent());
$(".school-apply-tit .one").addClass("two")
$(".school-apply-tit .one").removeClass("one")
$(e.target).parent().addClass("one")
$(e.target).parent().removeClass("two")
$(".school-apply-conClickb").css("display", "none")
$(".school-apply-conClicka").css("display", "flex")
})
$(".school-apply-tit .twoClick").on("click", (e) => {
$(".school-apply-tit .one").addClass("two")
$(".school-apply-tit .one").removeClass("one")
$(e.target).parent().addClass("one")
$(e.target).parent().removeClass("two")
$(".school-apply-conClicka").css("display", "none")
$(".school-apply-conClickb").css("display", "flex")
})
$(".school-life-tit .one").on("click", (e) => {
$(".schoolClickb").css("display", "none")
$(".schoolClicka").css("display", "block")
$(".school-life-tit .two").removeClass("on")
$(e.target).addClass("on")
})
$(".school-life-tit .two").on("click", (e) => {
$(".schoolClicka").css("display", "none")
$(".schoolClickb").css("display", "block")
$(".school-life-tit .one").removeClass("on")
$(e.target).addClass("on")
})
var mySwiper = new Swiper('.media-swiper-container', {
autoplay:true, loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>