diff --git a/css/base.css b/css/base.css
index 6367d62..6746a97 100644
--- a/css/base.css
+++ b/css/base.css
@@ -51,9 +51,9 @@ a {
 	/* 去除边距 */
 	display: inline-block;
 }
-a:hover {
+/* a:hover {
 	color: #c81623;
-}
+} */
 /* 禁用长按时弹出的菜单 */
 img , a {
 	-webkit-touch-callout: none;
diff --git a/css/style.css b/css/style.css
index 729eaf6..5e7f25e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -19,6 +19,7 @@
     width: 100%;
     background-color: #F5F5F5;
     height: 106px;
+    position: relative;
 }
 
 .header .nav {
@@ -194,12 +195,14 @@
 
 .dynamic .right {
     text-align: right;
+    flex: 1;
 }
 
 .dynamic .right a {
     display: inline-block;
     position: relative;
     text-align: left;
+    overflow: hidden;
     width: 388px;
     height: 218px;
 }
@@ -453,6 +456,7 @@
     padding-right: 26px;
     box-sizing: border-box;
     align-items: center;
+    padding: 3px 5px;
     margin-top: 31px;
     justify-content: space-between;
 }
@@ -602,6 +606,7 @@
 .cooperation .listCon {
     display: flex;
     flex-wrap: wrap;
+    flex: 1;
 }
 
 .cooperation .listCon .list {
@@ -645,7 +650,6 @@
 
 .contact .contact-con .text {
     width: 1024px;
-    height: 56px;
     margin-top: 15px;
     font-size: 18px;
     font-family: Microsoft YaHei;
@@ -712,7 +716,7 @@
 }
 
 .team-con .list-con .list .imgTit {
-    width: 282px;
+    width: 100%;
     height: 282px;
     border-radius: 50%;
     margin-bottom: 28px;
@@ -1139,13 +1143,13 @@
 }
 
 .media-video .media-video-w .list .list-img {
-    width: 282px;
+    width: 100%;
     height: 158px;
     overflow: hidden;
 }
 
 .media-video .media-video-w .list .list-text {
-    width: 282px;
+    width: 100%;
     height: 179px;
     background: #F4F4F5;
     opacity: 1;
@@ -1181,12 +1185,11 @@
 }
 
 .latest-top {
-    width: 1236px;
     height: 400px;
     background: rgba(0, 0, 0, 0);
     opacity: 1;
     background-image: url("/imgs/public/zx.png");
-    background-size: 100%;
+    background-size: auto 100%;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -1232,6 +1235,8 @@
 
 .latest-con {
     width: 100%;
+    overflow: hidden;
+
 }
 
 
@@ -1244,7 +1249,7 @@
 }
 
 .latest-con .list .list-img {
-    width: 282px;
+    width: 100%;
     height: 158px;
     overflow: hidden;
 
@@ -1252,7 +1257,7 @@
 }
 
 .latest-con .list .list-text {
-    width: 282px;
+    width: 100%;
     height: 179px;
     background: #F4F4F5;
     opacity: 1;
@@ -1290,6 +1295,7 @@
     height: 337px;
     background: #9B9B9B;
     opacity: 1;
+    margin-bottom: 36px;
     position: relative;
 }
 
@@ -1301,6 +1307,7 @@
     padding-top: 7px;
     box-sizing: border-box;
     height: 124px;
+    padding-right: 28px;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
 }
 
@@ -1356,7 +1363,6 @@
 
 .studyAbroad-guide {
     display: flex;
-    height: 727px;
     width: 100%;
 }
 
@@ -1367,7 +1373,6 @@
 }
 
 .studyAbroad-guide .right {
-    height: 100%;
     flex: 1;
 
     background: #2D2D2D;
@@ -1453,7 +1458,7 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    background-size: 100%;
+    background-size: auto 100%;
 }
 
 .studyAbroad-advertising-con .titp {
@@ -1497,6 +1502,7 @@
 .studyAbroad-choose .text {
     width: 672px;
     font-size: 18px;
+    text-align: center;
     font-family: Microsoft YaHei;
     font-weight: 400;
     line-height: 32px;
@@ -1545,7 +1551,7 @@
     font-size: 36px;
     font-family: Microsoft YaHei;
     font-weight: bold;
-    line-height: 47px;
+    line-height: 68px;
     color: #FFFFFF;
     padding-left: 100px;
     opacity: 1;
@@ -1782,9 +1788,13 @@
     height: 188px;
     background: #B5B5B5;
     position: relative;
+    display: flex;
+    align-items: center;
     opacity: 1;
 }
-
+.degree-video-con .list .list-video video{
+    width: 100%;
+}
 .degree-video-con .list .list-video img {
     position: absolute;
     top: 34%;
@@ -1897,6 +1907,7 @@
     font-family: Microsoft YaHei;
     font-weight: 400;
     line-height: 24px;
+    text-align: center;
     color: #3D3D3D;
     opacity: 1;
     margin-top: 12px;
@@ -2171,7 +2182,6 @@
 
 .school-con {
     width: 100%;
-    height: 750px;
 }
 
 .school-swiper-con {
@@ -2184,11 +2194,18 @@
     width: 106px;
     height: 106px;
     opacity: 1;
-    position: absolute;
-    left: 45%;
-    top: 45%;
+ 
+}
+.school-swiper-con .suspended {
+    position: absolute;
+    left: 0%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    top: 0%;
 }
-
 .school-swiper-pagination>span {
     display: block;
     background-color: rgba(0, 0, 0, 0);
@@ -2204,7 +2221,6 @@
 
 .school-con .text {
     flex: 1;
-    height: 100%;
     padding-top: 152px;
     box-sizing: border-box;
     padding-left: 36px;
@@ -2440,7 +2456,7 @@
 }
 
 .school-professional .list {
-    width: 282;
+    width: 282px;
     height: 430px;
     position: relative;
     overflow: hidden;
@@ -2631,180 +2647,206 @@
     flex-wrap: wrap;
 
 }
-.aps-one{
+
+.aps-one {
     display: flex;
 }
+
 .aps-one .left {
     width: 742px;
-    height:600px;
+    height: 600px;
     opacity: 1;
 
-   margin-right: 66px;
+    margin-right: 66px;
     box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
     border-radius: 16px 16px 0px 0px;
     background-size: 100%;
 }
-.aps-one .left .left-con{
+
+.aps-one .left .left-con {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     margin-top: 52px;
 }
-.aps-one .left .left-con div{
+
+.aps-one .left .left-con div {
     width: 297px;
     height: 442px;
     overflow: hidden;
 
 }
-.aps-one .aps-one-tit{
-    width: 100%;
-height: 47px;
-background: #3D3D3D;
-border: 1px solid #707070;
-opacity: 1;
-border-radius: 16px 16px 0px 0px;
 
-display: flex;
-align-items: center;
-padding-left: 36px;
-box-sizing: border-box;
+.aps-one .aps-one-tit {
+    width: 100%;
+    height: 47px;
+    background: #3D3D3D;
+    border: 1px solid #707070;
+    opacity: 1;
+    border-radius: 16px 16px 0px 0px;
+
+    display: flex;
+    align-items: center;
+    padding-left: 36px;
+    box-sizing: border-box;
 }
-.aps-one .aps-one-tit p{
+
+.aps-one .aps-one-tit p {
     width: 15px;
-height: 15px;
-background: #F56464;
-margin-right: 12px;
-border-radius: 50%;
-opacity: 1;
+    height: 15px;
+    background: #F56464;
+    margin-right: 12px;
+    border-radius: 50%;
+    opacity: 1;
 }
-.aps-one .aps-one-tit :nth-child(2){
+
+.aps-one .aps-one-tit :nth-child(2) {
     background: #EFC436;
 }
-.aps-one .aps-one-tit :nth-child(3){
-background: #67D563;
+
+.aps-one .aps-one-tit :nth-child(3) {
+    background: #67D563;
 }
-.aps-one .right{
+
+.aps-one .right {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
-.aps-one .right .subtitle{
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 48px;
-color: #171717;
-opacity: 1;
+
+.aps-one .right .subtitle {
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 48px;
+    color: #171717;
+    opacity: 1;
 }
-.aps-one .right .text{
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 30px;
-color: #707070;
-margin-top: 44px;
-opacity: 1;
+
+.aps-one .right .text {
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 30px;
+    color: #707070;
+    margin-top: 44px;
+    opacity: 1;
 }
-.aps-tit{
+
+.aps-tit {
     text-align: center;
-margin-bottom: 48px;
+    margin-bottom: 48px;
 
 }
-.aps-tit .subtitle{
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 48px;
-color: #171717;
-opacity: 1;
+
+.aps-tit .subtitle {
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 48px;
+    color: #171717;
+    opacity: 1;
 }
-.aps-tit .text{
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 30px;
-margin-top: 24px;
-color: #707070;
+
+.aps-tit .text {
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 30px;
+    margin-top: 24px;
+    color: #707070;
 }
-.aps-problem{
+
+.aps-problem {
     width: 103%;
     display: flex;
     flex-wrap: wrap;
 }
-.aps-problem .list{
+
+.aps-problem .list {
     width: 388px;
     margin-right: 36px;
 }
-.aps-problem .list .list-img{
+
+.aps-problem .list .list-img {
     width: 100%;
     height: 252px;
 }
-.aps-problem .list .text{
-font-size: 20px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #FFFFFF;
-display: flex;
-align-items: center;
-width: 100%;
-height: 70px;
-background: #3D3D3D;
-opacity: 1;
-opacity: 1;
+
+.aps-problem .list .text {
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 70px;
+    background: #3D3D3D;
+    opacity: 1;
+    opacity: 1;
 }
-.aps-problem .list .text .icon{
+
+.aps-problem .list .text .icon {
     width: 70px;
-height: 70px;
-text-align: center;
-line-height: 70px;
-background: #FFCD43;
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #171717;
+    height: 70px;
+    text-align: center;
+    line-height: 70px;
+    background: #FFCD43;
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #171717;
 }
-.aps-problem .list .text .p{
+
+.aps-problem .list .text .p {
     padding-left: 24px;
 }
-.aps-problem .list .text .p span{
+
+.aps-problem .list .text .p span {
     color: #FFCD43;
 }
-.aps-statistical{
-     display: flex;
-     justify-content: space-between;
+
+.aps-statistical {
+    display: flex;
+    justify-content: space-between;
 }
-.aps-statistical .list{
+
+.aps-statistical .list {
     width: 280px;
-height: 280px;
-background: #FFCD43;
-border: 15px solid #3D3D3D;
-border-radius: 50%;
-padding-top: 60px;
-opacity: 1;
+    height: 280px;
+    background: #FFCD43;
+    border: 15px solid #3D3D3D;
+    border-radius: 50%;
+    padding-top: 60px;
+    opacity: 1;
 }
-.aps-statistical .list .subtitle{
-font-size: 60px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-text-align: center;
-line-height: 80px;
-color: #171717;
-transition: all 0.3s;
-opacity: 1;
+
+.aps-statistical .list .subtitle {
+    font-size: 60px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    text-align: center;
+    line-height: 80px;
+    color: #171717;
+    transition: all 0.3s;
+    opacity: 1;
 }
-.aps-statistical .list .text{
+
+.aps-statistical .list .text {
     width: 100px;
-font-size: 20px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-text-align: center;
-margin: auto;
-line-height: 30px;
-color: #171717;
-opacity: 1;
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    text-align: center;
+    margin: auto;
+    line-height: 30px;
+    color: #171717;
+    opacity: 1;
 }
-.aps-statistical>:nth-child(2){
+
+.aps-statistical>:nth-child(2) {
     border: none;
     background-color: #fff;
     border-radius: 0px;
@@ -2812,7 +2854,8 @@ opacity: 1;
     background-image: url("/imgs/public/tj2.png");
     background-size: 100% 100%;
 }
-.aps-statistical>:nth-child(3){
+
+.aps-statistical>:nth-child(3) {
     border: none;
     background-color: #fff;
     border-radius: 0px;
@@ -2820,10 +2863,12 @@ opacity: 1;
     background-image: url("/imgs/public/tj3.png");
     background-size: 100% 100%;
 }
-.aps-statistical>:nth-child(3) .text{
-     width: 140px;
+
+.aps-statistical>:nth-child(3) .text {
+    width: 140px;
 }
-.aps-statistical>:nth-child(4){
+
+.aps-statistical>:nth-child(4) {
     border: none;
     background-color: #fff;
     border-radius: 0px;
@@ -2831,178 +2876,206 @@ opacity: 1;
     background-image: url("/imgs/public/tj3.png");
     background-size: 100% 100%;
 }
-.aps-statistical>:nth-child(4) .text{
-     width: 140px;
+
+.aps-statistical>:nth-child(4) .text {
+    width: 140px;
 }
-.aps-mentor{
+
+.aps-mentor {
     width: 100%;
     background-color: #fff;
-    
+
 }
-.aps-mentor-nav .p{
+
+.aps-mentor-nav .p {
     width: 176px;
-height: 59px;
-background: #E1E1E1;
-opacity: 1;
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 59px;
-text-align: center;
-color: #9B9B9B;
-opacity: 1;
+    height: 59px;
+    background: #E1E1E1;
+    opacity: 1;
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 59px;
+    text-align: center;
+    color: #9B9B9B;
+    opacity: 1;
 }
-.aps-mentor-nav .on{
-    
-color: #FFFFFF;
-background: #EEB20E;
+
+.aps-mentor-nav .on {
+
+    color: #FFFFFF;
+    background: #EEB20E;
 }
-.aps-mentor{
+
+.aps-mentor {
     display: flex;
     padding-bottom: 40px;
 }
-.aps-mentor-con{
-     padding: 70px 70px 0px;
+
+.aps-mentor-con {
+    padding: 70px 70px 0px;
 
 }
-.aps-mentor-con-top{
+
+.aps-mentor-con-top {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }
+
 .aps-mentor-con .list {
     width: 282px;
     margin-bottom: 36px;
 
 }
+
 .aps-mentor-con .list .list-img {
     width: 282px;
-height: 188px;
-position: relative;
-background: #CCCCCC;
-opacity: 1;
-}
-.aps-mentor-con .list .list-img .zt{
-   position: absolute;
-   left: 40%;
-   top: 40%;
-}
-.aps-mentor-con .list .text{
-    width: 100%;
-height: 136px;
-background: #F5F5F5;
-padding-top: 27px;
-box-sizing: border-box;
-opacity: 1;
-}
-.aps-mentor-con .list .text .subtitle{
-font-size: 20px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-text-align: center;
-margin-bottom: 12px;
-color: #0C0C0C;
-opacity: 1;
-}
-.aps-mentor-con .list .text .p{
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-text-align: center;
-line-height: 24px;
-color: #9B9B9B;
-opacity: 1;
+    height: 188px;
+    position: relative;
+    background: #CCCCCC;
+    opacity: 1;
 }
 
-.aps-audit{
+.aps-mentor-con .list .list-img .zt {
+    position: absolute;
+    left: 40%;
+    top: 40%;
+}
+
+.aps-mentor-con .list .text {
+    width: 100%;
+    height: 136px;
+    background: #F5F5F5;
+    padding-top: 27px;
+    box-sizing: border-box;
+    opacity: 1;
+}
+
+.aps-mentor-con .list .text .subtitle {
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    text-align: center;
+    margin-bottom: 12px;
+    color: #0C0C0C;
+    opacity: 1;
+}
+
+.aps-mentor-con .list .text .p {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    text-align: center;
+    line-height: 24px;
+    color: #9B9B9B;
+    opacity: 1;
+}
+
+.aps-audit {
     width: 1076px;
     height: 560px;
- margin: auto;
+    margin: auto;
     overflow: hidden;
     margin-top: 60px;
 }
-.aps-xq{
+
+.aps-xq {
     font-size: 18px;
 }
-.mb120{
+
+.mb120 {
     margin-bottom: 120px;
 }
-.prep-con  .list .title-name{
+
+.prep-con .list .title-name {
     color: #2597ED;
     font-size: 24px;
     font-weight: bold;
     text-align: center;
 }
-.prep-con  .list .text{
-    width: 1096px;
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 30px;
-margin: auto;
-color: #171717;
-margin-bottom: 32px;
-text-align: center;
-opacity: 1;
-}
-.prep-con  .list .prep-con-img{
-    width: 742px;
-height: 367px;
-margin: auto;
-margin-bottom: 72px;
 
-background: #DFDFDF;
-opacity: 1;
+.prep-con .list .text {
+    width: 1096px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 30px;
+    margin: auto;
+    color: #171717;
+    margin-bottom: 32px;
+    text-align: center;
+    opacity: 1;
 }
-.mediaVideo .media-swiper-con{
+
+.prep-con .list .prep-con-img {
+    width: 742px;
+    height: 367px;
+    margin: auto;
+    margin-bottom: 72px;
+
+    background: #DFDFDF;
+    opacity: 1;
+}
+
+.mediaVideo .media-swiper-con {
     height: 400px;
 }
-.mediaVideo div{
+
+.mediaVideo div {
     bottom: 51px;
 }
-.undergraduate-results{
+
+.undergraduate-results {
     height: 669px;
     width: 100%;
 }
-.educational .list{
-    width: 388px; 
+
+.educational .list {
+    width: 388px;
 }
-.educational .list .list-img{
+
+.educational .list .list-img {
     width: 100%;
     height: 260px;
 }
-.educational .list .text{
+
+.educational .list .text {
     width: 100%;
-height: 192px;
-background: #3D3D3D;
-opacity: 1;
-box-sizing: border-box;
-padding: 45px 50px 0;
-color: #fff;
+    height: 192px;
+    background: #3D3D3D;
+    opacity: 1;
+    box-sizing: border-box;
+    padding: 45px 50px 0;
+    color: #fff;
 }
-.educational .list .text .title-name{
+
+.educational .list .text .title-name {
     font-size: 24px;
     font-family: Microsoft YaHei;
     font-weight: bold;
     margin-bottom: 14px;
     opacity: 1;
 }
-.educational .list .text .p{
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-opacity: 1;
-margin-bottom: 9px;
-position: relative;
-line-height: 28px;
+
+.educational .list .text .p {
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    opacity: 1;
+    margin-bottom: 9px;
+    position: relative;
+    line-height: 28px;
 
 }
-.educational .list .text .icon{
+
+.educational .list .text .icon {
     line-height: 18px;
-padding-left: 26px;
+    padding-left: 26px;
 
 }
-.educational .list .text .icon::after{
+
+.educational .list .text .icon::after {
     width: 14px;
     height: 14px;
     background: #FFFFFF;
@@ -3014,62 +3087,70 @@ padding-left: 26px;
 }
 
 .educational .on .list-img {
-  height: 310px;  
+    height: 310px;
 }
-.educational .on .text{
+
+.educational .on .text {
     color: #000;
     height: 249px;
-    
-background: #FFCD43;
+
+    background: #FFCD43;
 }
-.educational{
+
+.educational {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
-.undergraduate-professional{
+
+.undergraduate-professional {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
 }
-.undergraduate-professional .list{
+
+.undergraduate-professional .list {
     width: 412px;
     height: 275px;
     position: relative;
     overflow: hidden;
 }
-.undergraduate-professional .text{
+
+.undergraduate-professional .text {
     position: absolute;
     width: 150px;
-height: 53px;
-background:rgba(0, 0, 0, 0.5);
-left: 24px;
-bottom: 24px;
-font-size: 24px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #FFFFFF;
-line-height: 53px;
-text-align: center;
-text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-opacity: 1;
+    height: 53px;
+    background: rgba(0, 0, 0, 0.5);
+    left: 24px;
+    bottom: 24px;
+    font-size: 24px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #FFFFFF;
+    line-height: 53px;
+    text-align: center;
+    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+    opacity: 1;
 }
-.undergraduate-professional .list:hover .text{
-    
-background: #EEB20E;
+
+.undergraduate-professional .list:hover .text {
+
+    background: #EEB20E;
 }
 
 
-.undergraduate-immigration  .left-swiper-container{
-     width: 55%;
-     height: 750px;
-     overflow: hidden;
+.undergraduate-immigration .left-swiper-container {
+    width: 55%;
+    height: 750px;
+    overflow: hidden;
     position: relative;
 }
-.undergraduate-immigration  .left-swiper-container .list-img{
-      width: 100%;
-      height: 750px;
+
+.undergraduate-immigration .left-swiper-container .list-img {
+    width: 100%;
+    height: 750px;
 }
+
 .left-swiper-pagination {
     position: absolute;
     width: 100%;
@@ -3078,137 +3159,157 @@ background: #EEB20E;
     justify-content: center;
     bottom: 48px !important;
 }
-.left-swiper-pagination span{
-    width: 15px;
-height: 15px;
-border: 1px solid #FFFFFF;
-border-radius: 50%;
-opacity: 1;
-margin: 0 8px;
 
-background-color: rgba(0, 0, 0, 0);
+.left-swiper-pagination span {
+    width: 15px;
+    height: 15px;
+    border: 1px solid #FFFFFF;
+    border-radius: 50%;
+    opacity: 1;
+    margin: 0 8px;
+
+    background-color: rgba(0, 0, 0, 0);
 }
-.left-swiper-pagination .swiper-pagination-bullet-active{
+
+.left-swiper-pagination .swiper-pagination-bullet-active {
     background-color: #fff;
 }
-.mb58{
+
+.mb58 {
     margin-bottom: 58px;
 }
-.undergraduate-immigration .right{
-     flex: 1;
-     padding-left: 60px;
-     padding-top: 195px;
-     
-background: #F4F4F5;
+
+.undergraduate-immigration .right {
+    flex: 1;
+    padding-left: 60px;
+    padding-top: 195px;
+
+    background: #F4F4F5;
 }
-.undergraduate-immigration .right .title-name{
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 47px;
-color: #0C0C0C;
-opacity: 1;
+
+.undergraduate-immigration .right .title-name {
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 47px;
+    color: #0C0C0C;
+    opacity: 1;
 }
-.undergraduate-immigration .right .text{
+
+.undergraduate-immigration .right .text {
     padding-left: 27px;
-    position: relative; 
+    position: relative;
     margin-bottom: 20px;
 }
-.undergraduate-immigration .right .text::after{
+
+.undergraduate-immigration .right .text::after {
     width: 14px;
     content: "";
     position: absolute;
     left: 0px;
     top: 8px;
-height: 14px;
-background: #FFCD43;
-opacity: 1;
+    height: 14px;
+    background: #FFCD43;
+    opacity: 1;
 }
-.undergraduate-immigration .right .text .P{
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #707070;
-opacity: 1;
+
+.undergraduate-immigration .right .text .P {
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #707070;
+    opacity: 1;
 }
-.undergraduate-immigration{
+
+.undergraduate-immigration {
     display: flex;
 }
-.degree-plan-w .list:hover{
-    
-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+
+.degree-plan-w .list:hover {
+
+    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
 }
-.bcffff{
+
+.bcffff {
     background-color: #fff;
 }
-.undergraduate  .xq span{
+
+.undergraduate .xq span {
     border: none;
-    
-color: #707070;
+
+    color: #707070;
 }
-.SID-her{
+
+.SID-her {
     width: 100%;
     height: 750px;
     padding-top: 173px;
 }
-.SID-her-con{
+
+.SID-her-con {
     width: 600px;
-height: 363px;
-background: #0C0C0C;
-padding-top: 10px;
-opacity: 1;
-margin: auto;
-padding-top: 57px;
+    height: 363px;
+    background: #0C0C0C;
+    padding-top: 10px;
+    opacity: 1;
+    margin: auto;
+    padding-top: 57px;
 }
-.SID-swiper-container{
+
+.SID-swiper-container {
     overflow: hidden;
 }
-.SID-swiper-container .SID-her .title-name{
-font-size: 72px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-text-align: center;
-color: #FFFFFF;
-opacity: 1;
+
+.SID-swiper-container .SID-her .title-name {
+    font-size: 72px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    text-align: center;
+    color: #FFFFFF;
+    opacity: 1;
 }
-.SID-swiper-container .SID-her .title-name span{
+
+.SID-swiper-container .SID-her .title-name span {
     color: #FFCD43;
 }
-.SID-swiper-container .SID-her .text{
-font-size: 22px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 29px;
-margin-bottom: 64px;
-text-align: center;
-color: #FFFFFF;
-opacity: 1;
+
+.SID-swiper-container .SID-her .text {
+    font-size: 22px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 29px;
+    margin-bottom: 64px;
+    text-align: center;
+    color: #FFFFFF;
+    opacity: 1;
 }
 
 .SID-swiper-container .SID-her .SID-her-address {
-     width: 388px;
-     height: 54px;
-     margin: auto;
-     display: flex;
+    width: 388px;
+    height: 54px;
+    margin: auto;
+    display: flex;
 }
-.SID-swiper-container .SID-her .SID-her-address .one{
-    width: 50%;
-height: 54px;
-background: #EEB20E;
-opacity: 1;
-font-size: 26px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 54px;
-text-align: center;
-color: #0C0C0C;
-opacity: 1;
-}
-.SID-swiper-container .SID-her .SID-her-address .two{
+
+.SID-swiper-container .SID-her .SID-her-address .one {
     width: 50%;
     height: 54px;
-  
-background: #FFFFFF;
+    background: #EEB20E;
+    opacity: 1;
+    font-size: 26px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 54px;
+    text-align: center;
+    color: #0C0C0C;
+    opacity: 1;
+}
+
+.SID-swiper-container .SID-her .SID-her-address .two {
+    width: 50%;
+    height: 54px;
+
+    background: #FFFFFF;
     opacity: 1;
     font-size: 26px;
     font-family: Microsoft YaHei;
@@ -3217,54 +3318,60 @@ background: #FFFFFF;
     text-align: center;
 
     color: #0C0C0C;
-   
+
     opacity: 1;
 
 }
-.SID-about{
-     position: relative;
-     padding-top: 326px;
+
+.SID-about {
+    position: relative;
+    padding-top: 326px;
 }
-.SID-about .SID-about-berImg{
-     position: absolute;
-     top: -250px;
-     right: 0px;
+
+.SID-about .SID-about-berImg {
+    position: absolute;
+    top: -250px;
+    right: 0px;
 }
-.SID-about-tit{
+
+.SID-about-tit {
     position: relative;
 }
-.SID-about-tit .title-name{
+
+.SID-about-tit .title-name {
     width: 248px;
-height: 71px;
-margin: auto;
-background: #0C0C0C;
-opacity: 1;
-text-align: center;
-line-height: 71px;
-margin-bottom: 32px;
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #FFCD43;
+    height: 71px;
+    margin: auto;
+    background: #0C0C0C;
+    opacity: 1;
+    text-align: center;
+    line-height: 71px;
+    margin-bottom: 32px;
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #FFCD43;
 }
-.SID-about-tit .text{
+
+.SID-about-tit .text {
     width: 672px;
     text-align: center;
     margin: auto;
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 32px;
-color: #000000;
-opacity: 1;
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 32px;
+    color: #000000;
+    opacity: 1;
 }
-.SID-about-con{
+
+.SID-about-con {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
 
-.SID-about-con .list{
+.SID-about-con .list {
     display: flex;
     align-items: center;
     width: 388px;
@@ -3274,60 +3381,69 @@ opacity: 1;
     position: relative;
     opacity: 1;
 }
-.SID-about-con .list-date{
+
+.SID-about-con .list-date {
     width: 176px;
-height: 230px;
-background: #EEB20E;
-opacity: 1;
-font-size: 32px;
-text-align: center;
-display: flex;
-align-items: center;
-justify-content: center;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #FFFFFF;
+    height: 230px;
+    background: #EEB20E;
+    opacity: 1;
+    font-size: 32px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #FFFFFF;
 }
-.SID-about-con .pdrl{
-    padding: 0 40px; 
+
+.SID-about-con .pdrl {
+    padding: 0 40px;
 }
-.SID-about-con .list .text{
+
+.SID-about-con .list .text {
     padding-left: 36px;
 }
-.SID-about-con .list .text .title-name{
-font-size: 23px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 22px;
-color: #0C0C0C;
-margin-bottom: 18px;
-opacity: 1;
+
+.SID-about-con .list .text .title-name {
+    font-size: 23px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 22px;
+    color: #0C0C0C;
+    margin-bottom: 18px;
+    opacity: 1;
 }
-.SID-about-con .list .text .p{
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-width: 118px;
-line-height: 24px;
-color: #0C0C0C;
-opacity: 1;
+
+.SID-about-con .list .text .p {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    width: 118px;
+    line-height: 24px;
+    color: #0C0C0C;
+    opacity: 1;
 }
-.SID-impact{
+
+.SID-impact {
     justify-content: flex-start;
     margin-bottom: 0px;
-    
+
 }
-.SID-impact .right{
+
+.SID-impact .right {
     width: 50%;
     height: auto;
     display: flex;
     padding-right: 70px;
     justify-content: flex-end
 }
-.SID-impact .left{
+
+.SID-impact .left {
     width: 50%;
 }
-.SID-tit .title-name{
+
+.SID-tit .title-name {
     font-size: 36px;
     font-family: Microsoft YaHei;
     font-weight: bold;
@@ -3336,183 +3452,212 @@ opacity: 1;
     opacity: 1;
 
 }
-.SID-tit .text{
+
+.SID-tit .text {
     width: 884px;
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 30px;
-margin: auto;
-color: #707070;
-text-align: center;
-opacity: 1;
-margin-top: 24px;
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 30px;
+    margin: auto;
+    color: #707070;
+    text-align: center;
+    opacity: 1;
+    margin-top: 24px;
 }
-.SID-campus{
+
+.SID-campus {
     display: flex;
     flex-wrap: wrap;
     margin-top: 48px;
 }
-.SID-campus .list{
-     width: 412px;
-}
-.SID-campus .list .list-img{
-    width: 100%;
-height: 275px;
-background: rgba(0, 0, 0, 0);
-opacity: 1;
-overflow: hidden;
-}
-.SID-campus .list .text{
-    width: 100%;
-height: 53px;
-background: #3D3D3D;
-opacity: 1;
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 53px;
-padding-left: 46px;
-position: relative;
 
-color: #FFFFFF;
-text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+.SID-campus .list {
+    width: 412px;
 }
-.SID-campus .list .text::after{
-content: "";
-width: 8px;
-height: 24px;
-background: #FFCD43;
-opacity: 1;
-left: 30px;
-position: absolute;
-top: 15px;
+
+.SID-campus .list .list-img {
+    width: 100%;
+    height: 275px;
+    background: rgba(0, 0, 0, 0);
+    opacity: 1;
+    overflow: hidden;
 }
-.SID-campus .list:hover .text{
+
+.SID-campus .list .text {
+    width: 100%;
+    height: 53px;
+    background: #3D3D3D;
+    opacity: 1;
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 53px;
+    padding-left: 46px;
+    position: relative;
+
+    color: #FFFFFF;
+    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+}
+
+.SID-campus .list .text::after {
+    content: "";
+    width: 8px;
+    height: 24px;
+    background: #FFCD43;
+    opacity: 1;
+    left: 30px;
+    position: absolute;
+    top: 15px;
+}
+
+.SID-campus .list:hover .text {
     font-weight: bold;
-background: #EEB20E;
+    background: #EEB20E;
 }
-.SID-scene .left{
+
+.SID-scene .left {
     width: 55%;
 }
-.scene-swiper-container{
+
+.scene-swiper-container {
     width: 100%;
     position: relative;
     overflow: hidden;
 }
-.scene-swiper-pagination{
+
+.scene-swiper-pagination {
     position: absolute;
     bottom: 48px !important;
-   width: 100%;
-   display: flex;
-   justify-content: center;
-   z-index: 2;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    z-index: 2;
 }
-.scene-swiper-pagination span{
+
+.scene-swiper-pagination span {
     width: 15px;
-height: 15px;
-border: 1px solid #FFFFFF;
-border-radius: 50%;
-background-color:rgba(0, 0, 0, 0);
-margin: 0 8px;
-opacity: 1;
+    height: 15px;
+    border: 1px solid #FFFFFF;
+    border-radius: 50%;
+    background-color: rgba(0, 0, 0, 0);
+    margin: 0 8px;
+    opacity: 1;
 }
-.scene-swiper-pagination .swiper-pagination-bullet-active{
+
+.scene-swiper-pagination .swiper-pagination-bullet-active {
     background-color: #fff;
 }
-.SID-scene .right{
+
+.SID-scene .right {
     flex: 1;
     padding-left: 60px;
     padding-top: 184px;
-    
-background: #F4F4F5;
+
+    background: #F4F4F5;
 }
-.SID-scene .right .title-name{
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #0C0C0C;
-opacity: 1;
+
+.SID-scene .right .title-name {
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #0C0C0C;
+    opacity: 1;
 }
-.SID-scene .right .text{
+
+.SID-scene .right .text {
     width: 470px;
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-margin-top: 42px;
-color: #484848;
-opacity: 1;
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    margin-top: 42px;
+    color: #484848;
+    opacity: 1;
 }
-.SID-scene{
+
+.SID-scene {
     display: flex;
 
 }
-.contact-SID{
+
+.contact-SID {
     display: flex;
     justify-content: space-between;
 }
-.contact-SID .list{
-     width: 600px;
+
+.contact-SID .list {
+    width: 600px;
 }
-.contact-SID .list .list-address{
+
+.contact-SID .list .list-address {
     width: 100%;
     height: 300px;
 }
-.contact-SID .list .list-address-title{
-    width: 100%;
-height: 72px;
 
-background: #3D3D3D;
-opacity: 1;
-text-align: center;
-line-height: 72px;
-font-size: 24px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #FFFFFF;
+.contact-SID .list .list-address-title {
+    width: 100%;
+    height: 72px;
+
+    background: #3D3D3D;
+    opacity: 1;
+    text-align: center;
+    line-height: 72px;
+    font-size: 24px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #FFFFFF;
 }
-.contact-SID .list:hover .list-address-title{
+
+.contact-SID .list:hover .list-address-title {
     background: #EEB20E;
 }
-.contact-SID .list .text{
+
+.contact-SID .list .text {
     width: 100%;
     height: 419px;
-    padding: 48px 70px 0 ;
-background: #F4F4F5;
+    padding: 48px 70px 0;
+    background: #F4F4F5;
 }
-.contact-SID .list .text .p{
+
+.contact-SID .list .text .p {
     display: flex;
     margin-bottom: 10px;
 }
-.contact-SID .list .text .p p{
-height: 48px;
-font-size: 18px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 24px;
-color: #3D3D3D;
-opacity: 1;
+
+.contact-SID .list .text .p p {
+    height: 48px;
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 24px;
+    color: #3D3D3D;
+    opacity: 1;
 }
-.contact-SID .list .text .p :nth-child(2){
+
+.contact-SID .list .text .p :nth-child(2) {
     width: 403px;
-font-weight: 400;
+    font-weight: 400;
 }
-.contact-SID .list .list-wx{
-  
+
+.contact-SID .list .list-wx {
+
     display: flex;
     justify-content: space-between;
     padding: 0 36px;
 }
-.contact-SID .list .list-wx .list-wx-con{
+
+.contact-SID .list .list-wx .list-wx-con {
     width: 176px;
 }
-.contact-SID .list .list-wx .list-wx-img{
+
+.contact-SID .list .list-wx .list-wx-img {
     width: 176px;
     height: 176px;
-background: rgba(0, 0, 0, 0);
-opacity: 1;
+    background: rgba(0, 0, 0, 0);
+    opacity: 1;
 }
-.contact-SID .list .list-wx .list-wx-text{
+
+.contact-SID .list .list-wx .list-wx-text {
     font-size: 18px;
     font-family: Microsoft YaHei;
     font-weight: 400;
@@ -3521,16 +3666,18 @@ opacity: 1;
     background-color: #fff;
     opacity: 1;
 }
-.music-tit .title-name{
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 48px;
-color: #171717;
-text-align: center;
-opacity: 1;
+
+.music-tit .title-name {
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 48px;
+    color: #171717;
+    text-align: center;
+    opacity: 1;
 }
-.music-tit .text{
+
+.music-tit .text {
     width: 950px;
     font-size: 18px;
     font-family: Microsoft YaHei;
@@ -3541,240 +3688,276 @@ opacity: 1;
     margin-top: 24px;
 
     color: #707070;
-    opacity: 1; 
+    opacity: 1;
 }
-.music-advantages{
+
+.music-advantages {
     margin-top: 48px;
 }
-.music-advantages .list{
+
+.music-advantages .list {
     width: 388px;
 }
-.music-advantages .list .list-img{
+
+.music-advantages .list .list-img {
     width: 100%;
     overflow: hidden;
     height: 260px;
 }
-.music-advantages .list .text{
+
+.music-advantages .list .text {
     width: 100%;
     text-align: center;
     line-height: 72px;
-height: 72px;
-background: #3D3D3D;
-opacity: 1;
-font-size: 24px;
-font-weight: bold;
-color: #FFFFFF;
+    height: 72px;
+    background: #3D3D3D;
+    opacity: 1;
+    font-size: 24px;
+    font-weight: bold;
+    color: #FFFFFF;
 }
-.music-advantages{
+
+.music-advantages {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
-.music-city{
+
+.music-city {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
-.music-city .list{
+
+.music-city .list {
     width: 600px;
     margin-bottom: 36px;
 }
-.music-city .list .list-img{
+
+.music-city .list .list-img {
     width: 100%;
     height: 300px;
     overflow: hidden;
     position: relative;
 }
-.music-city .list .list-name{
+
+.music-city .list .list-name {
     width: 104px;
-height: 55px;
-background: rgba(0, 0, 0, 0.6);
-position: absolute;
-left: 36px;
-top: 0px;
-text-align: center;
-line-height: 55px;
-font-size: 20px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #FFFFFF;
+    height: 55px;
+    background: rgba(0, 0, 0, 0.6);
+    position: absolute;
+    left: 36px;
+    top: 0px;
+    text-align: center;
+    line-height: 55px;
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #FFFFFF;
 }
-.music-city .list .text{
-height: 238px;
-background-color: #fff;
-padding: 36px;
-box-sizing: border-box;
+
+.music-city .list .text {
+    height: 238px;
+    background-color: #fff;
+    padding: 36px;
+    box-sizing: border-box;
 }
-.music-city .list .text .title-name{
+
+.music-city .list .text .title-name {
     font-size: 24px;
     font-family: Microsoft YaHei;
     font-weight: bold;
     color: #171717;
     margin-bottom: 6px;
 }
-.music-city .list .text .english-name{
-font-size: 14px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #707070;
-opacity: 1;
+
+.music-city .list .text .english-name {
+    font-size: 14px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #707070;
+    opacity: 1;
 }
-.music-city .list .text .p{
+
+.music-city .list .text .p {
     font-size: 16px;
     font-family: Microsoft YaHei;
     font-weight: 400;
     color: #707070;
-    opacity: 1; 
+    opacity: 1;
     margin-top: 24px;
 }
-.music-city{
+
+.music-city {
     margin-top: 48px;
 }
-.music-famousTeacher{
+
+.music-famousTeacher {
     width: 103%;
     display: flex;
     margin-top: 48px;
     flex-wrap: wrap;
 }
-.music-famousTeacher .list{
+
+.music-famousTeacher .list {
     width: 282px;
     margin-right: 36px;
     margin-bottom: 36px;
 }
-.music-famousTeacher .list .list-img{
+
+.music-famousTeacher .list .list-img {
     height: 188px;
     width: 100%;
 }
-.music-famousTeacher .list .text{
+
+.music-famousTeacher .list .text {
     width: 100%;
-height: 150px;
-background: #F4F4F5;
-text-align: center;
-opacity: 1;
-padding: 32px 45px 0px;
+    height: 150px;
+    background: #F4F4F5;
+    text-align: center;
+    opacity: 1;
+    padding: 32px 45px 0px;
 }
-.music-famousTeacher .list .text .title-name{
-font-size: 20px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #0C0C0C;
-opacity: 1;
+
+.music-famousTeacher .list .text .title-name {
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #0C0C0C;
+    opacity: 1;
 }
-.music-famousTeacher .list .text .p{
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 24px;
-color: #9B9B9B;
-margin-top: 12px;
-opacity: 1;
+
+.music-famousTeacher .list .text .p {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 24px;
+    color: #9B9B9B;
+    margin-top: 12px;
+    opacity: 1;
 }
-.music-date{
+
+.music-date {
     width: 1198px;
     margin: auto;
     margin-top: 72px;
 }
-.music-dual-track{
+
+.music-dual-track {
     display: flex;
     margin-top: 48px;
     justify-content: space-between;
 }
-.music-dual-track .list{
- width: 600px;
- height: 464px;
- overflow: hidden;
+
+.music-dual-track .list {
+    width: 600px;
+    height: 464px;
+    overflow: hidden;
 }
-.music-life .list{
+
+.music-life .list {
     width: 100%;
     display: flex;
     border-bottom: 23px solid #3D3D3D;
 }
-.music-life .list .text{
+
+.music-life .list .text {
     width: 412px;
     height: 275px;
-background: #3D3D3D;
-    opacity: 1;  
+    background: #3D3D3D;
+    opacity: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
+
 .music-life {
     margin-top: 48px;
 }
-.music-life .list .text .title-name{
-font-size: 28px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 63px;
-color: #FFFFFF;
 
-text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-text-align: center;
-opacity: 1;
+.music-life .list .text .title-name {
+    font-size: 28px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 63px;
+    color: #FFFFFF;
+
+    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+    text-align: center;
+    opacity: 1;
 }
 
-.music-life .list .text .english-name{
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #FFFFFF;
-text-align: center;
-opacity: 1;
+.music-life .list .text .english-name {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #FFFFFF;
+    text-align: center;
+    opacity: 1;
 }
-.music-life .list:hover{
+
+.music-life .list:hover {
     border-color: #EEB20E;
 }
-.music-life .list:hover .text{
+
+.music-life .list:hover .text {
     background-color: #EEB20E;
 }
-.music-recommended-right{
+
+.music-recommended-right {
     position: relative;
     display: flex;
     height: 812px;
     align-items: center;
 }
-.music-recommended-right::after{
-    width: 512px;
-height: 812px;
-background: #FFC423;
-position: absolute;
-opacity: 1;
-content: "";
-right: 0px;
-top: 0px;
-}
-.music-recommended-left{
-    position: relative;
-    display: flex;
-    height: 812px;
-    align-items: center;
-}
-.music-recommended-left::after{
-    width: 512px;
-height: 812px;
-background: #FFC423;
-position: absolute;
-opacity: 1;
-content: "";
-left: 0px;
-top: 0px;
-}
 
-.music-recommended-con{
+.music-recommended-right::after {
+    width: 512px;
+    height: 812px;
+    background: #FFC423;
+    position: absolute;
+    opacity: 1;
+    content: "";
+    right: 0px;
+    top: 0px;
+}
+
+.music-recommended-left {
+    position: relative;
+    display: flex;
+    height: 812px;
+    align-items: center;
+}
+
+.music-recommended-left::after {
+    width: 512px;
+    height: 812px;
+    background: #FFC423;
+    position: absolute;
+    opacity: 1;
+    content: "";
+    left: 0px;
+    top: 0px;
+}
+
+.music-recommended-con {
     display: flex;
     position: relative;
     z-index: 1;
 }
-.music-recommended-con .list{
+
+.music-recommended-con .list {
     width: 636px;
 }
-.music-recommended-con .text{
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: center;
+
+.music-recommended-con .text {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 }
-.music-recommended-con .text .title-name{
+
+.music-recommended-con .text .title-name {
     width: 267px;
     font-size: 36px;
     font-family: Microsoft YaHei;
@@ -3782,9 +3965,10 @@ top: 0px;
     line-height: 48px;
     color: #171717;
     margin-bottom: 52px;
-    opacity: 1; 
+    opacity: 1;
 }
-.music-recommended-con .text .P{
+
+.music-recommended-con .text .P {
     font-size: 18px;
     font-family: Microsoft YaHei;
     font-weight: 400;
@@ -3792,45 +3976,53 @@ top: 0px;
     color: #707070;
     opacity: 1;
 }
-.music-recommended-left .music-recommended-con .text{
+
+.music-recommended-left .music-recommended-con .text {
     padding-left: 70px;
 }
-.music-recommended-left .text .title-name{
+
+.music-recommended-left .text .title-name {
     margin-bottom: 33px;
     width: auto;
 }
-.search{
-   min-height: 80vh;
-   padding-bottom: 103px;
+
+.search {
+    min-height: 80vh;
+    padding-bottom: 103px;
 }
-.search-tit{
+
+.search-tit {
     padding-top: 63px;
 }
-.search-tit .title-name{
+
+.search-tit .title-name {
     font-size: 36px;
     font-family: Microsoft YaHei;
     font-weight: 400;
     color: #0C0C0C;
     margin-bottom: 22px;
-    opacity: 1; 
+    opacity: 1;
 }
-.search-tit .input{
+
+.search-tit .input {
     width: 100%;
     border: none;
     padding: 18px 0px;
-border-bottom: 1px solid #CCCCCC;
-opacity: 1;
+    border-bottom: 1px solid #CCCCCC;
+    opacity: 1;
 }
-.search-tit .input::placeholder{
-font-size: 20px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 26px;
-color: #CCCCCC;
-opacity: 1;
+
+.search-tit .input::placeholder {
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 26px;
+    color: #CCCCCC;
+    opacity: 1;
 }
-.radio input i{
- background-color: #000;
+
+.radio input i {
+    background-color: #000;
 }
 
 
@@ -3838,7 +4030,7 @@ opacity: 1;
     position: relative;
     margin-top: 24px;
 }
- 
+
 .choose .radio {
     position: relative;
     display: inline-block;
@@ -3848,12 +4040,12 @@ opacity: 1;
     margin-right: 20px;
     cursor: pointer;
 }
- 
+
 .choose .radio input {
     position: absolute;
     left: -9999px;
 }
- 
+
 .choose .radio i {
     display: block;
     position: absolute;
@@ -3868,8 +4060,8 @@ opacity: 1;
     transition: border-color .3s;
     -webkit-transition: border-color .3s;
 }
- 
-.choose .radio input + i:after {
+
+.choose .radio input+i:after {
     position: absolute;
     content: '';
     top: 2px;
@@ -3882,38 +4074,43 @@ opacity: 1;
     transition: opacity .1s;
     -webkit-transition: opacity .1s;
 }
- 
-.choose .radio input:checked + i:after {
+
+.choose .radio input:checked+i:after {
     opacity: 1;
 }
-.search-con{
+
+.search-con {
     margin-top: 30px;
     height: 100%;
 }
-.search-con .title-name{
+
+.search-con .title-name {
     font-size: 14px;
     font-family: Microsoft YaHei;
     font-weight: 400;
     line-height: 19px;
     color: #0C0C0C;
-    opacity: 1; 
-}
-.search-con .title-name span{
-    color: #E8A200;;
-}
-.search-con .none{
-width: 100%;
-height: 100%;
-display: flex;
-align-items: center;
-justify-content: center;
+    opacity: 1;
 }
 
-.search-con .none .none-con p{
+.search-con .title-name span {
+    color: #E8A200;
+    ;
+}
+
+.search-con .none {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.search-con .none .none-con p {
     font-size: 16px;
     margin-top: 90px;
     text-align: center;
- padding-right: 20px;
+    padding-right: 20px;
     font-family: Microsoft YaHei;
     font-weight: 400;
     line-height: 21px;
@@ -3921,23 +4118,27 @@ justify-content: center;
     margin-bottom: 16px;
     opacity: 1;
 }
-.list-con{
+
+.search-con .list-con {
     width: 103%;
     display: flex;
     flex-wrap: wrap;
 }
-.list-con .list{
-     width: 282px;
-     margin-right: 36px;
-     margin-bottom: 36px;
+
+.search-con .list-con .list {
+    width: 282px;
+    margin-right: 36px;
+    margin-bottom: 36px;
 }
-.list-con .list .list-img{
+
+.search-con .list-con .list .list-img {
     width: 100%;
-    
-background: #B5B5B5;
-    height: 158px  ;
+
+    background: #B5B5B5;
+    height: 158px;
 }
-.list-con .list  .text{
+
+.search-con .list-con .list .text {
     width: 100%;
     height: 179px;
     background: #F4F4F5;
@@ -3945,174 +4146,198 @@ background: #B5B5B5;
     position: relative;
     padding: 28px 24px 0px;
 }
-.list-con .list  .text .p{
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 26px;
-color: #171717;
-opacity: 1;
+
+.search-con .list-con .list .text .p {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 26px;
+    color: #171717;
+    opacity: 1;
 }
-.list-con .list  .text .p span{
+
+.search-con .list-con .list .text .p span {
     color: #E8A200;
 }
-.list-con .list  .text .date{
-font-size: 14px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 19px;
-color: #9B9B9B;
-opacity: 1;
-position: absolute;
-left: 24px;
-bottom: 28px;
+
+.search-con .list-con .list .text .date {
+    font-size: 14px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 19px;
+    color: #9B9B9B;
+    opacity: 1;
+    position: absolute;
+    left: 24px;
+    bottom: 28px;
 }
-.search-page{
+
+.search-page {
     display: flex;
     justify-content: center;
 }
-.search-page a{
-font-size: 13px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-line-height: 17px;
-color: #CCCCCC;
-opacity: 1;
-margin: 0 17px;
+
+.search-page a {
+    font-size: 13px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 17px;
+    color: #CCCCCC;
+    opacity: 1;
+    margin: 0 17px;
 }
-.search-page .on{
+
+.search-page .on {
     font-size: 13px;
     font-family: Microsoft YaHei;
     font-weight: bold;
     color: #E8A200;
     border-bottom: 1px solid #E8A200;
 }
-.link-title{
+
+.link-title {
     display: flex;
     padding-top: 85px;
 }
-.link-title a{
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #929292;
-margin: 0 4px;
-display: flex;
-align-items: center;
-opacity: 1;
+
+.link-title a {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #929292;
+    margin: 0 4px;
+    display: flex;
+    align-items: center;
+    opacity: 1;
 }
-.link-title a img{
+
+.link-title a img {
     width: 20px;
-height: 20px;
-margin-right: 6px;
-opacity: 1;
+    height: 20px;
+    margin-right: 6px;
+    opacity: 1;
 }
-.link-text{
+
+.link-text {
     border-top: 1px solid #C7C7C7;
     border-bottom: 1px solid #C7C7C7;
     padding: 24px 0px;
 }
-.link-text a{
-font-size: 16px;
-font-family: Microsoft YaHei;
-font-weight: 400;
-color: #707070;
-padding: 12px 12px;
-display: flex;
-align-items: center;
-opacity: 1;
 
-border-bottom: 1px solid #F3F3F3;
+.link-text a {
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #707070;
+    padding: 12px 12px;
+    display: flex;
+    align-items: center;
+    opacity: 1;
+
+    border-bottom: 1px solid #F3F3F3;
 }
-.link-text a span{
+
+.link-text a span {
     display: inline-block;
     margin-right: 12px;
 }
-.link-text>:last-child{
- padding-bottom: 0px;
- border: none;
+
+.link-text>:last-child {
+    padding-bottom: 0px;
+    border: none;
 }
-.link-con .title-name{
-font-size: 36px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-line-height: 48px;
-color: #171717;
-opacity: 1;
-margin-top: 36px;
-margin-bottom: 26px;
+
+.link-con .title-name {
+    font-size: 36px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    line-height: 48px;
+    color: #171717;
+    opacity: 1;
+    margin-top: 36px;
+    margin-bottom: 26px;
 }
 
 
-.link-text a:hover{
- color: #EEB20E;
- font-weight: bold;
+.link-text a:hover {
+    color: #EEB20E;
+    font-weight: bold;
 }
 
-.link-page{
+.link-page {
     display: flex;
     justify-content: center;
     margin-top: 24px;
     margin-bottom: 100px;
 }
-.link-page a{
+
+.link-page a {
     width: 34px;
-height: 34px;
-background: #FFFFFF;
-border: 1px solid #E3E3E3;
-display: flex;
-justify-content: center;
-align-items: center;
-opacity: 1;
-font-size: 12px;
-font-family: Microsoft YaHei;
-font-weight: bold;
-color: #000;
-margin: 0 8px;
-opacity: 1;
+    height: 34px;
+    background: #FFFFFF;
+    border: 1px solid #E3E3E3;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 1;
+    font-size: 12px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #000;
+    margin: 0 8px;
+    opacity: 1;
 }
-.link-page .on{
+
+.link-page .on {
     color: #fff;
     width: 34px;
-height: 34px;
-background: #E8A200;
-opacity: 1;
+    height: 34px;
+    background: #E8A200;
+    opacity: 1;
 }
-.mohu{
+
+.mohu {
     filter: blur(19px);
     opacity: 0.5;
 }
-.questionAnswer{
+
+.questionAnswer {
     width: 103%;
     background-color: #fff;
     overflow: hidden;
     display: inline-block;
 }
-.questionAnswer .list{
-  margin-right: 36px;
-  margin-bottom: 36px;
-  float: left;
-  width: 388px;
-  height: auto;
+
+.questionAnswer .list {
+    margin-right: 36px;
+    margin-bottom: 36px;
+    float: left;
+    width: 388px;
+    height: auto;
 }
+
 .questionAnswer .list {
     background-color: #F4F4F5;
     padding: 25px 30px;
     display: inline;
 }
-.questionAnswer .list .title-name{
+
+.questionAnswer .list .title-name {
     font-size: 20px;
 }
-.questionAnswer .list .text{
+
+.questionAnswer .list .text {
     display: flex;
     margin-top: 20px;
     font-size: 16px;
     color: #757575;
 }
-.questionAnswer .list .button{
+
+.questionAnswer .list .button {
     text-align: right;
 }
-.questionAnswer .list .button a{
+
+.questionAnswer .list .button a {
     width: 85px;
     height: 32px;
     text-align: center;
@@ -4120,5 +4345,1561 @@ opacity: 1;
     color: #757575;
     line-height: 32px;
     margin-top: 20px;
-border: 1px solid #757575;
+    border: 1px solid #757575;
+}
+
+.suspension {
+    position: fixed;
+    top: 30%;
+    right: 30px;
+    z-index: 5;
+
+}
+
+.suspension a {
+    width: 48px;
+    height: 48px;
+    background: #9B9B9B;
+    position: relative;
+    border-radius: 50%;
+    opacity: 1;
+    display: flex;
+    align-items: center;
+    margin-bottom: 12px;
+    justify-content: center;
+}
+
+.suspension a:hover {
+    background: #EEB20E;
+
+}
+
+.suspension>:nth-child(2) .tel {
+    width: 150px;
+    height: 47px;
+    position: absolute;
+
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    right: 56px;
+    text-align: center;
+    line-height: 47px;
+    display: none;
+    color: #FFFFFF;
+    background-image: url("/imgs/public/telimg.png");
+    background-size: 100%;
+    opacity: 1;
+}
+
+.suspension>:nth-child(2):hover .tel {
+    display: block;
+}
+
+.suspension>:nth-child(3) .wxber {
+    width: 150px;
+    height: 142px;
+    position: absolute;
+    font-size: 18px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    right: 56px;
+    display: none;
+    padding: 10px;
+    padding-right: 20px;
+    box-sizing: border-box;
+    line-height: 47px;
+    color: #FFFFFF;
+    background-image: url("/imgs/public/wxber.png");
+    background-size: 100%;
+    opacity: 1;
+}
+
+.suspension>:nth-child(3):hover .wxber {
+    display: block;
+}
+
+.navClick {
+    display: none;
+}
+
+.navClick p {
+    width: 30px;
+    height: 3px;
+    margin-bottom: 8px;
+    background-color: #0c0c0c;
+}
+
+.about .left .leftCon a:hover {
+    background: #E8A200;
+}
+
+.advertising .con a:hover {
+    background: #E8A200;
+
+}
+
+.studyAbroad-guide .right a:hover {
+    background: #E8A200;
+}
+.degree-video-btn:hover{
+    background: #E8A200;
+}
+.lja:hover {
+    background: #E8A200;
+}
+
+.impact .right .rightCon a:hover {
+    background: #FFFFFF;
+}
+
+.impact .right .rightCon a .img-two {
+    display: none;
+}
+
+.impact .right .rightCon a:hover .img-two {
+    display: block;
+}
+
+.impact .right .rightCon a:hover .img-one {
+    display: none;
+}
+
+.index-impact .img {
+    width: 600px;
+    height: 750px;
+}
+
+.contactHref:hover {
+    background: #E8A200;
+}
+
+.media-swiper-con:hover .text {
+    background-color: #E8A200;
+}
+
+.studyAbroad-swiper:hover .make {
+    background-color: #E8A200;
+    border: none;
+}
+
+.footer-con .one .address>:nth-child(1) {
+    white-space: nowrap;
+}
+
+.w1236 .fs80 {
+    font-size: 80px;
+}
+
+.w1236 .fs40 {
+    font-size: 40px;
+}
+
+/* 小于等于多少高度的样式 */
+@media screen and (max-height:880px) {}
+
+@media screen and (max-height:600px) {}
+
+/* 小于等于多少宽度的样式 */
+@media screen and (max-width:1660px) {
+    .school-con .text{
+        padding-top: 0px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+}
+
+@media screen and (max-width:1440px) {}
+
+@media screen and (max-width:1366px) {
+    .school-apply-tit .one .text{
+        top: 25%;
+    }
+    .school-apply-tit .one{
+        width: 400px;
+   
+    }
+    .school-apply-tit .two{
+        width: 400px;
+        height: 105px;
+    }
+    .school-apply-tit .two .text{
+        line-height: 105px;
+    }
+    .school-professional .list .text{
+        padding: 0 10px;
+    }
+    .degree-pd160{
+        padding-top: 60px;
+        padding-bottom: 60px;
+    }
+    .school-professional .list .titp{
+        padding-right: 10px;
+        padding-left: 10px;
+    }
+    .school-professional .list{
+        width: 22%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .zd-school{
+        height: auto;
+    }
+    .school-life-con-one .list-con .list .text{
+        padding: 10px 10px 0px;
+    }
+    .school-life-con-one .list-con .list{
+        width: 30%;
+    }
+    .degree-left-con .right .text{
+        width: 260px;
+    }
+    .degree-right-con .left .text{
+        width: 260px;
+    }
+    .w1236 .school-right-img{
+        width: 50%;
+    }
+    .school-life-con-one .list-con .list .list-img{
+        width: 100%;
+        height: auto;
+    }
+    .school-right-img .s-img{
+        width: 48%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .w1236 .school-right-img{
+        height: auto;
+    }
+    .school-con{
+        height: auto;
+    }
+    .degree-plan-w .list .text .titpa{
+        font-size: 26px;
+        margin-bottom: 0px;
+    }
+    .degree-plan-w .list{
+        width: 30%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-plan-w .list .text .p{
+        font-size: 14px;
+    }
+    .degree-plan-w .list .list-img{
+        height: auto;
+        margin-right: 3%;
+        width: 100px;
+    }
+    .degree-bz .list{
+        width: 22%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-bz .lista{
+        width: 47%;
+        height: auto;
+        margin-right: 3%;
+
+        margin-bottom: 3%;
+    }
+    .degree-enroll .list{
+        width: 22%;
+        margin-right: 3%;
+        height: auto;
+    }
+    .degree-img{
+        height: auto;
+    }
+    .degree-enroll .list .img-b{
+        width: 100%;
+        height: auto;
+    }
+    .degree-enroll .list .titp{
+        width: 100%;
+    }
+    .degree-enroll .list .img-top{
+        width: 100%;
+        height: auto;
+    }
+    .degree-video-con .list{
+
+        width: 30%;
+        margin-right: 3.1%;
+        margin-bottom: 3%;
+    }
+
+    body .top-height {
+        height: 542px;
+    }
+
+    .studyAbroad-swiper-text .p {
+        width: 80%;
+    }
+
+    .studyAbroad-swiper {
+        height: auto;
+    }
+
+    .studyAbroad-swiper .make {
+        bottom: 20%;
+    }
+
+    .studyAbroad-swiper-container {
+        height: auto;
+    }
+
+    .studyAbroad-guide .right .titp {
+        font-size: 24px;
+        line-height: 30px;
+    }
+
+    .studyAbroad-guide .right>:nth-child(2) {
+        margin-bottom: 10px;
+    }
+
+    .studyAbroad-top {
+        margin-bottom: 60px;
+    }
+
+    .latest-con .list-a {
+        width: 47%;
+        margin-right: 3%;
+        min-height: 299px;
+    }
+
+    .studyAbroad-top-con .titp {
+        font-size: 30px;
+    }
+
+    .latest-con .list {
+        width: 22%;
+        margin-right: 3%;
+    }
+
+    .studyAbroad-top {
+        height: 542px;
+    }
+
+    .studyAbroad-top-con .text {
+        font-size: 50px;
+    }
+
+    .media-video .media-video-w .list {
+        width: 30%;
+        margin-right: 3%;
+    }
+
+    .media-video .media-video-w .list .list-img {
+        height: auto;
+    }
+
+    .media-swiper-con {
+        height: auto;
+    }
+
+    .contact .contact-con .text {
+        width: auto;
+    }
+
+    .footer-con .one .address>:nth-child(2) {
+        width: auto;
+    }
+
+    .cooperation .listCon .list {
+        width: 224px;
+        margin-left: 18px;
+        margin-bottom: 26px;
+        height: 84px;
+    }
+
+    .cooperation .one {
+        width: 224px;
+        height: 305px;
+    }
+
+    .index-impact .img {
+        height: auto;
+    }
+
+    .impact .right .rightCon {
+        width: 320px;
+    }
+
+    .impact .right {
+        height: auto;
+    }
+
+    .about .img {
+        height: auto;
+    }
+
+    .about .left {
+        height: auto;
+    }
+
+    .advertising {
+        height: 534px;
+    }
+
+    .about .left .leftCon .text {
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        -webkit-box-orient: vertical;
+    }
+
+    .w1236 {
+        width: 950px;
+    }
+
+    .in-ber {
+        height: 542px;
+    }
+
+    .dynamic .left {
+        width: 618px;
+        height: 347px;
+    }
+
+    .about .left .leftCon {
+        width: 390px;
+    }
+
+    .about .left {
+        padding-right: 59px;
+    }
+
+    .dynamic .right a {
+        width: 313px;
+        height: 163px;
+    }
+
+    .dynamic .left .text {
+        width: 400px;
+        font-size: 30px;
+    }
+
+    .dynamic .left .make {
+        height: 132px;
+    }
+
+    .dynamic .right a .make .text {
+        width: 180px;
+        font-size: 14px;
+        padding-bottom: 10px;
+    }
+
+    .video-con .list .videoImg {
+        width: 300px;
+        height: 169px;
+    }
+
+    .video-con .list .text {
+        width: 300px;
+    }
+
+    .team-con .list-con .list {
+        width: 207px;
+    }
+
+    .team-con .list-con .list .imgTit {
+        height: 207px;
+    }
+
+    .latest-con .list .list-img {
+        height: auto;
+    }
+
+    .latest-con .list-a {
+        height: auto;
+        margin-bottom: 36px;
+    }
+
+    .w1236 .fs80 {
+        font-size: 50px;
+    }
+
+    .w1236 .fs40 {
+        font-size: 30px;
+    }
+
+    .degree-right {
+        height: 700px;
+    }
+
+    .degree-right::after {
+        height: 700px;
+        width: 400px;
+    }
+
+    .degree-right-con .right {
+        height: auto;
+    }
+
+    .degree-right-con .right {
+        width: 50%;
+    }
+
+    .degree-left {
+        height: 700px;
+    }
+
+    .degree-left::after {
+        height: 700px;
+        width: 400px;
+    }
+
+    .degree-left-con .left {
+        height: auto;
+    }
+
+    .degree-left-con .left {
+        width: 50%;
+    }
+    .degree-right-con .right-img>:nth-child(1){
+        height: auto;
+    }
+}
+
+@media screen and (max-width:1200px) {}
+
+@media screen and (max-width:1100px) {
+    .w1236 .school-right-img{
+        margin: auto;
+        margin-top: 20px;
+   }
+    .school-con .text .titp{
+        margin-bottom: 20px;
+    }
+    .school-con .text .school-swiper-pagination .s-text{
+        margin-bottom: 10px;
+    }
+}
+
+@media screen and (max-width:1024px) {
+    .school-apply-tit .one{
+        height: auto;
+    }
+    .school-apply-tit .one .text{
+        top: 25%;
+    }
+    .school-apply-tit .one{
+        width: 350px;
+      
+    }
+    .school-apply-tit .two{
+        width: 350px;
+        height: 91px;
+    }
+    .school-apply-tit .two .text{
+        line-height: 91px;
+    }
+    .school-con .text{
+        padding-top: 30px;
+        padding-bottom: 30px;
+    }
+    .school-con{
+        display: block;
+    }
+    .school-swiper-container{
+        width: 100%;
+        height: auto;
+    }
+    .degree-enroll .list{
+        width: 30%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-enroll{
+        flex-wrap: wrap;
+    }
+    .degree-imga{
+        width: 100%;
+    }
+    .degree-imga{
+        height: auto;
+    }
+    .degree-pd160{
+        padding-top: 60px;
+        padding-bottom: 60px;
+    }
+    .degree-video-btn{
+        margin-top: 18px;
+    }
+    .titcon .titp{
+        font-size: 26px;
+        margin-bottom: 10px;
+        line-height: 30px;
+    }
+    .degree-video-con .list .text{
+        padding-top: 16px;
+    }
+    .titcon .text{
+        margin-bottom: 18px;
+    }
+    .degree-right {
+        height: 400px;
+    }
+
+    .degree-right-con {
+        height: auto;
+    }
+
+    .degree-right::after {
+        height: 400px;
+        width: 200px;
+    }
+
+    .degree-left {
+        height: 400px;
+    }
+
+    .degree-left-con {
+        height: auto;
+    }
+
+    .degree-left::after {
+        height: 400px;
+        width: 200px;
+    }
+
+    .studyAbroad-choose {
+        margin-top: 60px;
+    }
+
+    .studyAbroad-guide .left {
+        display: none;
+    }
+
+    .media-swiper-con div {
+        width: auto;
+    }
+
+    .media-swiper-pagination {
+        bottom: 2% !important;
+    }
+
+    .studyAbroad-guide .right .text {
+        width: auto;
+    }
+
+    .studyAbroad-guide .right {
+        padding-top: 20px;
+        padding-bottom: 20px;
+        padding-left: 30px;
+        padding-right: 30px;
+    }
+
+    .media-swiper-con div .text {
+        font-size: 20px;
+        line-height: 30px;
+    }
+
+    .media-swiper-con div {
+        bottom: 12%;
+    }
+
+    .footer-con {
+        display: block;
+        text-align: center;
+    }
+
+    .footer-con .one .address>:nth-child(2) {
+        width: auto;
+    }
+
+    .footer-con .one .address {
+        display: block;
+    }
+
+    .footer-con .one .wx {
+        justify-content: center;
+    }
+
+    .footer-con .two .zx {
+        margin: auto;
+        margin-top: 20px;
+
+    }
+
+    .footer-con .one {
+        margin-right: 0px;
+    }
+
+    .media-nav a {
+        margin: 0 13px;
+    }
+
+    .footer .list-con .ul {
+        flex-wrap: wrap;
+    }
+
+    .media-nav {
+        flex-wrap: wrap;
+    }
+
+    .placeholder {
+        display: none;
+    }
+
+    .footer-con .two {
+        padding-top: 10px;
+    }
+
+    .footer-con .one {
+        padding-top: 0px;
+    }
+
+    .team-con {
+        padding-top: 60px;
+    }
+
+    .team {
+        overflow: hidden;
+    }
+
+    .mt160 {
+        margin-top: 60px;
+    }
+
+    .team-con .list-con .list {
+        width: 30%;
+        margin-bottom: 15px;
+        margin-right: 3%;
+    }
+
+    .team-con .list-con .list .imgTit {
+        height: auto;
+    }
+
+    .cooperation .listCon .list {
+        width: 30%;
+        margin-left: 3%;
+        height: auto;
+        margin-bottom: 5.5%;
+    }
+
+    .targetCon .list {
+        width: 30%;
+        margin-right: 3%;
+    }
+
+    .cooperation .one {
+        width: 25%;
+        height: auto;
+
+    }
+
+    .targetCon .imgC .imgW {
+        min-height: 100%;
+    }
+
+    .targetCon .imgC {
+        width: 63%;
+        margin-right: 3%;
+    }
+
+    .index-impact .img {
+        display: none;
+    }
+
+    .index-impact .right .rightCon {
+        width: auto;
+    }
+
+    .index-impact {
+        width: 95%;
+        margin: auto;
+        margin-top: 60px;
+    }
+
+    .index-impact {
+        margin-bottom: 60px;
+    }
+
+    .index-impact .right {
+        width: 100%;
+        padding: 20px;
+    }
+
+    .about {
+        width: 95%;
+        margin: auto;
+        margin-top: 60px;
+    }
+
+    .about .img {
+        height: auto;
+    }
+
+    .about .left {
+        height: auto;
+    }
+
+    .about .left .leftCon {
+        width: auto;
+        padding-left: 20px;
+    }
+
+    .advertising {
+        display: none;
+    }
+
+    .video-con .list {
+        width: 31%;
+    }
+
+    .video-con .list .videoImg {
+        width: 100%;
+        height: auto;
+    }
+
+    .video-con .list .text {
+        flex: 1;
+        width: 100%;
+
+    }
+
+    .video-con .list .text .p {
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        -webkit-box-orient: vertical;
+        font-size: 14px;
+    }
+
+    .one-con .title {
+        margin-top: 30px;
+    }
+
+    .video-con .list .text {
+        padding: 10px;
+        height: auto;
+        font-size: 20px;
+    }
+
+    .dynamic .left .text {
+        width: auto;
+
+    }
+
+    .dynamic {
+        margin-bottom: 30px;
+    }
+
+    .dynamic .right a .make .text {
+
+        display: -webkit-box;
+        text-overflow: ellipsis;
+        -webkit-box-orient: vertical;
+        word-break: break-all;
+        -webkit-line-clamp: 1;
+        width: 70%;
+        height: 21px;
+        padding-bottom: 0px;
+        overflow: hidden;
+    }
+
+    .dynamic .left .text {
+        display: -webkit-box;
+        text-overflow: ellipsis;
+        -webkit-box-orient: vertical;
+        word-break: break-all;
+        -webkit-line-clamp: 1;
+        width: 70%;
+        padding-bottom: 0px;
+        overflow: hidden;
+    }
+
+    .dynamic .left .make img {
+        top: 23%;
+    }
+
+    .dynamic .left .make {
+        height: auto;
+        height: 30%;
+    }
+
+    .dynamic .right a .make {
+        padding-bottom: 10px;
+    }
+
+    .navClick {
+        display: block;
+    }
+
+    .w1236 {
+        width: 95%;
+    }
+
+    .dynamic .left {
+        margin-right: 36px;
+        height: auto;
+        width: 66%;
+    }
+
+    .dynamic .right a {
+        height: auto;
+        width: 100%;
+    }
+
+    .header .nav ul {
+        display: none;
+    }
+
+    .dynamic .right {
+        width: 34%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+    }
+
+    .nav .int-con .int {
+        position: absolute;
+        top: 30%;
+        right: 30px;
+    }
+
+    .in-ber div>:nth-child(1) {
+        font-size: 30px;
+    }
+
+    .in-ber div>:nth-child(2) {
+        font-size: 50px;
+    }
+
+    .contact .contact-con {
+        margin-bottom: 20px;
+    }
+
+    /*nav end*/
+    .contact {
+        padding: 30px 20px 30px;
+        height: auto;
+    }
+    
+}
+
+@media screen and (max-width:768px) {
+    
+    .school-apply-tit .one .text{
+        top: 25%;
+    }
+    .school-apply-tit .one{
+        width: 300px;
+ 
+    }
+    .school-apply-tit .two{
+        width: 300px;
+        height: 80px;
+    }
+    .school-apply-tit .two .text{
+        line-height: 80x;
+        font-size: 16px;
+    }
+
+    .school-apply-tit .one .text{
+        font-size: 16px;
+    }
+
+    .w1236 .school-right-img{
+        width: 70%;
+    }
+    .school-professional .list .text{
+        font-size: 14px;
+    }
+    .school-professional .list .titp{
+        font-size: 16px;
+    }
+    .school-life-con-one{
+        padding-right: 30px;
+        padding-left: 30px;
+    }
+    .school-life-tit p{
+        width: 50%;
+    }
+    .school-life{
+        height: auto;
+    }
+    .school-life-con-one .list-con .list{
+        width: 48%;
+        margin-bottom: 3%;
+    }
+    .school-life-con-one .list-con{
+        flex-wrap: wrap;
+    }
+    .school-tit .text{
+        width: 80%;
+        margin-top: 10px;
+    }
+    .school-tit .titp{
+        font-size: 26px;
+        line-height: 30px;
+    }
+    .apply-btn{
+        margin-right: 0px;
+    }
+    .degree-apply .titp{
+        font-size: 26px;
+    }
+    .degree-apply {
+        height: auto;
+        padding-top: 60px;
+        padding-bottom: 60px;
+    }
+    .degree-plan-w .list{
+        width: 47%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-plan-w .list .text .p{
+        font-size: 18px;
+    }
+    .degree-bz .list{
+        width: 30%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-bz .lista{
+        width: 63%;
+        height: auto;
+        margin-right: 3%;
+        margin-bottom: 3%;
+    }
+    .degree-enroll .list .text{
+        font-size: 14px;
+    }
+    .degree-video-con .list .text{
+        padding-right: 10px;
+        padding-left: 10px;
+    }
+    .degree-video-con .list{
+
+        width: 47%;
+        margin-right: 3%;
+        margin-bottom: 3%;
+    }
+    .degree-right {
+        height: auto;
+        padding-top: 30px;
+        padding-bottom: 30px;
+    }
+
+    .degree-right-con {
+        height: auto;
+    }
+
+    .degree-right-con .right {
+        width: 70%;
+        margin: auto;
+        margin-top: 20px;
+
+    }
+
+    .degree-right::after {
+        width: 33%;
+        height: 100%;
+    }
+
+    .degree-right-con {
+        display: block;
+    }
+
+    .degree-right-con .left .titp {
+        font-size: 25px;
+        line-height: 30px;
+        text-align: center;
+    }
+
+    .degree-right-con .left .text {
+        width: auto;
+        margin-right: 20px;
+        text-align: center;
+        margin-top: 15px;
+    }
+
+
+    .degree-left {
+        height: auto;
+        padding-top: 30px;
+        padding-bottom: 30px;
+    }
+
+    .degree-left-con {
+        height: auto;
+    }
+
+    .degree-left-con .left {
+        width: 70%;
+        margin: auto;
+        margin-top: 20px;
+
+    }
+
+    .degree-left::after {
+        width: 33%;
+        height: 100%;
+    }
+
+    .degree-left-con {
+        display: block;
+    }
+    .degree-left-con .right {
+        margin-top: 20px;
+    }
+    .degree-left-con .right .titp {
+        font-size: 25px;
+        line-height: 30px;
+        text-align: center;
+    }
+    
+
+    .degree-left-con .right .text {
+        width: auto;
+        margin-right: 20px;
+        text-align: center;
+        margin-top: 15px;
+    }
+
+    body .top-height {
+        height: 40vh;
+    }
+
+    .studyAbroad-swiper-text .p {
+        width: 100%;
+    }
+
+    .studyAbroad-swiper-text {
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+
+    .studyAbroad-swiper-pagination {
+        left: 10% !important;
+        bottom: 5% !important;
+    }
+
+    .studyAbroad-swiper .make>:nth-child(1) {
+        font-size: 40px;
+        line-height: 40px;
+    }
+
+    .studyAbroad-swiper .make>:nth-child(1) {
+        top: -15px;
+    }
+
+    .studyAbroad-swiper .make {
+        height: auto;
+        left: 10%;
+
+    }
+
+    .studyAbroad-swiper .make>:nth-child(2) {
+        font-size: 20px;
+        padding-left: 60px;
+    }
+
+    .studyAbroad-choose .titp {
+        font-size: 26px;
+        width: 278px;
+        height: 60px;
+        line-height: 60px;
+    }
+
+    .studyAbroad-choose .text {
+        width: 80%;
+        margin-bottom: 38px;
+    }
+
+    .studyAbroad-advertising .addressImg {
+        left: 0px;
+    }
+
+    .studyAbroad-advertising .addressImg {
+        width: 800px;
+    }
+
+    .studyAbroad-top {
+        height: 40vh;
+    }
+
+    .latest-top {
+        height: 229px;
+    }
+
+    .latest-con .list {
+        width: 30%;
+    }
+
+    .latest-con .list-a {
+        width: 64%;
+    }
+
+    .media-main .title {
+        margin: 0px;
+    }
+
+    .latest-top .text {
+        font-size: 20px;
+        line-height: 27px;
+    }
+
+    .latest-top .latest-top-con {
+        padding-left: 30px;
+        padding-bottom: 18px;
+    }
+
+    .targetCon .list {
+        padding: 0 10px;
+        height: 158px;
+    }
+
+    .advertising {
+        height: 300px;
+    }
+
+    .about .img {
+        display: none;
+    }
+
+    .targetCon .list .titp p {
+        font-size: 16px;
+    }
+
+    .targetCon .list .text {
+        font-size: 14px;
+        display: -webkit-box;
+        text-overflow: ellipsis;
+        -webkit-box-orient: vertical;
+        word-break: break-all;
+        -webkit-line-clamp: 1;
+        overflow: hidden;
+    }
+
+    .dynamic .left {
+        margin-right: 0px;
+    }
+
+    .about .left {
+        width: 100%;
+        padding-bottom: 30px;
+        padding-top: 30px;
+        padding-right: 10px;
+    }
+
+    .about .left .leftCon .titp {
+        margin-bottom: 18px;
+    }
+
+    .about .left .leftCon a {
+        margin-top: 0px;
+    }
+
+    .dynamic .right {
+        width: 100%;
+        flex-direction: row;
+        margin-top: 10px;
+    }
+
+    .dynamic .right a {
+        width: 48%;
+    }
+
+    .dynamic .right .top {
+        margin-bottom: 0px;
+    }
+
+    .dynamic {
+        display: block;
+    }
+
+    .in-ber {
+        height: 40vh;
+    }
+
+    .in-ber div {
+        height: 100%;
+        padding-top: 0px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+
+    .dynamic .left {
+        width: 100%;
+    }
+
+    .studyAbroad-advertising-con .titp {
+        font-size: 24px;
+        font-family: Microsoft YaHei;
+        font-weight: bold;
+        color: #FFFFFF;
+        margin-bottom: 7px;
+        opacity: 1;
+    }
+
+    .studyAbroad-advertising-con {
+        height: 300px;
+        padding: 20px 30px;
+
+    }
+}
+@media screen and (max-width:668px) {
+    .school-apply-tit .one .text{
+        top: 27%;
+    }
+    .school-apply-tit .one{
+        width: 250px;
+       
+    }
+    .school-apply-tit .two{
+        width: 250px;
+        height: 64px;
+    }
+    .school-apply-tit .two .text{
+        line-height: 64px;
+        font-size: 16px;
+    }
+
+    .school-apply-tit .one .text{
+        font-size: 16px;
+    }
+}
+@media screen and (max-width:568px) {
+    .school-apply-tit .one .text{
+        top: 12%;
+    }
+    .school-apply-tit .one{
+        width: 200px;
+    }
+    .school-apply-tit .two{
+        width: 200px;
+        height: 56px;
+    }
+    .school-apply-tit .two .text{
+        line-height: 56px;
+        font-size: 16px;
+    }
+
+    .school-apply-tit .one .text{
+        font-size: 16px;
+    }
+}
+@media screen and (max-width:480px) {
+    .school-apply-tit .two .text{
+        font-size: 14px;
+        
+    }
+    .school-apply-tit .one .text{
+        top: 6%;
+        font-size: 14px;
+    }
+    .school-apply-tit .one{
+        width: 150px;
+    }
+    .school-apply-tit .two{
+        width: 150px;
+        height: 42px;
+    }
+    .school-apply-tit .two .text{
+        line-height: 42px;
+        font-size: 16px;
+    }
+
+    .school-apply-tit .one .text{
+        font-size: 16px;
+    }
+    .school-professional .list{
+        width: 30%;
+    }
+    .school-life-con-one{
+        padding-right: 15px;
+        padding-left: 15px;
+    }
+    .degree-plan-w .list{
+        width: 100%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .school-life-con-one .list-con .list{
+        width: 100%;
+    }
+    .degree-apply{
+        padding-top: 30px;
+        padding-bottom: 30px;
+    }
+    .degree-apply .titp {
+        font-size: 18px;
+        line-height: 30px;
+        margin-bottom: 0px;
+    }
+    .degree-plan-w .list .text .p{
+        font-size: 18px;
+    }
+    .degree-plan-w .list .list-img{
+        width: 130px;
+    }
+    .apply-btn img{
+        width: 55px;
+    }
+    .apply-btn p{
+        font-size: 20px;
+    }
+    .apply-btn{
+        width: 280px;
+        height: 70px;
+    }
+    .degree-bz .list{
+        width: 47%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-bz .lista{
+        width: 100%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-enroll .list{
+        width: 47%;
+        margin-right: 3%;
+        height: auto;
+        margin-bottom: 3%;
+    }
+    .degree-video-con .list .list-video img{
+        left: 35%;
+    }
+    .degree-video-btn{
+        width: 80%;
+    }
+    .studyAbroad-top {
+        height: 24vh;
+    }
+
+    body .top-height {
+        height: 24vh;
+    }
+
+    .studyAbroad-top-con .titp {
+        font-size: 20px;
+    }
+
+    .studyAbroad-top-con .text {
+        font-size: 30px;
+    }
+
+    .media-swiper-pagination span {
+        width: 8px;
+        height: 8px;
+
+    }
+
+    .latest-con .list {
+        width: 47%;
+    }
+
+    .latest-con .list-a {
+        width: 100%;
+    }
+
+    .media-video .media-video-w .list {
+        width: 48%;
+        margin-right: 2%;
+    }
+
+    .media-swiper-pagination {
+        left: 0px !important;
+    }
+
+    .media-swiper-con div {
+        padding: 0 5px;
+    }
+
+    .media-swiper-con div .text {
+        font-size: 14px;
+
+    }
+
+    .team-con .list-con .list {
+        width: 48%;
+        margin-bottom: 15px;
+        margin-right: 2%;
+    }
+
+    .contactHref {
+        width: 100%;
+    }
+
+    .cooperation {
+        display: block;
+    }
+
+    .cooperation .one {
+        width: 50%;
+        margin: auto;
+        margin-bottom: 20px;
+    }
+
+    .in-ber div>:nth-child(1) {
+        font-size: 20px;
+    }
+
+    .cooperation .listCon .list {
+        width: 48%;
+        margin-left: 2%;
+    }
+
+    .in-ber div>:nth-child(2) {
+        font-size: 30px;
+    }
+
+    .targetCon .list {
+        width: 47%;
+    }
+
+    .targetCon .imgC {
+        width: 100%;
+        margin-right: 0px;
+    }
+
+    .in-ber {
+        height: 24vh;
+    }
+
+    .video-con {
+        flex-wrap: wrap;
+    }
+
+    .video-con .list {
+        width: 48%;
+        margin-bottom: 20px;
+    }
+
+    .w1236 .fs80 {
+        font-size: 30px;
+    }
+
+    .w1236 .fs40 {
+        font-size: 20px;
+    }
+}
+
+@media screen and (max-width:365px) {
+    .school-professional .list{
+        width: 47%;
+    }
 }
\ No newline at end of file
diff --git a/htmls/APS.html b/htmls/APS.html
index 15b2e4d..6b20b82 100644
--- a/htmls/APS.html
+++ b/htmls/APS.html
@@ -52,8 +52,8 @@
 
         <div class="studyAbroad-top" style="background-image: url(/imgs/APSBER.png); margin-bottom: 0px;">
             <div class="w1236 studyAbroad-top-con">
-                <p style="font-size: 80px;" class="titp">APS同专业辅导</p>
-                <p style="font-size: 40px;" class="text">超40+专业覆盖</p>
+                <p class="fs80" class="titp">APS同专业辅导</p>
+                <p class="fs40" class="text">超40+专业覆盖</p>
             </div>
         </div>
 
diff --git a/htmls/degree.html b/htmls/degree.html
index 212deff..84b4aa9 100644
--- a/htmls/degree.html
+++ b/htmls/degree.html
@@ -52,9 +52,9 @@
 
 
         <div class="studyAbroad-top" style="background-image: url(/imgs/ssber.png); margin-bottom: 0px;">
-            <div class="w1236 studyAbroad-top-con">
-                <p style="font-size: 80px;" class="titp">研究生精英计划</p>
-                <p style="font-size: 40px;" class="text">每一步，术业有专攻</p>
+            <div class="w1236 studyAbroad-top-con top-height">
+                <p  class="titp fs80">研究生精英计划</p>
+                <p  class="text fs40">每一步，术业有专攻</p>
             </div>
         </div>
 
@@ -64,7 +64,7 @@
                 <div class="left">
                     <p class="titp">留德过来人</p>
                     <p class="titp">带你一路“避坑”</p>
-                    <p class="text">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
+                    <p class="text clips2">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
                 </div>
                 <div class="right">
                     <img src="/imgs/public/y1.png" class="imgW" alt="">
@@ -97,7 +97,7 @@
                 <div class="right right-img">
                     <img src="/imgs/public/ss (2).png" class="imgW" alt="">
 
-                    <img src="/imgs/public/ss (1).png" class="imgW" alt="">
+                    <!-- <img src="/imgs/public/ss (1).png" class="imgW" alt=""> -->
                 </div>
             </div>
         </div>
@@ -119,8 +119,8 @@
                         </div>
                         <div class="text">
                             <p class="titp">Shi</p>
-                            <p class="p">杜塞尔多夫大学物流工程硕士 </p>
-                            <p class="p">现就职于德国知名企业</p>
+                            <p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
+                            <p class="p clips2">现就职于德国知名企业</p>
                         </div>
 
                     </div>
@@ -132,8 +132,8 @@
                         </div>
                         <div class="text">
                             <p class="titp">Shi</p>
-                            <p class="p">杜塞尔多夫大学物流工程硕士 </p>
-                            <p class="p">现就职于德国知名企业</p>
+                            <p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
+                            <p class="p clips2">现就职于德国知名企业</p>
                         </div>
 
                     </div>
@@ -145,8 +145,8 @@
                         </div>
                         <div class="text">
                             <p class="titp">Shi</p>
-                            <p class="p">杜塞尔多夫大学物流工程硕士 </p>
-                            <p class="p">现就职于德国知名企业</p>
+                            <p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
+                            <p class="p clips2">现就职于德国知名企业</p>
                         </div>
 
                     </div>
@@ -158,8 +158,8 @@
                         </div>
                         <div class="text">
                             <p class="titp">Shi</p>
-                            <p class="p">杜塞尔多夫大学物流工程硕士 </p>
-                            <p class="p">现就职于德国知名企业</p>
+                            <p class="p clips2">杜塞尔多夫大学物流工程硕士 </p>
+                            <p class="p clips2">现就职于德国知名企业</p>
                         </div>
 
                     </div>
@@ -304,7 +304,7 @@
 
              <div class="degree-plan-w">
                   <div class="list">
-                   <div class="list-img"><img src="/imgs/public/ic1.png" alt=""></div>
+                   <div class="list-img"><img class="imgW" src="/imgs/public/ic1.png" alt=""></div>
                    <div class="text">
                        <p class="titpa">01</p>
                        <p class="p">个性化 </p>
@@ -312,7 +312,7 @@
                    </div>
                   </div>
                   <div class="list">
-                    <div class="list-img"><img src="/imgs/public/ic2.png" alt=""></div>
+                    <div class="list-img"><img class="imgW" src="/imgs/public/ic2.png" alt=""></div>
                     <div class="text">
                         <p class="titpa">02</p>
                         <p class="p">专业导师
@@ -321,7 +321,7 @@
                     </div>
                    </div>
                    <div class="list">
-                    <div class="list-img"><img src="/imgs/public/ic3.png" alt=""></div>
+                    <div class="list-img"><img class="imgW" src="/imgs/public/ic3.png" alt=""></div>
                     <div class="text">
                         <p class="titpa">03</p>
                         <p class="p">多维匹配
@@ -330,7 +330,7 @@
                     </div>
                    </div>
                    <div class="list">
-                    <div class="list-img"><img src="/imgs/public/ic4.png" alt=""></div>
+                    <div class="list-img"><img class="imgW" src="/imgs/public/ic4.png" alt=""></div>
                     <div class="text">
                         <p class="titpa">04</p>
                         <p class="p">智囊团选课
@@ -339,7 +339,7 @@
                     </div>
                    </div>
                    <div class="list">
-                    <div class="list-img"><img src="/imgs/public/ic5.png" alt=""></div>
+                    <div class="list-img"><img class="imgW" src="/imgs/public/ic5.png" alt=""></div>
                     <div class="text">
                         <p class="titpa">05</p>
                         <p class="p">申请前后
@@ -348,7 +348,7 @@
                     </div>
                    </div>
                    <div class="list">
-                    <div class="list-img"><img src="/imgs/public/ic6.png" alt=""></div>
+                    <div class="list-img"><img class="imgW" src="/imgs/public/ic6.png" alt=""></div>
                     <div class="text">
                         <p class="titpa">06</p>
                         <p class="p">优化文书
diff --git a/htmls/highSchool.html b/htmls/highSchool.html
index abef50f..407384e 100644
--- a/htmls/highSchool.html
+++ b/htmls/highSchool.html
@@ -53,8 +53,8 @@
 
         <div class="studyAbroad-top" style="background-image: url(/imgs/public/gzber.png); margin-bottom: 0px;">
             <div class="w1236 studyAbroad-top-con">
-                <p style="font-size: 80px;" class="titp">德国精英高中直通</p>
-                <p style="font-size: 40px;" class="text">0.5+1+2 阶段式平稳适应</p>
+                <p  class="titp fs80">德国精英高中直通</p>
+                <p  class="text fs40">0.5+1+2 阶段式平稳适应</p>
             </div>
         </div>
 
@@ -71,19 +71,20 @@
                     <div class="swiper-slide">
                         <div class="school-swiper-con">
                             <img class="imgW" src="/imgs/public/xxdt.png" alt="">
-                            <img class="zt" src="/imgs/public/sollzt.png" alt="">
+                            <div class="suspended">   <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
+                         
                         </div>
                     </div>
                     <div class="swiper-slide">
                         <div class="school-swiper-con">
                             <img class="imgW" src="/imgs/public/xxdt.png" alt="">
-                            <img class="zt" src="/imgs/public/sollzt.png" alt="">
+                                <div class="suspended">   <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
                         </div>
                     </div>
                     <div class="swiper-slide">
                         <div class="school-swiper-con">
                             <img class="imgW" src="/imgs/public/xxdt.png" alt="">
-                            <img class="zt" src="/imgs/public/sollzt.png" alt="">
+                                <div class="suspended">   <img class="zt" src="/imgs/public/sollzt.png" alt=""></div>
                         </div>
                     </div>
                 </div>
@@ -97,7 +98,6 @@
         </div>
         <script>
             var mySwiper = new Swiper('.school-swiper-container', {
-                direction: 'vertical', // 垂直切换选项
                 loop: true, // 循环模式选项
 
                 // 如果需要分页器
@@ -140,7 +140,7 @@
             <div class="w1236 degree-right-con ">
                 <div class="left">
                     <p class="titp">丰富的课外活动</p>
-                    <p class="text">德国高中的课外活动通常分为运动类、艺术类和社会学习类。
+                    <p class="text clips3">德国高中的课外活动通常分为运动类、艺术类和社会学习类。
                         包括但不限于：马术、高尔夫、帆船、游泳、足球、曲棍球、篮球、滑雪、沙滩排球、射箭、音乐、话剧表演、消防救援等。</p>
                 </div>
                 <div class="school-right-img">
@@ -179,7 +179,7 @@
                 <div class="right">
                     <p class="titp">留德过来人</p>
                     <p class="titp">带你一路“避坑”</p>
-                    <p class="text">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
+                    <p class="text clips3">经验全能导师规划留德进程，疏通关键脉络。我们会以更专业的态度解答你所产生的每一个留德疑惑。</p>
                 </div>
 
             </div>
@@ -191,7 +191,7 @@
             <div class="school-tit ">
                 <p class="titp">"0.5+1+1"阶梯式平稳适应</p>
                 <p class="titp">德国高中学习生活</p>
-                <p class="text">半年左右在语言衔接课程中适应德国高中环境，达到一定的语言水平后入学。 进入第一年的引导阶段，通过考核后进入剩下两年的资格阶段，积极准备升入大学。</p>
+                <p class="text clips3">半年左右在语言衔接课程中适应德国高中环境，达到一定的语言水平后入学。 进入第一年的引导阶段，通过考核后进入剩下两年的资格阶段，积极准备升入大学。</p>
             </div>
 
             <div class="w1236 school-life">
@@ -209,8 +209,8 @@
                                 <p>从语言开始适应教学模式</p>
                             </div>
                             <div class="text">
-                                <p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
-                                <p>在平均为10人小班教学课堂中，德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
+                                <p class="clips3">学生将在语言寄宿学校进行生活适应和语言学习。 </p>
+                                <p class="clips3">在平均为10人小班教学课堂中，德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
                             </div>
                         </div>
                         <div class="list">
@@ -219,8 +219,8 @@
                                 <p>从语言开始适应教学模式</p>
                             </div>
                             <div class="text">
-                                <p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
-                                <p>在平均为10人小班教学课堂中，德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
+                                <p class="clips3">学生将在语言寄宿学校进行生活适应和语言学习。 </p>
+                                <p class="clips3">在平均为10人小班教学课堂中，德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
                             </div>
                         </div>
                         <div class="list">
@@ -229,8 +229,8 @@
                                 <p>从语言开始适应教学模式</p>
                             </div>
                             <div class="text">
-                                <p>学生将在语言寄宿学校进行生活适应和语言学习。 </p>
-                                <p>在平均为10人小班教学课堂中，德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
+                                <p class="clips3">学生将在语言寄宿学校进行生活适应和语言学习。 </p>
+                                <p class="clips3">在平均为10人小班教学课堂中，德国当地的老师将用各种生动有趣的教学方法激发学生学习德语的兴趣。</p>
                             </div>
                         </div>
                     </div>
@@ -306,14 +306,63 @@
             <div class="w1236">
                 <div class="school-professional">
                     <div class="list">
-                        <img src="/imgs/zy.png" alt="">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
                         <p class="titp">航空航天
                             工程类</p>
                         <div class="text">
                             <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
                         </div>
                     </div>
-
+                    <div class="list">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
+                        <p class="titp">航空航天
+                            工程类</p>
+                        <div class="text">
+                            <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
+                        </div>
+                    </div>  <div class="list">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
+                        <p class="titp">航空航天
+                            工程类</p>
+                        <div class="text">
+                            <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
+                        </div>
+                    </div>  <div class="list">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
+                        <p class="titp">航空航天
+                            工程类</p>
+                        <div class="text">
+                            <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
+                        </div>
+                    </div>  <div class="list">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
+                        <p class="titp">航空航天
+                            工程类</p>
+                        <div class="text">
+                            <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
+                        </div>
+                    </div>  <div class="list">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
+                        <p class="titp">航空航天
+                            工程类</p>
+                        <div class="text">
+                            <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
+                        </div>
+                    </div>  <div class="list">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
+                        <p class="titp">航空航天
+                            工程类</p>
+                        <div class="text">
+                            <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
+                        </div>
+                    </div>  <div class="list">
+                        <img class="imgW" src="/imgs/zy.png" alt="">
+                        <p class="titp">航空航天
+                            工程类</p>
+                        <div class="text">
+                            <p> 如：航天运输与控制、遥感科学与技术、飞行器设计与工程、飞行器动力工程等专业。</p>
+                        </div>
+                    </div> 
 
                 </div>
             </div>
@@ -333,7 +382,7 @@
                         <p class="text">国内申请流程</p>
                     </div>
                     <div class="two twoClick">
-                        <img src="/imgs/public/hga.png" alt="">
+                        <img class="imgW" src="/imgs/public/hga.png" alt="">
                         <p class="text">境外服务及入学流程</p>
                     </div>
                 </div>
diff --git a/htmls/media.html b/htmls/media.html
index 2b439b8..3246624 100644
--- a/htmls/media.html
+++ b/htmls/media.html
@@ -28,9 +28,9 @@
         <header class="header">
             <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="">媒体</a></li>
+                    <li class="li on"><a href="">媒体</a></li>
                     <li class="li"><a href="">SID</a></li>
                 </ul>
 
@@ -126,7 +126,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>
@@ -135,7 +135,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>
@@ -144,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>
@@ -153,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>
@@ -162,7 +162,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>
@@ -171,7 +171,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>
@@ -186,12 +186,12 @@
 
             <div class="latest-top">
                 <div class="latest-top-con">
-                    <p class="text">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
-                    <p class="text">这里写最新信息的内容这里写最新信息这里写最新信息的内容</p>
+                    <p class="text clips1">这里写最新信息的内容这里写最新信息这里写最新信息的内容...</p>
+                    <p class="text clips1">这里写最新信息的内容这里写最新信息这里写最新信息的内容</p>
                     <a href="">了解更多</a>
                 </div>
             </div>
-
+          
             <div class="latest-con">
                 <div class="latest-con-w">
                     <div class="list">
@@ -199,7 +199,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>
@@ -208,7 +208,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>
@@ -218,7 +218,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">
@@ -226,7 +226,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>
@@ -237,7 +237,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>
@@ -246,7 +246,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>
diff --git a/htmls/music.html b/htmls/music.html
index 71f5a43..3b214da 100644
--- a/htmls/music.html
+++ b/htmls/music.html
@@ -53,8 +53,8 @@
 
         <div class="studyAbroad-top" style="background-image: url(/imgs/public/mubicBer.png); margin-bottom: 0px;">
             <div class="w1236 studyAbroad-top-con">
-                <p style="font-size: 80px;" class="titp">德国音乐留学</p>
-                <p style="font-size: 40px;" class="text">德国音乐导师全程亲授指导</p>
+                <p class="fs80" class="titp">德国音乐留学</p>
+                <p class="fs40" class="text">德国音乐导师全程亲授指导</p>
             </div>
         </div>
 
diff --git a/htmls/prep.html b/htmls/prep.html
index de1a962..6c39489 100644
--- a/htmls/prep.html
+++ b/htmls/prep.html
@@ -53,8 +53,8 @@
 
         <div class="studyAbroad-top mb120" style="background-image: url(/imgs/ykber.png);">
             <div class="w1236 studyAbroad-top-con">
-                <p style="font-size: 80px;" class="titp">德国预科</p>
-                <p style="font-size: 40px;" class="text">每一步，术业有专攻</p>
+                <p class="fs80" class="titp">德国预科</p>
+                <p class="fs40" class="text">每一步，术业有专攻</p>
             </div>
         </div>
 
diff --git a/htmls/studyAbroad.html b/htmls/studyAbroad.html
index ce4f1f9..e9799fd 100644
--- a/htmls/studyAbroad.html
+++ b/htmls/studyAbroad.html
@@ -155,10 +155,10 @@
 
         <div class="w1236 studyAbroad-advertising-con">
             <p class="titp">SID学长线上面对面</p>
-            <p class="text">在这个疫情时代下，应该怎样规划自己的留德计划？
+            <p class="text clips1">在这个疫情时代下，应该怎样规划自己的留德计划？
             </p>
-            <p class="text">来自德国不同的城市、不同的专业和大学的学长、学姐们将以线上</p>
-            <p class="text"> 面对面的形式谈谈他们的经验和想法。</p>
+            <p class="text clips1">来自德国不同的城市、不同的专业和大学的学长、学姐们将以线上</p>
+            <p class="text clips1"> 面对面的形式谈谈他们的经验和想法。</p>
             <a href="" class="lja" style="margin-top: 36px;">了解更多</a>
         </div>
 
@@ -174,7 +174,7 @@
                     <div class="swiper-slide">
                          <div class="studyAbroad-swiper">
                               <img src="/imgs/public/xz.png" class="imgW" alt="">
-                              <div class="make" ><<p>01</p><p>SID坚持同专业辅导</p></div>
+                              <div class="make" ><p>01</p><p>SID坚持同专业辅导</p></div>
                          </div>
                     </div>
                 </div>
@@ -182,8 +182,8 @@
             </div>
 
             <div class="studyAbroad-swiper-text">
-             <p class="p">SID秉承“术业有专攻”的理念，在德国留学行业提出APS审核同专业线上1v1辅导。</p>
-             <p class="p"> 导师团队囊括超过40个种类的专业，95%来自于德国名校，其中有80%为在德博士深造及德企员工。通过线上知识点梳理、外语面试模拟等多种备考技巧，初次通过率高达90%。</p>
+             <p class="p clips2">SID秉承“术业有专攻”的理念，在德国留学行业提出APS审核同专业线上1v1辅导。</p>
+             <p class="p clips2"> 导师团队囊括超过40个种类的专业，95%来自于德国名校，其中有80%为在德博士深造及德企员工。通过线上知识点梳理、外语面试模拟等多种备考技巧，初次通过率高达90%。</p>
              <a href="" style="margin-top: 14px;" class="lja">了解详情</a>
             </div>
         </div>
diff --git a/htmls/undergraduate.html b/htmls/undergraduate.html
index e5edbb6..e2ea5c6 100644
--- a/htmls/undergraduate.html
+++ b/htmls/undergraduate.html
@@ -53,8 +53,8 @@
 
         <div class="studyAbroad-top" style="background-image: url(/imgs/public/benkelun.png); margin-bottom: 0px;">
             <div class="w1236 studyAbroad-top-con">
-                <p style="font-size: 80px;" class="titp">本科朝浪计划</p>
-                <p style="font-size: 40px;" class="text">稳步规划你的德国留学之路</p>
+                <p class="fs80" class="titp">本科朝浪计划</p>
+                <p class="fs40" class="text">稳步规划你的德国留学之路</p>
             </div>
         </div>
 
diff --git a/imgs/public/icon2.png b/imgs/public/icon2.png
new file mode 100644
index 0000000..a7f3d2d
Binary files /dev/null and b/imgs/public/icon2.png differ
diff --git a/imgs/public/icon3.png b/imgs/public/icon3.png
new file mode 100644
index 0000000..1a32473
Binary files /dev/null and b/imgs/public/icon3.png differ
diff --git a/imgs/public/iocn.png b/imgs/public/iocn.png
new file mode 100644
index 0000000..ba90038
Binary files /dev/null and b/imgs/public/iocn.png differ
diff --git a/imgs/public/iocn1.png b/imgs/public/iocn1.png
new file mode 100644
index 0000000..c5bd393
Binary files /dev/null and b/imgs/public/iocn1.png differ
diff --git a/imgs/public/meric-dagli-rX4V28CsXQg-unsplash.png b/imgs/public/meric-dagli-rX4V28CsXQg-unsplash.png
deleted file mode 100644
index 203ceab..0000000
Binary files a/imgs/public/meric-dagli-rX4V28CsXQg-unsplash.png and /dev/null differ
diff --git a/imgs/public/meric-dagli-rX4V28CsXQg-unsplash@2x.png b/imgs/public/meric-dagli-rX4V28CsXQg-unsplash@2x.png
deleted file mode 100644
index dc1b555..0000000
Binary files a/imgs/public/meric-dagli-rX4V28CsXQg-unsplash@2x.png and /dev/null differ
diff --git a/imgs/public/telimg.png b/imgs/public/telimg.png
new file mode 100644
index 0000000..89a9cbf
Binary files /dev/null and b/imgs/public/telimg.png differ
diff --git a/imgs/public/wxber.png b/imgs/public/wxber.png
new file mode 100644
index 0000000..08b10f2
Binary files /dev/null and b/imgs/public/wxber.png differ
diff --git a/imgs/public/zjtHover.png b/imgs/public/zjtHover.png
new file mode 100644
index 0000000..9de78e7
Binary files /dev/null and b/imgs/public/zjtHover.png differ
diff --git a/imgs/public/上知乎，向SID留学提问，解决你的留德疑惑.png b/imgs/public/上知乎，向SID留学提问，解决你的留德疑惑.png
deleted file mode 100644
index 837a716..0000000
Binary files a/imgs/public/上知乎，向SID留学提问，解决你的留德疑惑.png and /dev/null differ
diff --git a/imgs/public/上知乎，向SID留学提问，解决你的留德疑惑@2x.png b/imgs/public/上知乎，向SID留学提问，解决你的留德疑惑@2x.png
deleted file mode 100644
index f52dbcf..0000000
Binary files a/imgs/public/上知乎，向SID留学提问，解决你的留德疑惑@2x.png and /dev/null differ
diff --git a/imgs/public/知乎问答.png b/imgs/public/知乎问答.png
deleted file mode 100644
index a6a712d..0000000
Binary files a/imgs/public/知乎问答.png and /dev/null differ
diff --git a/imgs/public/知乎问答@2x.png b/imgs/public/知乎问答@2x.png
deleted file mode 100644
index df4d7a0..0000000
Binary files a/imgs/public/知乎问答@2x.png and /dev/null differ
diff --git a/imgs/public/矩形 1382.png b/imgs/public/矩形 1382.png
deleted file mode 100644
index 69d73fb..0000000
Binary files a/imgs/public/矩形 1382.png and /dev/null differ
diff --git a/imgs/public/矩形 1382@2x.png b/imgs/public/矩形 1382@2x.png
deleted file mode 100644
index 7739d1f..0000000
Binary files a/imgs/public/矩形 1382@2x.png and /dev/null differ
diff --git a/imgs/public/组 2849.png b/imgs/public/组 2849.png
deleted file mode 100644
index 6e9fd71..0000000
Binary files a/imgs/public/组 2849.png and /dev/null differ
diff --git a/imgs/public/组 2849@2x.png b/imgs/public/组 2849@2x.png
deleted file mode 100644
index 351eedb..0000000
Binary files a/imgs/public/组 2849@2x.png and /dev/null differ
diff --git a/imgs/public/组 3021@2x.png b/imgs/public/组 3021@2x.png
new file mode 100644
index 0000000..91a69e8
Binary files /dev/null and b/imgs/public/组 3021@2x.png differ
diff --git a/imgs/public/首页  媒体  知乎问答.png b/imgs/public/首页  媒体  知乎问答.png
deleted file mode 100644
index cdaabc6..0000000
Binary files a/imgs/public/首页  媒体  知乎问答.png and /dev/null differ
diff --git a/imgs/public/首页  媒体  知乎问答@2x.png b/imgs/public/首页  媒体  知乎问答@2x.png
deleted file mode 100644
index a181287..0000000
Binary files a/imgs/public/首页  媒体  知乎问答@2x.png and /dev/null differ
diff --git a/index.html b/index.html
index 6b85814..f068df8 100644
--- a/index.html
+++ b/index.html
@@ -41,6 +41,12 @@
 					</div>
 					<a href=""><img src="/imgs/public/logo.png" alt=""></a>
 				</div>
+
+				<div class="navClick">
+                   <p></p>
+				   <p></p>
+				   <p></p>
+				</div>
 			</nav>
 		</header>
 
@@ -76,7 +82,7 @@
 
 			})
 		</script>
-		<div class="one-con w1236">
+		 <div class="one-con w1236">
 			<div class="title">
 				<p>最新动态</p>
 				<a href="">全部 ><img src="" alt=""></a>
@@ -84,7 +90,7 @@
 
 			<div class="dynamic">
 				<a href="" class="left">
-					<img src="/imgs/in2.png" alt="">
+					<img  class="imgW"  src="/imgs/in2.png" alt="">
 					<div class="make">
 						<p class="date">2021-10-10</p>
 						<p class="text">高考留德经验分享：我是如何通过高考去德国的？</p>
@@ -117,7 +123,7 @@
 			<div class="video-con">
 				<div class="list">
 					<div class="videoImg">
-						<img src="/imgs/1.png" alt="">
+						<img class="imgW" src="/imgs/1.png" alt="">
 					</div>
 					<div class="text">
 						<p class="p">德国留学必看：2021德国WIWO高校排名【快速版】</p>
@@ -126,7 +132,7 @@
 				</div>
 				<div class="list">
 					<div class="videoImg">
-						<img src="/imgs/1.png" alt="">
+						<img class="imgW" src="/imgs/1.png" alt="">
 					</div>
 					<div class="text">
 						<p class="p">德国留学必看：2021德国WIWO高校排名【快速版】</p>
@@ -135,7 +141,7 @@
 				</div>
 				<div class="list">
 					<div class="videoImg">
-						<img src="/imgs/1.png" alt="">
+						<img class="imgW" src="/imgs/1.png" alt="">
 					</div>
 					<div class="text">
 						<p class="p">德国留学必看：2021德国WIWO高校排名【快速版】</p>
@@ -172,44 +178,50 @@
 				<img class="imgW" src="/imgs/a.png" alt="">
 			</div>
 		</div>
-		<div class="impact">
+		
+		<div class="impact index-impact">
 			<div class="img">
 				<img class="imgW" src="/imgs/a.png" alt="">
 			</div>
 			<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>
 			</div>
 		</div>
-		<p class="title">选择你的留德目标</p>
+	<p class="title">选择你的留德目标</p>
 
 		<div class="w1236 target">
 			<div class="targetCon">
@@ -260,7 +272,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">
@@ -294,15 +306,15 @@
 
 			</div>
 		</div>
-
+	
 		<div class="contact w1236">
 			<div class="contact-con">
 				<p class="titp">与德国高校共建升学绿色通道</p>
-				<p class="text">SID牵手德国洪堡中心、亚琛工业大学国际学院、德累斯顿工业大学高级研究院、多特蒙德国际管理商学院ISM、EBS商学院和SRH Berlin柏林应用科技大学、欧洲应用科技大学UE、柏林艺术学院、汉诺威音乐学院等高校，达成德国升学的绿色通道。</p>
+				<p class="text clips3">SID牵手德国洪堡中心、亚琛工业大学国际学院、德累斯顿工业大学高级研究院、多特蒙德国际管理商学院ISM、EBS商学院和SRH Berlin柏林应用科技大学、欧洲应用科技大学UE、柏林艺术学院、汉诺威音乐学院等高校，达成德国升学的绿色通道。</p>
 			</div>
 			<div class="contact-con">
 				<p class="titp">与德企一道提供更优质的服务</p>
-				<p class="text">我们也是德国保险巨头DAK、TK、Barmer；德国电信巨头沃达丰Vodafon；德国自保证官方账户提供房Fintiba、Expatrio的官方战略合作伙伴，为客户提供了全面的境外必要服务。</p>
+				<p class="text  clips3">我们也是德国保险巨头DAK、TK、Barmer；德国电信巨头沃达丰Vodafon；德国自保证官方账户提供房Fintiba、Expatrio的官方战略合作伙伴，为客户提供了全面的境外必要服务。</p>
 			</div>
 			<a href="" class="contactHref">联系SID</a>
 		</div>
@@ -397,7 +409,7 @@
 				</div>
 			</div>
 		</div>
-		<footer class="footer">
+	<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>
@@ -418,7 +430,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>
@@ -464,6 +476,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", () => {