master
tangyi 2021-12-05 23:16:39 +08:00
parent 0b1fee70e4
commit 297a17d937
18 changed files with 2543 additions and 1325 deletions

View File

@ -16,12 +16,18 @@
}
.header {
padding-top: 106px;
}
.header .header-con{
width: 100%;
background-color: #F5F5F5;
height: 106px;
position: relative;
position: fixed;
top: 0px;
left: 0px;
z-index: 20;
}
.header .nav {
display: flex;
align-items: center;
@ -70,7 +76,7 @@
background: #E4E4E4;
opacity: 1;
border: none;
padding-left: 14px;
padding-left: 20px;
box-sizing: border-box;
border-radius: 9px;
@ -2334,6 +2340,7 @@
.bc1 {
background: #F4F4F5;
overflow: hidden;
}
.school-life-tit {
@ -2378,7 +2385,9 @@
.schoolClickb {
display: none;
}
.overflow-hidden{
overflow: hidden;
}
.school-life-con-one .titp::after {
position: absolute;
content: "";
@ -2626,6 +2635,7 @@
line-height: 60px;
color: #3D3D3D;
padding-left: 25px;
padding-right: 10px;
box-sizing: border-box;
opacity: 1;
@ -2762,6 +2772,7 @@
width: 103%;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.aps-problem .list {
@ -2937,12 +2948,20 @@
opacity: 1;
}
.aps-mentor-con .list .list-img .zt {
.aps-mentor-con .list .list-img .suspended {
position: absolute;
left: 40%;
top: 40%;
left: 0%;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
top: 0%;
}
.aps-mentor-con .list .list-img .suspended .zt{
width: 50px;
height: 50px;
}
.aps-mentor-con .list .text {
width: 100%;
height: 136px;
@ -3038,6 +3057,7 @@
.educational .list .list-img {
width: 100%;
height: 260px;
overflow: hidden;
}
.educational .list .text {
@ -3244,6 +3264,7 @@
width: 100%;
height: 750px;
padding-top: 173px;
background-size: auto 100%;
}
.SID-her-con {
@ -3870,7 +3891,11 @@
flex-direction: column;
justify-content: center;
}
.music-life .list .list-img{
width: 412px;
overflow: hidden;
height: 275px;
}
.music-life {
margin-top: 48px;
}
@ -4081,6 +4106,7 @@
.search-con {
margin-top: 30px;
overflow: hidden;
height: 100%;
}
@ -4122,6 +4148,7 @@
.search-con .list-con {
width: 103%;
display: flex;
margin-top: 40px;
flex-wrap: wrap;
}
@ -4302,7 +4329,7 @@
}
.questionAnswer {
width: 103%;
width: 100%;
background-color: #fff;
overflow: hidden;
display: inline-block;
@ -4312,7 +4339,7 @@
margin-right: 36px;
margin-bottom: 36px;
float: left;
width: 388px;
width: 100%;
height: auto;
}
@ -4494,6 +4521,39 @@
.w1236 .fs40 {
font-size: 40px;
}
.search-int input::placeholder{
color: #EEB20E;
}
.questionAnswer{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.questionAnswer>div{
width: 30%;
}
.degree-plan-bcfff .list{
background-color: #fff;
}
.tr90>:nth-child(1){
transform: rotateZ(45deg);
transition: all 0.5s;
position: relative;
top: 10px;
}
.tr90>:nth-child(3){
transform: rotateZ(-45deg);
position: relative;
bottom: 12px;
transition: all 0.5s;
}
.navClick>:nth-child(1){
transition: all 0.5s;
}
.navClick>:nth-child(3){
transition: all 0.5s;
}
/* 小于等于多少高度的样式 */
@media screen and (max-height:880px) {}
@ -4508,13 +4568,124 @@
flex-direction: column;
justify-content: center;
}
.impact .right .rightCon .titp {
margin-bottom: 17px;
}
.impact .right .rightCon .text{
margin-bottom: 15px;
}
.impact .right .rightCon a{
margin-top: 15px;
}
.SID-scene .right{
padding-top: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
.contact-SID .list .list-wx .list-wx-img{
width: 150px;
height: auto;
}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {
.search-con .list-con .list{
width: 22%;
margin-right: 3%;
}
.music-life .list .list-img{
height: auto;
}
.music-life .list .text{
height: auto;
}
.music-dual-track .list{
width: 47%;
height: auto;
}
.music-date{
width: 80%;
}
.music-famousTeacher .list{
width: 30%;
margin-right: 3%;
}
.music-famousTeacher .list .list-img{
height: auto;
}
.music-city .list{
width: 47%;
}
.music-city .list .list-img{
height: auto;
}
.music-advantages .list{
width: 30%;
}
.music-advantages .list .list-img{
height: auto;
}
.contact-SID .list .text .p :nth-child(2){
white-space: normal;
}
.contact-SID .list .text .p p{
white-space: nowrap;
}
.contact-SID .list .text{
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.contact-SID .list .list-wx{
padding-right: 0px;
padding-left: 0px;
}
.contact-SID .list{
width: 47%;
}
.SID-scene .right{
padding-left: 20px;
}
.SID-scene .right .text{
margin-top: 14px;
}
.SID-impact .right{
width: 100%;
justify-content: flex-start;
}
.SID-impact{
flex-direction: column-reverse;
}
.SID-her{
padding-top: 100px;
}
.undergraduate-results{
height: auto;
}
.mediaVideo .media-swiper-con{
height: auto;
}
.aps-audit {
width: 90%;
height: auto;
}
.school-apply-con .list .titp{
width: 101px;
}
.school-apply-con{
padding: 20px 30px 0px;
}
.school-apply-con .list{
width: 428px;
}
.school-apply-tit .one .text{
top: 25%;
top: 37px;
}
.school-apply-tit .one{
width: 400px;
@ -4867,11 +5038,213 @@
.degree-right-con .right-img>:nth-child(1){
height: auto;
}
.aps-one .left{
width: 570px;
height: 570px;
}
.aps-one .left .left-con div{
width: 260px;
height: auto;
}
.aps-problem .list{
width: 30%;
margin-right: 3%;
}
.aps-problem .list .list-img{
height: auto;
}
.aps-statistical .list{
width: 218px;
height: 225px;
}
.aps-statistical .list{
padding-top: 36px;
}
.aps-statistical>:nth-child(4){
padding-top: 49px;
}
.aps-statistical>:nth-child(3){
padding-top: 49px;
}
.aps-statistical>:nth-child(2){
padding-top: 49px;
}
.educational .list{
width: 30%;
margin-right: 3%;
}
.educational .list .list-img{
height: auto;
}
.educational .list .text{
padding: 30px 20px 0px;
}
.undergraduate-professional .list{
width: 33%;height: auto;
}
.undergraduate-immigration .left-swiper-container{
height: auto;
}
.undergraduate-immigration .left-swiper-container .list-img{
height: auto;
}
.undergraduate-immigration .right{
padding-top: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
.undergraduate-immigration .right .text::after{
top: 3px;
}
.SID-impact .right .rightCon{
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.SID-campus .list{
width: 33%;
height: auto;
}
.SID-campus .list .list-img{
height: auto;
}
}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1100px) {
.search-con .list-con .list{
width: 30%;
margin-right: 3%;
}
.music-recommended-con{
display: block;
}
.music-recommended-con .text{
text-align: center;
}
.music-recommended-left .music-recommended-con .text{
margin-top: 20px;
}
.music-recommended-left::after{
width: 33%;
height: 100%;
}
.music-recommended-left .music-recommended-con .text{
padding-left: 10px;
}
.music-recommended-left{
height: auto;
}
.music-recommended-con{
padding-top: 20px;
padding-bottom: 20px;
}
.music-recommended-con .text .title-name{
margin: auto;
}
.music-famousTeacher .list .text{
padding-right: 20px;
padding-left: 20px;
}
.music-recommended-con .list{
width: 80%;
margin: auto;
margin-top: 20px;
}
.music-recommended-right{
height: auto;
}
.music-recommended-con .text .title-name{
font-size: 25px;
line-height: 30px;
}
.music-recommended-right::after{
width: 33%;
height: 100%;
}
.music-tit .text{
width: 80%;
}
.music-advantages .list .text{
font-size: 20px;
}
.SID-scene .right .text{
width: 100%;
}
.SID-scene .right{
padding-top: 20px;
padding-bottom: 20px;
}
.SID-scene{
display: block;
}
.SID-scene .left{
width: 100%;
height: auto;
}
.SID-tit .text{
width: 80%;
}
.SID-about-tit .text{
width: 80%;
}
.undergraduate-immigration .right .title-name{
font-size: 26px;
line-height: 30px;
}
.mb58{
margin-bottom: 18px;
}
.prep-con .list .text{
width: 95%;
}
.aps-mentor-con{
padding-right: 20px;
padding-left: 20px;
}
.aps-mentor-con .list .list-img{
width: 100%;
}
.aps-mentor-con .list{
width: 47%;
margin-right: 3%;
}
.aps-one .right .text{
margin-top: 20px;
}
.aps-one .right .subtitle{
font-size: 26px;
line-height: 30px;
}
.aps-one{
flex-direction: column-reverse;
}
.aps-one .right{
text-align: center;
}
.aps-one .left{
width: 60%;
margin: auto;
margin-top: 30px;
height: auto;padding-bottom: 20px;
}
.aps-one .left .left-con div{
width: 48%;
}
.aps-one .left .left-con{
margin-top: 20px;
}
.school-apply-con{
height: auto;
}
.w1236 .school-right-img{
margin: auto;
margin-top: 20px;
@ -4885,11 +5258,71 @@
}
@media screen and (max-width:1024px) {
.header .nav .on a::after{
bottom: 0px;
width: 100%;
}
.header .nav .li a{
width: 100%;
margin-right: 0px;
padding-bottom: 20px;
padding-left: 20px;
}
.header .nav ul{
position: fixed;
width: 100%;
left: 0px;
top: 106px;
height: 100%;
flex-direction: column;
align-items: flex-end;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
}
.header .nav ul .li{
width: 30%;
background-color: #fff;
display: flex;
align-items: center;
}
.header .nav .li a{
/* color: #fff; */
}
.SID-about-con .list{
width: 47%;
}
.SID-about{
padding-top: 120px;
}
.aps-statistical{
flex-wrap: wrap;
}
.aps-statistical .list{
margin-bottom: 36px;
}
.school-apply-con .list .titp{
width: 20%;
min-width: 20%;
font-size: 16px;
height: 40px;
line-height: 40px;
font-weight: 700;
}
.school-apply-con .list .text{
font-size: 14px;
line-height: 40px;
}
.school-apply-con .list{
width: 100%;
height: 40px;
}
.school-apply-tit .one{
height: auto;
}
.school-apply-tit .one .text{
top: 25%;
top: 28px;
}
.school-apply-tit .one{
width: 350px;
@ -4900,7 +5333,7 @@
height: 91px;
}
.school-apply-tit .two .text{
line-height: 91px;
line-height: 80px;
}
.school-con .text{
padding-top: 30px;
@ -5292,9 +5725,148 @@
}
@media screen and (max-width:768px) {
.studyAbroad-top{
margin-bottom: 20px;
}
.one-con .title>:nth-child(1){
font-size: 26px;
}
.one-con .title{
margin-top: 20px;
}
.cooperation{
margin-top: 20px;
}
.mt160{
margin-top: 20px;
}
.targetCon{
margin-top: 20px;
}
.index-impact{
margin-bottom: 20px;
}
.title{
font-size: 26px;
}
.impact .right .rightCon .titp{
font-size: 26px;
}
.about .left .leftCon .titp{
font-size: 26px;
}
.one-con .title>:nth-child(1){
font-size: 26px;
}
.questionAnswer>div{
width: 47%;
}
.music-life .list .text .title-name{
font-size: 16px;
line-height: 20px;
}
.music-life .list .text .english-name{
font-size: 14px;
line-height: 18px;
}
.music-famousTeacher .list{
width: 47%;
}
.music-city .list{
width: 100%;
}
.music-advantages .list{
width: 47%;
margin-bottom: 20px;
}
.contact-SID .list{
width: 100%;
}
.contact-SID{
display: block;
}
.SID-campus .list{
width: 50%;
}
.SID-about-con .list{
height: 150px;
}
.SID-her-con {
width: 300px;
height: 223px;
padding-top: 13px;
}
.SID-about-con .pdrl{
padding-right: 26px;
padding-left: 26px;
}
.SID-about-con .list-date{
height: 100%;
width: 40%;
font-size: 20px;
}
.SID-about-con .list .text{
padding-left: 18px;
}
.SID-her {
padding-top: 58px;
}
.SID-swiper-container .SID-her .title-name{
font-size: 30px;
}
.SID-swiper-container .SID-her .SID-her-address{
width: 80%;
}
.SID-swiper-container .SID-her .text{
margin-bottom: 21px;
}
.undergraduate-immigration .left-swiper-container{
width: 100%;
}
.undergraduate-immigration .right{
padding-top: 20px;
padding-bottom: 20px;
}
.undergraduate-immigration{
display: block;
}
.undergraduate-professional .list{
width: 50%;height: auto;
}
.educational .list{
width: 80%;
margin: auto;
margin-bottom: 30px;
}
.educational{
display: block;
text-align: center;
}
.prep-con .list .prep-con-img{
width: 80%;
}
.aps-mentor{
display: block;
}
.aps-problem .list{
width: 47%;
margin-bottom: 3%;
}
.aps-problem .list .text .p{
padding-left: 8px;
}
.aps-problem .list .text{
font-size: 16px;
padding-right: 10px;
}
.aps-one .left{
width: 90%;
}
.titcon .text{
width: 80%;
}
.school-apply-tit .one .text{
top: 25%;
top: 30px;
}
.school-apply-tit .one{
width: 300px;
@ -5549,7 +6121,7 @@
}
.media-main .title {
margin: 0px;
margin: 20px;
}
.latest-top .text {
@ -5659,7 +6231,7 @@
}
@media screen and (max-width:668px) {
.school-apply-tit .one .text{
top: 27%;
top: 20px;
}
.school-apply-tit .one{
width: 250px;
@ -5678,9 +6250,22 @@
font-size: 16px;
}
}
@media screen and (max-width:568px) {
.search-con .list-con .list{
width: 47%;
margin-right: 3%;
}
.SID-impact .right{
padding-right: 20px;
padding-left: 20px;
}
.aps-mentor-con .list{
width: 100%;
margin-right: 0px;
}
.school-apply-tit .one .text{
top: 12%;
top: 15px;
}
.school-apply-tit .one{
width: 200px;
@ -5699,12 +6284,96 @@
}
}
@media screen and (max-width:480px) {
.questionAnswer>div{
width: 100%;
}
.music-life>:nth-child(1)>:nth-child(3){
display: none;
}
.music-life>:nth-child(2n)>:nth-child(1){
display: none;
}
.music-life>:nth-child(3n)>:nth-child(3){
display: none;
}
.music-famousTeacher .list{
width: 100%;
margin-right: 0px;
}
.music-advantages .list{
width: 100%;
margin-right: 0px;
}
.SID-campus .list{
width: 100%;
}
.SID-about-con .list{
width: 100%;
margin-top: 20px;
}
.SID-her{
padding-top: 18px;
}
.SID-swiper-container .SID-her .SID-her-address .one{
height: 30px;
line-height: 30px;
font-size: 20px;
}
.SID-her-con{
height: 180px;
}
.SID-swiper-container .SID-her .SID-her-address .two{
height: 30px;
line-height: 30px;
font-size: 20px;
}
.undergraduate-professional .list{
width: 100%;height: auto;
margin-bottom: 20px;
}
.educational .list{
width: 100%;
margin: auto;
margin-bottom: 30px;
}
.degree-pd160{
padding-top: 30px;
padding-bottom: 30px;
}
.aps-statistical .list .subtitle {
font-size: 36px;
line-height: 36px;
}
.aps-statistical .list .text{
font-size: 16px;
}
.aps-statistical .list {
width: 161px;
height: 161px;
padding-top: 30px;
}
.aps-problem .list{
width: 100%;
margin-right: 0px;
}
.school-apply-tit .two .text{
font-size: 14px;
}
.aps-statistical>:nth-child(4){
padding-top: 44px;
}
.aps-statistical>:nth-child(3){
padding-top: 44px;
}
.aps-statistical>:nth-child(2){
padding-top: 44px;
}
.school-apply-tit .one .text{
top: 6%;
top: 10px;
font-size: 14px;
}
.school-apply-tit .one{
@ -5898,7 +6567,11 @@
}
}
@media screen and (max-width:365px) {
@media screen and (max-width:380px) {
.search-con .list-con .list{
width: 100%;
margin-right: 0%;
}
.school-professional .list{
width: 47%;
}

View File

@ -26,24 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a class="on" href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
@ -52,8 +75,8 @@
<div class="studyAbroad-top" style="background-image: url(/imgs/APSBER.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con">
<p class="fs80" class="titp">APS同专业辅导</p>
<p class="fs40" class="text">超40+专业覆盖</p>
<p class="titp fs80">APS同专业辅导</p>
<p class="text fs40">超40+专业覆盖</p>
</div>
</div>
@ -100,7 +123,7 @@
<div class="text">
<p class="icon">?</p>
<p class="p">APS的<span>审核范围</span>如何确定?</p>
<p class="p clips2">APS的<span>审核范围</span>如何确定?</p>
</div>
</div>
<div class="list">
@ -110,7 +133,7 @@
<div class="text">
<p class="icon">?</p>
<p class="p">APS的<span>审核范围</span>如何确定?</p>
<p class="p clips2">APS的<span>审核范围</span>如何确定?</p>
</div>
</div>
<div class="list">
@ -120,7 +143,7 @@
<div class="text">
<p class="icon">?</p>
<p class="p">APS的<span>审核范围</span>如何确定?</p>
<p class="p clips2">APS的<span>审核范围</span>如何确定?</p>
</div>
</div>
</div>
@ -182,7 +205,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -193,7 +216,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -204,7 +227,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -215,7 +238,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -226,7 +249,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -237,7 +260,7 @@
<div class="list">
<div class="list-img">
<img class="imgW" src="" alt="">
<img class="zt" src="/imgs/public/zt.png" alt="">
<div class="suspended"> <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
</div>
<div class="text">
<p class="subtitle">Shi</p>
@ -287,7 +310,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -305,7 +328,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -318,6 +341,7 @@
<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>
@ -350,8 +374,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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());

View File

@ -27,28 +27,51 @@
<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="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li "><a href="/htmls/media.html">媒体</a></li>
<li class="li on"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/search.html">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="SID-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="SID-her" style="background-image: url(/imgs/ber.png);">
<div class="SID-her top-height" style="background-image: url(/imgs/ber.png);">
<div class="SID-her-con ">
<p class="title-name"><span>SID</span>始于德国</p>
<p class="text">Studium In Deutschland,2014</p>
@ -86,9 +109,9 @@
<div class="w1236">
<div class="SID-about-tit">
<p class="title-name">关于SID</p>
<p class="text">Studium In Deutschland简称SID寓意着在德深造。
<p class="text clips2">Studium In Deutschland简称SID寓意着在德深造。
</p>
<p class="text">由来自德国名校Karlsruhe Institut für Technologie卡尔斯鲁厄理工学院优秀校友们于2014年在大学创立的国际教育机构致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
<p class="text clips3">由来自德国名校Karlsruhe Institut für Technologie卡尔斯鲁厄理工学院优秀校友们于2014年在大学创立的国际教育机构致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
</div>
<div class="SID-about-con">
@ -137,31 +160,35 @@
<div class="right">
<div class="rightCon">
<p class="titp">网络综合影响力</p>
<p class="text">SID从2015年起坚持每个工作日发布原创文章内容涵盖APS准 备、德国大学政策与录取标准、开户签证经验德国留学生活分享等迄今为止已原创超过900篇高质量文章。</p>
<p class="text"> 随后SID开设了知乎、Bilibili、微博、CCtalk等多平台账户通过问答和视频的形式帮助更多对德国留学有兴趣的用户群体。</p>
<p class="text clips3">SID从2015年起坚持每个工作日发布原创文章内容涵盖APS准 备、德国大学政策与录取标准、开户签证经验德国留学生活分享等迄今为止已原创超过900篇高质量文章。</p>
<p class="text clips3"> 随后SID开设了知乎、Bilibili、微博、CCtalk等多平台账户通过问答和视频的形式帮助更多对德国留学有兴趣的用户群体。</p>
<a href="">
<div class="zf tb">
<div><img src="/imgs/zh.png" alt=""></div> <span>知乎</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
<a href="">
<div class="wb tb">
<div><img src="/imgs/wb.png" alt=""></div> <span>微博</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
<a href="">
<div class="wx tb">
<div><img src="/imgs/wx.png" alt=""></div> <span>微信公众号</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
<a href="">
<div class="bl tb">
<div><img src="/imgs/bl.png" alt=""></div> <span>Bilibili</span>
</div>
<img src="/imgs/zjt.png" alt="">
<img class="img-one" src="/imgs/zjt.png" alt="">
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
</a>
</div>
@ -253,11 +280,11 @@
<p class="title-name">丰富多彩的
</p>
<p class="title-name">线下活动现场</p>
<p class="text">SID在积极举行大学内的分享会外还举行了各种类型的线下活动加深和同学、家长以及行业老师的联系。
<p class="text clips3">SID在积极举行大学内的分享会外还举行了各种类型的线下活动加深和同学、家长以及行业老师的联系。
</p>
<p class="text">在2019年的圣诞活动里参加人数超过50位大家在欢声笑语中分享获得礼物的喜悦。
<p class="text clips4">在2019年的圣诞活动里参加人数超过50位大家在欢声笑语中分享获得礼物的喜悦。
除此以外SID还举行了面向留学行业内老师的国际教育交流会旨在促进各方交流交流最新留学政策在相互学习中以便向客户提供更好的服务。</p>
</div>
</div>
@ -279,7 +306,7 @@
<p class="title mt160">SID的合作伙伴</p>
<div class="cooperation w1236">
<div class="one">
<img src="/imgs/ha.png" alt="">
<img class="imgW" src="/imgs/ha.png" alt="">
</div>
<div class="listCon">
<div class="list">
@ -424,7 +451,7 @@
<div class="text">
<div class="p">
<p>地址:</p>
<p>四川·成都·武侯区星狮路511号大合仓A405乘坐3号线-川藏立交站直达</p>
<p class="clips2">四川·成都·武侯区星狮路511号大合仓A405乘坐3号线-川藏立交站直达</p>
</div>
<div class="p">
<p>电话:</p>
@ -433,13 +460,13 @@
<div class="list-wx">
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img src="/imgs/public/erm.png" class="" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img src="/imgs/public/erm.png" class="" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
@ -454,7 +481,7 @@
<div class="text">
<div class="p">
<p>地址:</p>
<p>四川·成都·武侯区星狮路511号大合仓A405乘坐3号线-川藏立交站直达</p>
<p class="clips2">四川·成都·武侯区星狮路511号大合仓A405乘坐3号线-川藏立交站直达</p>
</div>
<div class="p">
<p>电话:</p>
@ -463,13 +490,13 @@
<div class="list-wx">
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img class="imgW" src="/imgs/public/erm.png" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
<div class="list-con">
<div class="list-wx-img">
<img src="/imgs/public/erm.png" alt="">
<img class="imgW" src="/imgs/public/erm.png" alt="">
</div>
<p class="list-wx-text">魏老师</p>
</div>
@ -482,7 +509,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -500,7 +527,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -546,7 +573,29 @@
<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>
$(".int input").on("input", () => {
$(".int img").css("display", "none")

View File

@ -24,29 +24,55 @@
</head>
<body>
<!-- 头部导航 -->
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a href="./undergraduate.html">本科</a><a class="on" href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
<a href="/">全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a
href="./undergraduate.html">本科</a><a class="on" href="./degree.html">硕士</a><a
href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
</div>
</div>
@ -193,7 +219,7 @@
</div>
<div class="w1236 degree-pd160">
<div class="w1236 degree-pd160 overflow-hidden">
<div class="titcon">
<p class="titp">德国名校录取展示</p>
<p class="text">包含德国精英大学及德国TU9大学专业覆盖广泛</p>
@ -257,7 +283,7 @@
</div>
</div>
<div class="degree-ber">
<div class="degree-ber overflow-hidden">
<div class="w1236 degree-pd160">
<div class="titcon">
<p class="titp">德国留学,处处无忧</p>
@ -297,8 +323,7 @@
</div>
</div>
</div>
<div class="degree-plan w1236 degree-pd160">
<div class="degree-plan w1236 degree-pd160 overflow-hidden">
<p class="titp">硕士精英计划 项目总览</p>
@ -372,12 +397,10 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -395,7 +418,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -408,6 +431,7 @@
<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>
@ -440,7 +464,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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>
var mySwiper = new Swiper('.media-swiper-container', {

View File

@ -26,24 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a class="on" href="./highSchool.html">德国高中</a><a 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>
@ -390,27 +413,27 @@
<div class="school-apply-con school-apply-conClicka">
<div class="list">
<p class="titp">STEP1</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP4</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP2</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP5</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp">STEP3</p>
<p class="text">根据学生和家长的意愿选校、定校</p>
<p class="text clips1">根据学生和家长的意愿选校、定校</p>
</div>
<div class="list">
<p class="titp onBer">STEP6</p>
<p class="text">入读9年级初三或10年级高一</p>
<p class="text clips1">入读9年级初三或10年级高一</p>
</div>
</div>
@ -518,7 +541,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -536,7 +559,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -549,6 +572,7 @@
<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>
@ -581,7 +605,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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) => {

View File

@ -26,24 +26,47 @@
<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="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="link w1236">
<div class="link-title">
<a href=""><img src="/imgs/public/ind.png" alt="">首页</a>><a href="">友情链接</a>

View File

@ -26,27 +26,51 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li on"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a 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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="" class="on">最新</a><a href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
<a href="/htmls/media.html" class="on">最新</a><a href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/mber.png" alt="">
</div>
@ -258,7 +282,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -276,7 +300,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -322,8 +346,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项

View File

@ -1,260 +0,0 @@
<!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">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="media-top">
<div class="media-nav">
<a href="">最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<img class="mohu" src="/imgs/public/zhber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">知乎问答</p>
<p class="text">上知乎向SID留学提问解决你的留德疑惑</p>
</div>
<div class="nav-A">
<a href="">首页</a>><a href="">媒体</a>><a>知乎问答</a>
</div>
<div class="mediaVideo">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="text">德国留学必看2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
<div class="questionAnswer w1236">
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list" style="height: 300px;">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试最终季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <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="" 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>
<!-- hover 首页 -->
<script>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
</script>
</body>
</html>

View File

@ -24,29 +24,51 @@
</head>
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li on"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="" >最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
<a href="/htmls/media.html" >最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/public/articleBer.png" alt="">
</div>
@ -141,7 +163,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -159,7 +181,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -205,8 +227,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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>
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项

View File

@ -26,27 +26,51 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li on"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li "><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li on"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a 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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="" >最新</a><a class="on" href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
<a href="/htmls/media.html" >最新</a><a class="on" href="./mediaVideo.html">视频</a><a href="./mediaArticle.html">文章</a>
</div>
<img src="/imgs/public/videoBer.png" alt="">
</div>
@ -82,7 +106,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -91,7 +115,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -101,7 +125,7 @@
<img src="" class="imgW" alt="">
<div>
<p class="date">2021-10-10</p>
<p class="text">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
<p class="text clips2">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
</div>
</div>
<div class="list">
@ -109,7 +133,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -120,7 +144,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>
@ -129,7 +153,7 @@
<img class="imgW" src="/imgs/public/1.png" alt="">
</div>
<div class="list-text">
<p class="text">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="text clips3">德国留学必看2021德国WIWO高校排名【快速版】</p>
<p class="date">2021-10-10</p>
</div>
</div>

284
htmls/mediaZhihu.html Normal file
View File

@ -0,0 +1,284 @@
<!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 "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</a>
<a 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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="">最新</a><a href="./mediaVideo.html">视频</a><a class="on" href="./mediaArticle.html">文章</a>
</div>
<img class="mohu" src="/imgs/public/zhber.png" alt="">
</div>
<div class="media-main w1236">
<div class="media-tit">
<p class="titp">知乎问答</p>
<p class="text">上知乎向SID留学提问解决你的留德疑惑</p>
</div>
<div class="nav-A">
<a href="">首页</a>><a href="">媒体</a>><a>知乎问答</a>
</div>
<div class="mediaVideo">
<div class="media-swiper-con">
<img class="imgW" src="/imgs/public/mbera.png" alt="">
<div>
<p class="text">德国留学必看2021德国WIWO高校排名</p>
<p class="text">【快速版】</p>
</div>
</div>
</div>
<div class="questionAnswer w1236">
<div class="one">
<div class="list">
<p class="title-name">非211本科已学满两学期如何准备申请德国本科?</p>
<div class="text">
<p>答:</p>
<p class="clips5">
1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主..</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>
</div>
<div class="two">
</div>
<div class="three">
</div>
</div>
</div>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <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="" 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>
<!-- hover 首页 -->
<script>
let arrdata = [
[
{ name: "非211本科已学满两学期如何准备申请德国本科", text: "1、无论是APS的都是获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学准备申请德国本科", text: "1、无论是APS面审还是Testa冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学请德国本科", text: "1、无论是APS面季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满两学期如德国本科", text: "1、无论冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满两申请德国本科", text: "1、无论是APS面审还入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已期如何准备申请德国本科", text: "1、无论是APS面2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科准备申请德国本科", text: "1、无论是APS面审还是Testas的有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满两学期如何准备申请德国本科", text: "1、无论是APS面审还是德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
],
[
{ name: "非211本科何准备申请德国本科", text: "1、无论是APS面审还是TeAPS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满两学请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满两学期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满两学申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都是获入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都是冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都是获得APS证季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学满两学期请德国本科", text: "1、无论是APS面审还是Testas获得APS证书。2、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
],
[
{ name: "非211本科如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已德国本科", text: "1、无论是APS面审还是Testas的笔试最终有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已学本科", text: "1、无论是APS面审还是Testas的笔试最终目的都是获得APS证夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都是获得A学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本科已请德国本科", text: "1、无论是APS面审还是Testas的笔试最终入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的都是获得APS证书。2、德国入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本学满两学期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
{ name: "非211本学期如何准备申请德国本科", text: "1、无论是APS面审还是Testas的笔试最终目的、德国大学只有冬季入学和夏季入学夏季学期本科入学的学校和专业特别稀有也可以说几乎没有看题主.." },
],
]
let oneData = arrdata[0].map((v) => ` <div class="list">
<p class="title-name">${v.name}</p>
<div class="text">
<p>答:</p>
<p class="clips5">
${v.name}
</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>`).join("")
let twoData = arrdata[1].map((v) => ` <div class="list">
<p class="title-name">${v.name}</p>
<div class="text">
<p>答:</p>
<p class="clips5">
${v.name}
</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>`).join("")
let threeData = arrdata[2].map((v) => ` <div class="list">
<p class="title-name">${v.name}</p>
<div class="text">
<p>答:</p>
<p class="clips5">
${v.name}
</p>
</div>
<div class="button">
<a href="">查看全部</a>
</div>
</div>`).join("")
$(".questionAnswer .one").html(`${oneData}`)
$(".questionAnswer .two").html(`${twoData}`)
$(".questionAnswer .three").html(`${threeData}`)
var mySwiper = new Swiper('.media-swiper-container', {
loop: true, // 循环模式选项
pagination: {
el: '.media-swiper-pagination',
},
})
$(".questionAnswer")
</script>
</body>
</html>

View File

@ -26,23 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a 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
}
})
</script>
<div class="media-top">
<div class="media-nav">
@ -53,8 +77,8 @@
<div class="studyAbroad-top" style="background-image: url(/imgs/public/mubicBer.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con">
<p class="fs80" class="titp">德国音乐留学</p>
<p class="fs40" class="text">德国音乐导师全程亲授指导</p>
<p class="titp fs80">德国音乐留学</p>
<p class="text fs40">德国音乐导师全程亲授指导</p>
</div>
</div>
@ -118,7 +142,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -132,7 +156,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -146,7 +170,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -161,7 +185,7 @@
<div class="text">
<p class="title-name">ASK柏林艺术学院</p>
<p class="english-name">Akademie für Künste ASK Berlin</p>
<p class="p">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
<p class="p clips4">本校坐落于柏林市中心舍恩贝格,院以过硬的教学质量和极高的名校升学率赢得了世界性声誉。学院涵盖音乐、美术、设计等专业类别,是目前德国艺术门类最全、规模最大,拥有世界级师资力量的艺术预科学院。</p>
</div>
@ -169,7 +193,8 @@
</div>
</div>
</div>
<div class="w1236 degree-pd160">
<div class="w1236 degree-pd160 overflow-hidden">
<div class="music-tit">
<p class="title-name">德国音乐名师针对性指导
@ -300,10 +325,10 @@
<div class="music-dual-track">
<div class="list">
<img src="/imgs/public/sleft.png" alt="">
<img class="imgW" src="/imgs/public/sleft.png" alt="">
</div>
<div class="list">
<img src="/imgs/public/sright.png" alt="">
<img class="imgW" src="/imgs/public/sright.png" alt="">
</div>
</div>
</div>
@ -383,9 +408,9 @@
<p class="title-name">
TELC和歌德学院
德语等级证书</p>
<p class="P">在结束对应学时的语言学习后, </p>
<p class="P">学生可直接报名参与TELC和歌德学院提供的考试,</p>
<p class="P">考试通过后将获得对应等级的证书</p>
<p class="P clips2">在结束对应学时的语言学习后, </p>
<p class="P clips2">学生可直接报名参与TELC和歌德学院提供的考试,</p>
<p class="P clips2">考试通过后将获得对应等级的证书</p>
</div>
<div class="list">
@ -403,9 +428,9 @@
<p class="title-name">
教授推荐信与保底校入学
</p>
<p class="P">授课教授可为学生出具介绍信, 学生可申请德国所有公立大学。 若未通过入学测试。
<p class="P clips2">授课教授可为学生出具介绍信, 学生可申请德国所有公立大学。 若未通过入学测试。
</p>
<p class="P">可申请录取私立音乐学院或立陶宛公立音乐学院、瑞士国立音乐学院, 利用就读期间继续备考德国公立音乐学院。</p>
<p class="P clips2">可申请录取私立音乐学院或立陶宛公立音乐学院、瑞士国立音乐学院, 利用就读期间继续备考德国公立音乐学院。</p>
</div>
@ -485,7 +510,7 @@
</div>
</div>
<div class="w1236 degree-pd160">
<div class="w1236 degree-pd160 overflow-hidden">
<div class="school-tit">
<p class="titp">
@ -533,9 +558,9 @@
<p class="titp">本科朝浪计划 项目总览</p>
<div class="degree-plan-w">
<div class="degree-plan-w degree-plan-bcfff">
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon1.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon1.png" alt=""></div>
<div class="text">
<p class="titpa">01</p>
<p class="p">对话精英导师
@ -544,7 +569,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon2.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">制定更合适的
@ -554,7 +579,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon3.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon3.png" alt=""></div>
<div class="text">
<p class="titpa">03</p>
<p class="p">本科德国留学
@ -564,7 +589,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon4.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon4.png" alt=""></div>
<div class="text">
<p class="titpa">04</p>
<p class="p">优化文书
@ -574,7 +599,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon5.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
@ -615,7 +640,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -633,7 +658,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -646,6 +671,7 @@
<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>
@ -678,8 +704,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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());

View File

@ -26,23 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a 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
}
})
</script>
<div class="media-top">
<div class="media-nav">
@ -61,7 +85,7 @@
<div class="prep-con">
<div class="list">
<p class="title-name">标题</p>
<p class="text">这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍。</p>
<p class="text clips3">这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍这是一段文字介绍。</p>
<div class="prep-con-img">
<img src="" class="imgW" alt="">
@ -83,7 +107,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -101,7 +125,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -114,6 +138,7 @@
<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>
@ -146,8 +171,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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());

View File

@ -34,9 +34,9 @@
<li class="li"><a href="">SID</a></li>
</ul>
<div class="int-con">
<div class="int-con search-int">
<div class="int">
<img src="/imgs/public/ss.png" alt="">
<img src="/imgs/sess.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
@ -56,7 +56,7 @@
<div class="search-con">
<p class="title-name">共找到<span>0篇</span>相关结果</p>
<div class="none">
<div class="none" style="display: none;">
<div class="none-con">
<p>建议您更换关键词后再搜索</p>
<img src="/imgs/public/wnr.png" alt="">
@ -69,7 +69,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -81,7 +81,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -93,7 +93,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
关键词A文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -105,7 +105,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -118,7 +118,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>
@ -130,7 +130,7 @@
<img src="" class="imgW" alt="">
</div>
<div class="text">
<p class="p">
<p class="p clips4">
<span> 关键词A</span>文章标题这里写文章标题这里写文章标题这里写文章标题这里写文章标题-
</p>
<p class="date">2021-10-10</p>

View File

@ -26,27 +26,50 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a >留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" class="on">全部</a><a href="./highSchool.html">德国高中</a><a 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>
<a href="/htmls/studyAbroad.html" class="on">全部</a><a href="./highSchool.html">德国高中</a><a 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>
@ -203,11 +226,10 @@
})
</script>
<footer class="footer mt160">
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -225,7 +247,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -271,7 +293,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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>
var mySwiper = new Swiper('.media-swiper-container', {

View File

@ -24,26 +24,50 @@
</head>
<body>
<!-- 头部导航 -->
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li "><a href="">首页</a></li>
<li class="li on"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li "><a href="/">首页</a></li>
<li class="li on"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<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
}
})
</script>
<div class="media-top">
<div class="media-nav">
<a href="/" >全部</a><a href="./highSchool.html">德国高中</a><a href="./prep.html">预科</a><a class="on" href="./undergraduate.html">本科</a><a href="./degree.html" >硕士</a><a href="./APS.html">APS审核</a><a href="./music.html">德国音乐</a>
@ -53,8 +77,8 @@
<div class="studyAbroad-top" style="background-image: url(/imgs/public/benkelun.png); margin-bottom: 0px;">
<div class="w1236 studyAbroad-top-con">
<p class="fs80" class="titp">本科朝浪计划</p>
<p class="fs40" class="text">稳步规划你的德国留学之路</p>
<p class="titp fs80">本科朝浪计划</p>
<p class="text fs40">稳步规划你的德国留学之路</p>
</div>
</div>
@ -63,7 +87,7 @@
<p class="titp">高考成绩525分
</p>
<p class="titp">可直申QS前200的德国名校</p>
<p class="text">2019年德国教育部首次认可中国高考成绩并批准高中毕业生在高考分数达到高考总成绩70%525/750的情况下认定其具备直接申请德国本科的资格。</p>
<p class="text clips3">2019年德国教育部首次认可中国高考成绩并批准高中毕业生在高考分数达到高考总成绩70%525/750的情况下认定其具备直接申请德国本科的资格。</p>
</div>
<div class="undergraduate-results">
@ -86,33 +110,35 @@
<div class="educational w1236">
<div class="list">
<div>
<img src="/imgs/public/lx1.png" alt="">
<div class="list-img">
<img class="imgW" src="/imgs/public/lx1.png" alt="">
</div>
<div class="text">
<p class="title-name">学制时间短</p>
<p class="p icon">本科主要为6学期即3年</p>
<p class="p icon">硕士主要为4学期即2年</p>
<p class="title-name clips1">学制时间短</p>
<p class="p icon clips1">本科主要为6学期即3年</p>
<p class="p icon clips1">硕士主要为4学期即2年</p>
</div>
</div>
<div class="list on">
<div>
<img src="/imgs/public/lx2.png" alt="">
<div class="list-img">
<img class="imgW" src="/imgs/public/lx2.png" alt="">
</div>
<div class="text">
<p class="title-name">公立教育免学费</p>
<p class="p">德国是全球为数不多教育非产业化的高福利发达国家。
<p class="title-name clips1">公立教育免学费</p>
<p class="p clips2">德国是全球为数不多教育非产业化的高福利发达国家。
</p>
<p class="p">外国学生享受着和德国本国学生相同免学费的高品质高等教育。</p>
<p class="p clips3">外国学生享受着和德国本国学生相同免学费的高品质高等教育。</p>
</div>
</div>
<div class="list">
<div>
<img src="/imgs/public/lx3.png" alt="">
<div class="list-img">
<img class="imgW" src="/imgs/public/lx3.png" alt="">
</div>
<div class="text">
<p class="title-name">世界顶级的高校教育资源</p>
<p class="p">TU9工科大学联盟和精英大学集群均登陆QS全球高校排名前200。</p>
<p class="title-name clips1">世界顶级的高校教育资源</p>
<p class="p clips2">TU9工科大学联盟和精英大学集群均登陆QS全球高校排名前200。</p>
</div>
</div>
</div>
@ -128,27 +154,27 @@
</div>
<div class="undergraduate-professional">
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
<div class="list">
<img src="/imgs/public/zy1.png" alt="">
<img class="imgW" src="/imgs/public/zy1.png" alt="">
<p class="text">金融类</p>
</div>
</div>
@ -376,7 +402,7 @@
</div>
</div>
<div class="w1236 degree-pd160">
<div class="w1236 degree-pd160 overflow-hidden" >
<div class="school-tit">
<p class="titp">
@ -426,9 +452,9 @@
<p class="titp">本科朝浪计划 项目总览</p>
<div class="degree-plan-w">
<div class="degree-plan-w degree-plan-bcfff">
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon1.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon1.png" alt=""></div>
<div class="text">
<p class="titpa">01</p>
<p class="p">对话精英导师
@ -437,7 +463,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon2.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon2.png" alt=""></div>
<div class="text">
<p class="titpa">02</p>
<p class="p">制定更合适的
@ -447,7 +473,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon3.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon3.png" alt=""></div>
<div class="text">
<p class="titpa">03</p>
<p class="p">本科德国留学
@ -457,7 +483,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon4.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon4.png" alt=""></div>
<div class="text">
<p class="titpa">04</p>
<p class="p">优化文书
@ -467,7 +493,7 @@
</div>
</div>
<div class="list">
<div class="list-img"><img src="/imgs/public/bkicon5.png" alt=""></div>
<div class="list-img"><img class="imgW" src="/imgs/public/bkicon5.png" alt=""></div>
<div class="text">
<p class="titpa">05</p>
<p class="p">申请前后
@ -491,7 +517,6 @@
</a>
</div>
<script>
var mySwiper = new Swiper('.left-swiper-container', {
loop: true, // 循环模式选项
@ -504,11 +529,10 @@
})
</script>
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>
@ -526,7 +550,7 @@
</div>
<div class="one">
<a href="" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
<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>
@ -539,6 +563,7 @@
<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>
@ -571,7 +596,29 @@
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
</footer>
<!-- hover 首页 -->
<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) => {

BIN
imgs/sess.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

@ -14,7 +14,8 @@
<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" />
<link rel="shortc
ut 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" />
@ -26,6 +27,7 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li on"><a href="/">首页</a></li>
@ -35,10 +37,10 @@
</ul>
<div class="int-con">
<div class="int">
<a class="int" href="/htmls/search.html">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
@ -48,8 +50,24 @@
<p></p>
</div>
</nav>
</header>
</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
}
})
</script>
<div class="index-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -78,14 +96,12 @@
<script>
var mySwiper = new Swiper('.index-swiper-container', {
loop: true, // 循环模式选项
})
</script>
<div class="one-con w1236">
<div class="title">
<p>最新动态</p>
<a href="">全部 ><img src="" alt=""></a>
<a href="./htmls/media.html">全部 ><img src="" alt=""></a>
</div>
<div class="dynamic">
@ -118,7 +134,7 @@
</div>
<div class="title">
<p>视频</p>
<a href="">全部 ><img src="" alt=""></a>
<a href="./htmls/mediaVideo.html">全部 ><img src="" alt=""></a>
</div>
<div class="video-con">
<div class="list">
@ -412,7 +428,7 @@
<footer class="footer">
<div class="list-con">
<div class="ul w1236">
<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> <a class="li" href="">友情链接</a>
<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>