6698 lines
115 KiB
CSS
6698 lines
115 KiB
CSS
.w1236 {
|
|
width: 1236px;
|
|
margin: auto;
|
|
}
|
|
|
|
.imgW {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
|
|
}
|
|
|
|
.pt160 {
|
|
padding-top: 160px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.header {
|
|
padding-top: 106px;
|
|
|
|
}
|
|
.header .header-con{
|
|
width: 100%;
|
|
background-color: #F5F5F5;
|
|
height: 106px;
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 20;
|
|
}
|
|
.header .nav {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.header .nav ul {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
|
|
.header .nav .li a {
|
|
color: #757575;
|
|
font-size: 18px;
|
|
margin-right: 70px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.header .nav .on a {
|
|
color: #EEB20E;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.header .nav .on>a::after {
|
|
content: "";
|
|
width: 70px;
|
|
height: 6px;
|
|
left: 0px;
|
|
|
|
background: #EEB20E;
|
|
position: absolute;
|
|
bottom: -39px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.int {
|
|
position: relative;
|
|
margin-right: 36px;
|
|
}
|
|
|
|
.int input {
|
|
width: 89px;
|
|
height: 36px;
|
|
background: #E4E4E4;
|
|
opacity: 1;
|
|
border: none;
|
|
padding-left: 20px;
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 9px;
|
|
}
|
|
|
|
.int img {
|
|
width: 26px;
|
|
height: 26px;
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 15%;
|
|
}
|
|
|
|
.int input::placeholder {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
|
|
padding-left: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.int-con {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.in-ber {
|
|
width: 100%;
|
|
height: 780px;
|
|
background-size: auto 100%;
|
|
}
|
|
|
|
.in-ber div>:nth-child(1) {
|
|
font-size: 56px;
|
|
font-weight: 400;
|
|
text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
|
|
color: #fff;
|
|
}
|
|
|
|
.in-ber div {
|
|
padding-top: 220px;
|
|
}
|
|
|
|
.in-ber div>:nth-child(2) {
|
|
font-size: 84px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.index-swiper-container {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.one-con .title {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-top: 90px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.one-con .title>:nth-child(1) {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #0C0C0C;
|
|
}
|
|
|
|
.one-con .title>:nth-child(2) {
|
|
display: block;
|
|
width: 70px;
|
|
text-align: center;
|
|
height: 32px;
|
|
border: 1px solid #CCCCCC;
|
|
font-size: 13px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
color: #8F8F8F;
|
|
opacity: 1;
|
|
}
|
|
|
|
.dynamic .left {
|
|
position: relative;
|
|
width: 810px;
|
|
height: 456px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dynamic .left .date {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.dynamic .left .text {
|
|
font-size: 36px;
|
|
width: 679px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.dynamic .left .make {
|
|
width: 100%;
|
|
padding: 2px 37px 0px;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
color: #fff;
|
|
height: 167px;
|
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
|
|
}
|
|
|
|
.dynamic .left .make img {
|
|
position: absolute;
|
|
right: 37px;
|
|
top: 50%
|
|
}
|
|
|
|
.dynamic .right {
|
|
text-align: right;
|
|
flex: 1;
|
|
}
|
|
|
|
.dynamic .right a {
|
|
display: inline-block;
|
|
position: relative;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
width: 388px;
|
|
height: 218px;
|
|
}
|
|
|
|
.dynamic .right a .img {
|
|
width: 100%;
|
|
background: rgba(0, 0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
|
|
.dynamic .right a .make {
|
|
padding: 20px 30px 0px;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
|
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
|
|
width: 100%;
|
|
}
|
|
|
|
.dynamic .right a .make .date {
|
|
margin-bottom: 5px;
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.dynamic .right a .make .text {
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
width: 288px;
|
|
}
|
|
|
|
.dynamic .right .make img {
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 24px;
|
|
right: 37px;
|
|
top: 50%
|
|
}
|
|
|
|
.dynamic {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 90px;
|
|
}
|
|
|
|
.dynamic .right .top {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.video-con {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.video-con .list .videoImg {
|
|
width: 388px;
|
|
height: 218px;
|
|
}
|
|
|
|
.video-con .list .text {
|
|
width: 388px;
|
|
height: 145px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
padding: 26px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.video-con .list .text .p {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 28px;
|
|
margin-bottom: 14px;
|
|
color: #171717;
|
|
}
|
|
|
|
.video-con .list .text .date {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #9B9B9B;
|
|
}
|
|
|
|
.advertising {
|
|
width: 100%;
|
|
height: 750px;
|
|
background-image: url("/imgs/public/ggber.png");
|
|
background-size: auto 100%;
|
|
}
|
|
|
|
.advertising .con .titP {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
}
|
|
|
|
.advertising .con .text {
|
|
width: 495px;
|
|
margin-top: 35px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
}
|
|
|
|
.advertising .con a {
|
|
width: 176px;
|
|
height: 48px;
|
|
margin-top: 46px;
|
|
background: #EEB20E;
|
|
display: block;
|
|
opacity: 1;
|
|
text-align: center;
|
|
line-height: 48px;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.advertising .con {
|
|
display: flex;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.about .left {
|
|
width: 51%;
|
|
height: 750px;
|
|
text-align: right;
|
|
background: #F4F4F5;
|
|
text-align: right;
|
|
|
|
text-align: -webkit-right;
|
|
padding-right: 106px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.about .left .leftCon {
|
|
text-align: left;
|
|
width: 530px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
height: 100%;
|
|
}
|
|
|
|
.about .left .leftCon .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #171717;
|
|
opacity: 1;
|
|
margin-bottom: 68px;
|
|
}
|
|
|
|
.about .left .leftCon .text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
color: #484848;
|
|
margin-bottom: 40px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.about .left .leftCon a {
|
|
width: 176px;
|
|
height: 48px;
|
|
margin-top: 46px;
|
|
background: #EEB20E;
|
|
display: block;
|
|
opacity: 1;
|
|
text-align: center;
|
|
line-height: 48px;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.about {
|
|
display: flex;
|
|
margin-top: 120px;
|
|
}
|
|
|
|
.about .img {
|
|
width: 600px;
|
|
height: 750px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.impact .right {
|
|
width: 51%;
|
|
height: 750px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
text-align: left;
|
|
padding-left: 106px;
|
|
text-align: -webkit-left;
|
|
}
|
|
|
|
.impact {
|
|
margin-top: 120px;
|
|
display: flex;
|
|
margin-bottom: 160px;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.impact .right .rightCon {
|
|
width: 530px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.impact .right .rightCon .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
opacity: 1;
|
|
margin-bottom: 48px;
|
|
}
|
|
|
|
.impact .right .rightCon .text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
color: #484848;
|
|
opacity: 1;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.impact .right .rightCon a {
|
|
width: 100%;
|
|
display: flex;
|
|
padding-right: 26px;
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
padding: 3px 5px;
|
|
margin-top: 31px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.impact .right .rightCon a .tb {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.impact .right .rightCon a .tb div {
|
|
width: 24px;
|
|
height: 24px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 6px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.impact .right .rightCon a .zf div {
|
|
background: #1AB9FF;
|
|
}
|
|
|
|
.impact .right .rightCon a .wb div {
|
|
|
|
background: #FF5353;
|
|
}
|
|
|
|
.impact .right .rightCon a .wx div {
|
|
background: #59D255;
|
|
}
|
|
|
|
.impact .right .rightCon a .bl div {
|
|
|
|
background: #FF88B5;
|
|
}
|
|
|
|
.impact .right .rightCon a .tb span {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #171717;
|
|
}
|
|
|
|
.title {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #0C0C0C;
|
|
}
|
|
|
|
.target {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.targetCon {
|
|
margin-top: 67px;
|
|
width: 103%;
|
|
}
|
|
|
|
.targetCon .list {
|
|
width: 282px;
|
|
margin-bottom: 36px;
|
|
height: 222px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
display: flex;
|
|
margin-right: 36px;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding-left: 42px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.targetCon .list:hover {
|
|
background: #EEB20E;
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
|
|
}
|
|
.apply-btn:hover{
|
|
background: #EEB20E;
|
|
}
|
|
|
|
.targetCon .list .titp p {
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
padding-bottom: 16px;
|
|
margin-right: 10px;
|
|
line-height: 31px;
|
|
display: inline-block;
|
|
color: #0C0C0C;
|
|
|
|
border-bottom: 7px solid #EEB20E;
|
|
}
|
|
|
|
.targetCon .list:hover .titp p {
|
|
|
|
color: #FFFFFF;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.targetCon .list .titp img {
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.targetCon .list .text {
|
|
font-size: 16px;
|
|
margin-top: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #707070;
|
|
opacity: 1;
|
|
}
|
|
|
|
.targetCon .list:hover .text {
|
|
color: #fff;
|
|
}
|
|
|
|
.mt160 {
|
|
margin-top: 160px;
|
|
}
|
|
|
|
.targetCon .imgC {
|
|
width: 600px;
|
|
margin-bottom: 36px;
|
|
display: inline-block;
|
|
margin-right: 36px;
|
|
}
|
|
|
|
.targetCon {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.cooperation {
|
|
display: flex;
|
|
margin-top: 40px;
|
|
|
|
}
|
|
|
|
.cooperation .one {
|
|
width: 282px;
|
|
height: 385px;
|
|
}
|
|
|
|
.cooperation .listCon {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex: 1;
|
|
}
|
|
|
|
.cooperation .listCon .list {
|
|
width: 282px;
|
|
height: 107px;
|
|
margin-left: 36px;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.contact {
|
|
height: 484px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
padding: 54px 106px 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.contact .contact-con {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.contact .contact-con .titp {
|
|
font-size: 20px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #0C0C0C;
|
|
position: relative;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.contact .contact-con .titp::after {
|
|
content: "";
|
|
width: 8px;
|
|
height: 24px;
|
|
background: #FFCD43;
|
|
opacity: 1;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 5px;
|
|
}
|
|
|
|
.contact .contact-con .text {
|
|
width: 1024px;
|
|
margin-top: 15px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
color: #484848;
|
|
opacity: 1;
|
|
}
|
|
|
|
.contactHref {
|
|
width: 388px;
|
|
height: 48px;
|
|
display: block;
|
|
background: #EEB20E;
|
|
opacity: 1;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin: auto;
|
|
line-height: 48px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.team {
|
|
|
|
background: #F4F4F5;
|
|
}
|
|
|
|
.team-con {
|
|
padding-top: 160px;
|
|
}
|
|
|
|
.team-con .tit {
|
|
text-align: center;
|
|
margin-bottom: 72px;
|
|
}
|
|
|
|
.team-con .tit .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #171717;
|
|
opacity: 1;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.team-con .tit .text {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
color: #484848;
|
|
|
|
opacity: 1;
|
|
}
|
|
|
|
.team-con .list-con .list {
|
|
margin-right: 36px;
|
|
font-size: 16px;
|
|
width: 282px;
|
|
color: #707070;
|
|
line-height: 25px;
|
|
margin-bottom: 86px;
|
|
text-align: center;
|
|
}
|
|
|
|
.team-con .list-con .list .imgTit {
|
|
width: 100%;
|
|
height: 282px;
|
|
border-radius: 50%;
|
|
margin-bottom: 28px;
|
|
|
|
background: #B5B5B5;
|
|
}
|
|
|
|
.team-con .list-con .list .titp {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
line-height: 28px;
|
|
color: #171717;
|
|
opacity: 1;
|
|
}
|
|
|
|
.team-con .list-con {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.team-con .list-con {
|
|
width: 103%;
|
|
}
|
|
|
|
.footer .list-con {
|
|
width: 100%;
|
|
height: 48px;
|
|
background: #3D3D3D;
|
|
opacity: 1;
|
|
}
|
|
|
|
.footer .list-con .ul {
|
|
display: flex;
|
|
height: 100%;
|
|
align-items: center;
|
|
}
|
|
|
|
.footer .list-con .ul .li {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 21px;
|
|
margin-right: 40px;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
}
|
|
|
|
.footer {
|
|
|
|
background: #F4F4F5;
|
|
}
|
|
|
|
.footer-con {
|
|
padding-top: 55px;
|
|
}
|
|
|
|
.footer-con .one {
|
|
margin-right: 30px;
|
|
padding-top: 55px;
|
|
|
|
}
|
|
|
|
.footer-con .one>:nth-child(1) {
|
|
width: 173px;
|
|
height: 70px;
|
|
}
|
|
|
|
.footer-con .one>:nth-child(2) {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 24px;
|
|
margin-bottom: 17px;
|
|
color: #0C0C0C;
|
|
margin-top: 34px;
|
|
}
|
|
|
|
.footer-con .one>:nth-child(3)>:nth-child(1) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
}
|
|
|
|
.footer-con .one .address {
|
|
display: flex;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.footer-con .one .address>:nth-child(1) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
display: inline-block;
|
|
}
|
|
|
|
.footer-con .one .address>:nth-child(2) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
width: 333px;
|
|
display: inline-block;
|
|
color: #707070;
|
|
}
|
|
|
|
.footer-con .one .date>:nth-child(1) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
}
|
|
|
|
.footer-con .one .date>:nth-child(2) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
|
|
}
|
|
|
|
.footer-con .one .wx {
|
|
display: flex;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.footer-con .one .wx img {
|
|
width: 106px;
|
|
margin-right: 30px;
|
|
max-height: 106px;
|
|
}
|
|
|
|
.footer-con {
|
|
display: flex;
|
|
}
|
|
|
|
.footer-con .two {
|
|
padding-top: 159px;
|
|
}
|
|
|
|
.footer-con .two .titp {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 24px;
|
|
color: #0C0C0C;
|
|
margin-bottom: 23px;
|
|
}
|
|
|
|
.footer-con .two>:nth-child(2) {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.footer-con .two>:nth-child(2)>:nth-child(1) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
}
|
|
|
|
.footer-con .two>:nth-child(2)>:nth-child(2) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
}
|
|
|
|
.footer-con .two>:nth-child(3)>:nth-child(1) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
}
|
|
|
|
.footer-con .two>:nth-child(3)>:nth-child(2) {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #707070;
|
|
}
|
|
|
|
.footer-con .two .zx {
|
|
margin-top: 40px;
|
|
width: 250px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.footer-con .two .zx a {
|
|
display: flex;
|
|
width: 110px;
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
height: 30px;
|
|
margin-bottom: 19px;
|
|
}
|
|
|
|
.footer-con .two .zx a div {
|
|
width: 24px;
|
|
height: 24px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 6px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.footer-con .two .zx>:nth-child(3)>div {
|
|
background: #1AB9FF;
|
|
}
|
|
|
|
.footer-con .two .zx>:nth-child(1)>div {
|
|
background: #FF5353;
|
|
}
|
|
|
|
.footer-con .two .zx>:nth-child(2)>div {
|
|
background: #59D255;
|
|
}
|
|
|
|
.footer-con .two .zx>:nth-child(4)>div {
|
|
background: #FF88B5;
|
|
}
|
|
|
|
.bq {
|
|
font-size: 12px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 16px;
|
|
margin-top: 64px;
|
|
color: #8F8F8F;
|
|
}
|
|
|
|
.media-nav {
|
|
width: 100%;
|
|
display: flex;
|
|
background: #3D3D3D;
|
|
height: 60px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.header .nav .li .media-nav a {
|
|
margin-right: 0px;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 21px;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
margin: 0 32px;
|
|
}
|
|
|
|
.media-nav .on {
|
|
|
|
color: #FFCD43;
|
|
}
|
|
|
|
.media-top {
|
|
position: relative;
|
|
}
|
|
|
|
.media-top img {
|
|
width: 100%;
|
|
height: 403px;
|
|
position: absolute;
|
|
top: 60px;
|
|
}
|
|
|
|
.media-main {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.media-main .media-tit {
|
|
text-align: center;
|
|
padding-top: 104px;
|
|
}
|
|
|
|
.media-main .media-tit .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 47px;
|
|
color: #FFFFFF;
|
|
margin-bottom: 15px;
|
|
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
}
|
|
|
|
.media-main .media-tit .text {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 21px;
|
|
color: #FFFFFF;
|
|
margin-bottom: 70px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.nav-A {
|
|
|
|
display: flex;
|
|
}
|
|
|
|
.nav-A a {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
}
|
|
|
|
.media-swiper {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.media-swiper-container {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.media-swiper-con {
|
|
width: 100%;
|
|
background-size: 100%;
|
|
height: 600px;
|
|
position: relative;
|
|
}
|
|
|
|
.media-swiper-con div {
|
|
position: absolute;
|
|
bottom: 100px;
|
|
padding-left: 45px;
|
|
width: 750px;
|
|
}
|
|
|
|
.media-swiper-con div .date {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.media-swiper-con div .text {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
padding: 0 10px;
|
|
line-height: 58px;
|
|
margin-bottom: 5px;
|
|
display: inline-block;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
|
|
background: #0C0C0C;
|
|
}
|
|
|
|
.media-swiper-pagination {
|
|
position: absolute;
|
|
z-index: 5;
|
|
bottom: 20px !important;
|
|
left: 45px !important;
|
|
}
|
|
|
|
.media-swiper-pagination span {
|
|
width: 15px;
|
|
height: 15px;
|
|
border: 1px solid #FFFFFF;
|
|
border-radius: 50%;
|
|
opacity: 1;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.media-swiper-pagination .swiper-pagination-bullet-active {
|
|
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
|
|
.media-main .title {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-top: 90px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.media-main .title>:nth-child(1) {
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #0C0C0C;
|
|
}
|
|
|
|
.media-main .title>:nth-child(2) {
|
|
display: block;
|
|
width: 70px;
|
|
text-align: center;
|
|
height: 32px;
|
|
border: 1px solid #CCCCCC;
|
|
font-size: 13px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
color: #8F8F8F;
|
|
opacity: 1;
|
|
}
|
|
|
|
.media-video {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.media-video .media-video-w .list {
|
|
width: 282px;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.media-video .media-video-w .list .list-img {
|
|
width: 100%;
|
|
height: 158px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.media-video .media-video-w .list .list-text {
|
|
width: 100%;
|
|
height: 179px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
padding: 28px 24px 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.media-video .media-video-w .list .list-text .date {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #9B9B9B;
|
|
opacity: 1;
|
|
}
|
|
|
|
.media-video .media-video-w .list .list-text .text {
|
|
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
|
|
height: 78px;
|
|
line-height: 26px;
|
|
margin-bottom: 26px;
|
|
color: #171717;
|
|
}
|
|
|
|
.media-video .media-video-w {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 103%;
|
|
}
|
|
|
|
.latest-top {
|
|
height: 400px;
|
|
background: rgba(0, 0, 0, 0);
|
|
opacity: 1;
|
|
background-image: url("/imgs/public/zx.png");
|
|
background-size: auto 100%;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
margin-bottom: 36px;
|
|
|
|
}
|
|
|
|
.latest-top .text {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 47px;
|
|
color: #FFFFFF;
|
|
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
opacity: 1;
|
|
}
|
|
|
|
.latest-top a {
|
|
width: 176px;
|
|
height: 40px;
|
|
background: #EEB20E;
|
|
margin-top: 24px;
|
|
opacity: 1;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.latest-top .latest-top-con {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
width: 100%;
|
|
padding-left: 70px;
|
|
padding-bottom: 48px;
|
|
height: 269px;
|
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
|
|
}
|
|
|
|
.latest-con {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.latest-con .list {
|
|
width: 282px;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.latest-con .list .list-img {
|
|
width: 100%;
|
|
height: 158px;
|
|
overflow: hidden;
|
|
|
|
background: #9B9B9B;
|
|
}
|
|
|
|
.latest-con .list .list-text {
|
|
width: 100%;
|
|
height: 179px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
padding: 28px 24px 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.latest-con .list .list-text .date {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 19px;
|
|
color: #9B9B9B;
|
|
opacity: 1;
|
|
}
|
|
|
|
.latest-con-w {
|
|
width: 103%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.latest-con .list .list-text .text {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
height: 78px;
|
|
line-height: 26px;
|
|
margin-bottom: 26px;
|
|
color: #171717;
|
|
}
|
|
|
|
.latest-con .list-a {
|
|
width: 600px;
|
|
height: 337px;
|
|
background: #9B9B9B;
|
|
opacity: 1;
|
|
margin-bottom: 36px;
|
|
position: relative;
|
|
}
|
|
|
|
.latest-con .list-a div {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
padding-left: 28px;
|
|
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%);
|
|
}
|
|
|
|
.latest-con .list-a div .date {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 21px;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
}
|
|
|
|
.latest-con .list-a div .text {
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 31px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.studyAbroad-top {
|
|
width: 100%;
|
|
height: 700px;
|
|
margin-bottom: 141px;
|
|
background-image: url("/imgs/lxber.png");
|
|
background-size: auto 100%;
|
|
|
|
}
|
|
|
|
.studyAbroad-top-con {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
height: 100%;
|
|
}
|
|
|
|
.studyAbroad-top-con .titp {
|
|
font-size: 54px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #FFFFFF;
|
|
text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.studyAbroad-top-con .text {
|
|
font-size: 80px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
|
|
opacity: 1;
|
|
}
|
|
|
|
.studyAbroad-guide {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
.studyAbroad-guide .left {
|
|
width: 54%;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.studyAbroad-guide .right {
|
|
flex: 1;
|
|
|
|
background: #2D2D2D;
|
|
display: flex;
|
|
padding-left: 60px;
|
|
box-sizing: border-box;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.studyAbroad-guide .right .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 47px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.studyAbroad-guide .right>:nth-child(2) {
|
|
margin-bottom: 44px;
|
|
}
|
|
|
|
.studyAbroad-guide .right .text {
|
|
font-size: 18px;
|
|
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #FFFFFF;
|
|
width: 360px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.studyAbroad-guide .right a {
|
|
width: 176px;
|
|
height: 40px;
|
|
background: #EEB20E;
|
|
margin-top: 54px;
|
|
opacity: 1;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
.lja {
|
|
width: 176px;
|
|
height: 40px;
|
|
background: #EEB20E;
|
|
opacity: 1;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.studyAbroad-mt {
|
|
margin-top: 42px;
|
|
}
|
|
|
|
.studyAbroad-advertising {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.studyAbroad-advertising .addressImg {
|
|
position: absolute;
|
|
top: 128px;
|
|
left: 81px;
|
|
}
|
|
|
|
.studyAbroad-advertising-con {
|
|
background-image: url("/imgs/mdmber.png");
|
|
height: 480px;
|
|
position: relative;
|
|
z-index: 1;
|
|
padding-left: 70px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
background-size: auto 100%;
|
|
}
|
|
|
|
.studyAbroad-advertising-con .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
margin-bottom: 38px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.studyAbroad-advertising-con .text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
}
|
|
|
|
.studyAbroad-choose {
|
|
margin-top: 360px;
|
|
position: relative;
|
|
}
|
|
|
|
.studyAbroad-choose .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
width: 388px;
|
|
height: 71px;
|
|
line-height: 71px;
|
|
margin: auto;
|
|
text-align: center;
|
|
background: #FFC830;
|
|
opacity: 1;
|
|
}
|
|
|
|
.studyAbroad-choose .text {
|
|
width: 672px;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 32px;
|
|
margin: auto;
|
|
margin-top: 32px;
|
|
color: #000000;
|
|
margin-bottom: 88px;
|
|
}
|
|
|
|
.studyAbroad-swiper-container {
|
|
overflow: hidden;
|
|
height: 509px;
|
|
}
|
|
|
|
.studyAbroad-swiper {
|
|
width: 100%;
|
|
height: 509px;
|
|
position: relative;
|
|
}
|
|
|
|
.studyAbroad-swiper .make {
|
|
height: 77px;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
border: 1px solid #707070;
|
|
display: flex;
|
|
position: absolute;
|
|
bottom: 79px;
|
|
left: 70px;
|
|
padding-right: 21px;
|
|
z-index: 5;
|
|
|
|
}
|
|
|
|
.studyAbroad-swiper .make>:nth-child(1) {
|
|
font-size: 85px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 112px;
|
|
color: #FFFFFF;
|
|
position: absolute;
|
|
opacity: 1;
|
|
top: -40px;
|
|
}
|
|
|
|
.studyAbroad-swiper .make>:nth-child(2) {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 68px;
|
|
color: #FFFFFF;
|
|
padding-left: 100px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.studyAbroad-w-oh {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.studyAbroad-swiper-container {
|
|
position: relative;
|
|
}
|
|
|
|
.studyAbroad-swiper-pagination {
|
|
position: absolute;
|
|
bottom: 32px !important;
|
|
z-index: 2;
|
|
left: 70px !important;
|
|
}
|
|
|
|
.studyAbroad-swiper-pagination>span {
|
|
opacity: 1;
|
|
width: 15px;
|
|
height: 15px;
|
|
border: 1px solid #FFFFFF;
|
|
border-radius: 50%;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
|
|
.studyAbroad-swiper-pagination>.swiper-pagination-bullet-active {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.studyAbroad-swiper-text {
|
|
width: 100%;
|
|
height: 220px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
padding-top: 30px;
|
|
padding-left: 70px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.studyAbroad-swiper-text .p {
|
|
width: 847px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #707070;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-right {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 900px;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.degree-right::after {
|
|
content: "";
|
|
width: 660px;
|
|
position: absolute;
|
|
right: 0px;
|
|
height: 900px;
|
|
background: #FFC423;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-right-con {
|
|
height: 570px;
|
|
display: flex;
|
|
z-index: 1;
|
|
position: relative;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.degree-right-con .left .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-right-con .left .text {
|
|
width: 424px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #707070;
|
|
margin-top: 42px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-right-con .right {
|
|
width: 760px;
|
|
height: 557px;
|
|
}
|
|
|
|
.degree-left {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 900px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.degree-left::after {
|
|
content: "";
|
|
width: 660px;
|
|
position: absolute;
|
|
left: 0px;
|
|
height: 900px;
|
|
background: #FFC423;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-left-con {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.degree-left-con .left {
|
|
width: 760px;
|
|
height: 654px;
|
|
margin-right: 61px;
|
|
}
|
|
|
|
.degree-left-con .right .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
}
|
|
|
|
.degree-left-con .right .text {
|
|
width: 388px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
margin-top: 42px;
|
|
color: #707070;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-right-con .right-img {
|
|
position: relative;
|
|
width: 500px;
|
|
}
|
|
|
|
.degree-right-con .right-img>:nth-child(1) {
|
|
width: 500px;
|
|
height: 413px;
|
|
}
|
|
|
|
.degree-right-con .right-img>:nth-child(2) {
|
|
width: 406px;
|
|
height: 357px;
|
|
position: absolute;
|
|
left: -210px;
|
|
top: 91px;
|
|
}
|
|
|
|
.degree-ber {
|
|
width: 100%;
|
|
background: #F4F4F5;
|
|
}
|
|
|
|
.degree-pd160 {
|
|
padding-top: 160px;
|
|
padding-bottom: 160px;
|
|
}
|
|
|
|
.degree-video {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.titcon {
|
|
text-align: center;
|
|
}
|
|
|
|
.titcon .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
margin-bottom: 24px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.titcon .text {
|
|
width: 390px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #707070;
|
|
opacity: 1;
|
|
margin: auto;
|
|
text-align: center;
|
|
margin-bottom: 48px;
|
|
}
|
|
|
|
.degree-video-con {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 103%;
|
|
|
|
}
|
|
|
|
.degree-video-con .list {
|
|
width: 282px;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.degree-video-con .list .list-video {
|
|
width: 100%;
|
|
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%;
|
|
left: 41%;
|
|
}
|
|
|
|
.degree-video-con .list .text {
|
|
width: 100%;
|
|
height: 150px;
|
|
background: #FFFFFF;
|
|
opacity: 1;
|
|
padding: 32px 37px 0px;
|
|
}
|
|
|
|
.degree-video-con .list .text .titp {
|
|
font-size: 20px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 26px;
|
|
margin-bottom: 12px;
|
|
text-align: center;
|
|
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-video-con .list .text .p {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
line-height: 24px;
|
|
color: #9B9B9B;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-video-btn {
|
|
display: block;
|
|
width: 388px;
|
|
height: 48px;
|
|
background: #EEB20E;
|
|
opacity: 1;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
line-height: 48px;
|
|
text-align: center;
|
|
margin: auto;
|
|
margin-top: 48px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-img {
|
|
width: 100%;
|
|
height: 481px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.degree-imga {
|
|
width: 1120px;
|
|
height: 495px;
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
|
|
.degree-enroll {
|
|
display: flex;
|
|
width: 103%;
|
|
}
|
|
|
|
.degree-enroll .list {
|
|
width: 282px;
|
|
height: 587px;
|
|
background: #F8F8F8;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
opacity: 1;
|
|
margin-right: 36px;
|
|
}
|
|
.degree-enroll .list:hover{
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
}
|
|
.degree-enroll .list .img-top {
|
|
width: 266px;
|
|
height: 100px;
|
|
}
|
|
|
|
|
|
|
|
.degree-enroll .list .titp {
|
|
width: 266px;
|
|
height: 38px;
|
|
text-align: center;
|
|
line-height: 38px;
|
|
|
|
background: #3D3D3D;
|
|
opacity: 1;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-enroll .list .text {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
color: #3D3D3D;
|
|
opacity: 1;
|
|
margin-top: 12px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.degree-enroll .list .img-b {
|
|
width: 266px;
|
|
height: 384px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.degree-enroll .list .degree-enroll-cor {
|
|
background: #EEB20E;
|
|
}
|
|
|
|
.degree-enroll .list .degree-enroll-cor1 {
|
|
background: #3D3D3D;
|
|
}
|
|
|
|
.degree-page {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.degree-page a {
|
|
width: 32px;
|
|
height: 32px;
|
|
background: #F5F5F5;
|
|
opacity: 1;
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #9B9B9B;
|
|
margin: 0 5px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-page a span {
|
|
display: inline-block;
|
|
width: 2px;
|
|
height: 2px;
|
|
border-radius: 50%;
|
|
background-color: #9B9B9B;
|
|
margin: 0 2px;
|
|
}
|
|
|
|
.degree-page .on {
|
|
color: #fff;
|
|
background: #EEB20E;
|
|
}
|
|
|
|
.degree-bz {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 103%;
|
|
}
|
|
|
|
.degree-bz .list {
|
|
position: relative;
|
|
width: 282px;
|
|
height: 392px;
|
|
overflow: hidden;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.25);
|
|
|
|
}
|
|
|
|
.degree-bz .list .text {
|
|
width: 100%;
|
|
height: 48px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
bottom: 0px;
|
|
opacity: 1;
|
|
position: absolute;
|
|
}
|
|
|
|
.degree-bz .lista {
|
|
width: 600px;
|
|
margin-right: 36px;
|
|
position: relative;
|
|
height: 392px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.degree-bz .lista .text {
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 48px;
|
|
height: 48px;
|
|
background: #EEB20E;
|
|
opacity: 1;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-plan .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
text-align: center;
|
|
opacity: 1;
|
|
margin-bottom: 48px;
|
|
}
|
|
|
|
.degree-plan-w {
|
|
width: 103%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.degree-plan-w .list {
|
|
width: 388px;
|
|
height: 176px;
|
|
background: #F4F4F5;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 36px;
|
|
opacity: 1;
|
|
margin-bottom: 36px;
|
|
border-radius: 88px;
|
|
}
|
|
|
|
.degree-plan-w .list .list-img {
|
|
width: 176px;
|
|
height: 176px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
overflow: hidden;
|
|
margin-right: 37px;
|
|
border-radius: 88px;
|
|
}
|
|
|
|
.degree-plan-w .list .text .titpa {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 34px;
|
|
color: #CCCCCC;
|
|
opacity: 1;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.degree-plan-w .list .text .p {
|
|
font-size: 20px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-apply {
|
|
width: 100%;
|
|
height: 591px;
|
|
background: #F4F4F5;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-apply .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
text-align: center;
|
|
color: #000;
|
|
opacity: 1;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.degree-apply .titp span {
|
|
color: #EEB20E;
|
|
}
|
|
|
|
.degree-apply .xq {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #E8A200;
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
display: inline-block;
|
|
opacity: 1;
|
|
}
|
|
|
|
.degree-apply .xq span {
|
|
border-bottom: 1px solid #EEB20E;
|
|
}
|
|
|
|
.apply-btn {
|
|
width: 388px;
|
|
height: 100px;
|
|
background: #FFCD43;
|
|
opacity: 1;
|
|
margin-top: 36px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 40px;
|
|
margin-right: 33px;
|
|
|
|
border-radius: 32px;
|
|
}
|
|
|
|
.apply-btn img {
|
|
width: 76px;
|
|
}
|
|
|
|
.apply-btn p {
|
|
font-size: 28px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #171717;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-tit {
|
|
text-align: center;
|
|
margin-bottom: 48px;
|
|
}
|
|
|
|
.school-tit .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-tit .text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #707070;
|
|
margin: auto;
|
|
margin-top: 24px;
|
|
width: 684px;
|
|
text-align: center;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-swiper-container {
|
|
width: 54%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.school-con {
|
|
width: 100%;
|
|
}
|
|
|
|
.school-swiper-con {
|
|
width: 100%;
|
|
height: 100;
|
|
position: relative;
|
|
}
|
|
|
|
.school-swiper-con .zt {
|
|
width: 106px;
|
|
height: 106px;
|
|
opacity: 1;
|
|
|
|
}
|
|
.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);
|
|
width: auto !important;
|
|
height: auto !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-con {
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.school-con .text {
|
|
flex: 1;
|
|
padding-top: 152px;
|
|
box-sizing: border-box;
|
|
padding-left: 36px;
|
|
background: #F4F4F5;
|
|
}
|
|
|
|
.school-con .text .titp {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
margin-bottom: 51px;
|
|
}
|
|
|
|
.school-con .text .school-swiper-pagination .s-text {
|
|
margin-bottom: 35px;
|
|
padding-left: 46px;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.school-con .text .school-swiper-pagination .s-text::after {
|
|
content: "";
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
background: #707070;
|
|
opacity: 1;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 5px;
|
|
}
|
|
|
|
.school-con .text .school-swiper-pagination .s-text .s-titp {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
|
|
color: #707070;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-con .text .school-swiper-pagination .s-text .address {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
|
|
color: #9B9B9B;
|
|
}
|
|
|
|
.school-con .text .school-swiper-pagination .s-text .ev {
|
|
font-size: 14px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #9B9B9B;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-con .text .swiper-pagination-bullet-active .s-text .s-titp {
|
|
|
|
color: #0C0C0C;
|
|
}
|
|
|
|
.school-con .text .swiper-pagination-bullet-active .s-text .address {
|
|
|
|
color: #0C0C0C;
|
|
}
|
|
|
|
.school-con .text .swiper-pagination-bullet-active .s-text::after {
|
|
content: "";
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
|
|
background: #FFCD43;
|
|
opacity: 1;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 5px;
|
|
}
|
|
|
|
.w1236 .school-right-img {
|
|
width: 587px;
|
|
height: 400px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-content: space-between;
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
.school-right-img .s-img {
|
|
width: 282px;
|
|
height: 188px;
|
|
}
|
|
|
|
.school-degree-right::after {
|
|
width: 512px;
|
|
}
|
|
|
|
.school-degree-left::after {
|
|
width: 512px;
|
|
}
|
|
|
|
.school-life {
|
|
height: 749px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.bc1 {
|
|
background: #F4F4F5;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.school-life-tit {
|
|
display: flex;
|
|
}
|
|
|
|
.school-life-tit p {
|
|
width: 282px;
|
|
height: 63px;
|
|
background: #E1E1E1;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 63px;
|
|
color: #9B9B9B;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-life-tit .on {
|
|
color: #171717;
|
|
background: #FFCD43;
|
|
}
|
|
|
|
.school-life-con-one {
|
|
padding: 0 70px;
|
|
}
|
|
|
|
.school-life-con-one .titp {
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 24px;
|
|
padding-left: 40px;
|
|
color: #171717;
|
|
position: relative;
|
|
margin-top: 60px;
|
|
margin-bottom: 32px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.schoolClickb {
|
|
display: none;
|
|
}
|
|
.overflow-hidden{
|
|
overflow: hidden;
|
|
}
|
|
.school-life-con-one .titp::after {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 24px;
|
|
height: 24px;
|
|
background: #FFCD43;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-life-con-one .list-con {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.school-life-con-one .list-con .list {
|
|
width: 344px;
|
|
}
|
|
|
|
.school-life-con-one .list-con .list .list-img {
|
|
width: 344px;
|
|
height: 229px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.school-life-con-one .list-con .list .list-img p {
|
|
width: 100%;
|
|
height: 54px;
|
|
background: #3D3D3D;
|
|
border: 1px solid #707070;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 54px;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-life-con-one .list-con .list .text {
|
|
width: 100%;
|
|
height: 210px;
|
|
padding: 32px 30px 0;
|
|
box-sizing: border-box;
|
|
|
|
background: #F4F4F5;
|
|
}
|
|
|
|
.school-life-con-one .list-con .list .text p {
|
|
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #707070;
|
|
opacity: 1;
|
|
}
|
|
|
|
.zd-school {
|
|
width: 100%;
|
|
height: 574px;
|
|
overflow: hidden;
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.school-professional {
|
|
width: 103%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.school-professional .list {
|
|
width: 282px;
|
|
height: 430px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.school-professional .list .titp {
|
|
position: absolute;
|
|
top: 40%;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0px 80px;
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.school-professional .list .text {
|
|
position: absolute;
|
|
top: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
text-align: left;
|
|
padding: 0px 80px;
|
|
display: flex;
|
|
display: none;
|
|
align-items: center;
|
|
/* display: none; */
|
|
font-size: 18px;
|
|
z-index: 3;
|
|
font-family: Microsoft YaHei;
|
|
color: #FFFFFF;
|
|
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-professional .list::after {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
display: none;
|
|
z-index: 2;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
|
|
|
}
|
|
|
|
.school-professional .list:hover .titp {
|
|
display: none;
|
|
}
|
|
|
|
.school-professional .list:hover .text {
|
|
display: flex;
|
|
}
|
|
|
|
.school-professional .list:hover::after {
|
|
display: block;
|
|
}
|
|
|
|
.school-professional .list:hover img {
|
|
filter: blur(5px);
|
|
}
|
|
|
|
.school-apply-tit {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.school-apply-tit .one {
|
|
width: 600px;
|
|
height: 183px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.school-apply-tit .one .text {
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 100%;
|
|
top: 35%;
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-apply-tit .two {
|
|
width: 600px;
|
|
position: relative;
|
|
height: 160px;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.school-apply-tit .two img {
|
|
filter: blur(3px);
|
|
max-height: none;
|
|
}
|
|
|
|
.school-apply-tit .two .text {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
text-align: center;
|
|
line-height: 160px;
|
|
font-size: 24px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
|
|
/* background-image: url("/imgs/public/mohu.png"); */
|
|
background-size: 100%;
|
|
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.school-apply-con {
|
|
width: 100%;
|
|
height: 348px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
padding: 60px 70px 0px;
|
|
margin-top: 24px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.school-apply-con .list {
|
|
display: flex;
|
|
margin-bottom: 18px;
|
|
width: 530px;
|
|
height: 60px;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.school-apply-con .list .titp {
|
|
width: 142px;
|
|
height: 60px;
|
|
background: #757575;
|
|
opacity: 1;
|
|
font-size: 20px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-apply-con .list .text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 60px;
|
|
color: #3D3D3D;
|
|
padding-left: 25px;
|
|
padding-right: 10px;
|
|
box-sizing: border-box;
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
}
|
|
|
|
.school-apply-con .list .onBer {
|
|
|
|
background: #EEB20E;
|
|
}
|
|
|
|
.school-apply-conClickb {
|
|
display: none;
|
|
}
|
|
|
|
.school-admission {
|
|
width: 103%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
.aps-one {
|
|
display: flex;
|
|
}
|
|
|
|
.aps-one .left {
|
|
width: 742px;
|
|
height: 600px;
|
|
opacity: 1;
|
|
|
|
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 {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
margin-top: 52px;
|
|
}
|
|
|
|
.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 p {
|
|
width: 15px;
|
|
height: 15px;
|
|
background: #F56464;
|
|
margin-right: 12px;
|
|
border-radius: 50%;
|
|
opacity: 1;
|
|
}
|
|
|
|
.aps-one .aps-one-tit :nth-child(2) {
|
|
background: #EFC436;
|
|
}
|
|
|
|
.aps-one .aps-one-tit :nth-child(3) {
|
|
background: #67D563;
|
|
}
|
|
|
|
.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 .text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #707070;
|
|
margin-top: 44px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.aps-tit {
|
|
text-align: center;
|
|
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 .text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
margin-top: 24px;
|
|
color: #707070;
|
|
}
|
|
|
|
.aps-problem {
|
|
width: 103%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.aps-problem .list {
|
|
width: 388px;
|
|
margin-right: 36px;
|
|
}
|
|
|
|
.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 .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;
|
|
}
|
|
|
|
.aps-problem .list .text .p {
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.aps-problem .list .text .p span {
|
|
color: #FFCD43;
|
|
}
|
|
|
|
.aps-statistical {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.aps-statistical .list {
|
|
width: 280px;
|
|
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 .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;
|
|
}
|
|
|
|
.aps-statistical>:nth-child(2) {
|
|
border: none;
|
|
background-color: #fff;
|
|
border-radius: 0px;
|
|
padding-top: 72px;
|
|
background-image: url("/imgs/public/tj2.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.aps-statistical>:nth-child(3) {
|
|
border: none;
|
|
background-color: #fff;
|
|
border-radius: 0px;
|
|
padding-top: 72px;
|
|
background-image: url("/imgs/public/tj3.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.aps-statistical>:nth-child(3) .text {
|
|
width: 140px;
|
|
}
|
|
|
|
.aps-statistical>:nth-child(4) {
|
|
border: none;
|
|
background-color: #fff;
|
|
border-radius: 0px;
|
|
padding-top: 72px;
|
|
background-image: url("/imgs/public/tj3.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.aps-statistical>:nth-child(4) .text {
|
|
width: 140px;
|
|
}
|
|
|
|
.aps-mentor {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.aps-mentor-nav .on {
|
|
|
|
color: #FFFFFF;
|
|
background: #EEB20E;
|
|
}
|
|
|
|
.aps-mentor {
|
|
display: flex;
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.aps-mentor-con {
|
|
padding: 70px 70px 0px;
|
|
|
|
}
|
|
|
|
.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 .suspended {
|
|
position: absolute;
|
|
left: 0%;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
top: 0%;
|
|
}
|
|
.aps-mentor-con .list .list-img .suspended .zt{
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.aps-mentor-con .list .text {
|
|
width: 100%;
|
|
height: 136px;
|
|
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;
|
|
overflow: hidden;
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.aps-xq {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.mb120 {
|
|
margin-bottom: 120px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.mediaVideo .media-swiper-con {
|
|
height: 400px;
|
|
}
|
|
|
|
.mediaVideo div {
|
|
bottom: 51px;
|
|
}
|
|
|
|
.undergraduate-results {
|
|
height: 669px;
|
|
width: 100%;
|
|
}
|
|
|
|
.educational .list {
|
|
width: 388px;
|
|
}
|
|
|
|
.educational .list .list-img {
|
|
width: 100%;
|
|
height: 260px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.educational .list .text {
|
|
width: 100%;
|
|
height: 192px;
|
|
background: #3D3D3D;
|
|
opacity: 1;
|
|
box-sizing: border-box;
|
|
padding: 45px 50px 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.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 .icon {
|
|
line-height: 18px;
|
|
padding-left: 26px;
|
|
|
|
}
|
|
|
|
.educational .list .text .icon::after {
|
|
width: 14px;
|
|
height: 14px;
|
|
background: #FFFFFF;
|
|
opacity: 1;
|
|
content: "";
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 2px;
|
|
}
|
|
|
|
.educational .on .list-img {
|
|
height: 310px;
|
|
}
|
|
|
|
.educational .on .text {
|
|
color: #000;
|
|
height: 249px;
|
|
|
|
background: #FFCD43;
|
|
}
|
|
|
|
.educational {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.undergraduate-professional {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
|
|
.undergraduate-professional .list {
|
|
width: 412px;
|
|
height: 275px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.undergraduate-professional .list:hover .text {
|
|
|
|
background: #EEB20E;
|
|
}
|
|
|
|
|
|
.undergraduate-immigration .left-swiper-container {
|
|
width: 55%;
|
|
height: 750px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.undergraduate-immigration .left-swiper-container .list-img {
|
|
width: 100%;
|
|
height: 750px;
|
|
}
|
|
|
|
.left-swiper-pagination {
|
|
position: absolute;
|
|
width: 100%;
|
|
display: flex;
|
|
z-index: 6;
|
|
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 .swiper-pagination-bullet-active {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.mb58 {
|
|
margin-bottom: 58px;
|
|
}
|
|
|
|
.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 .text {
|
|
padding-left: 27px;
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.undergraduate-immigration .right .text::after {
|
|
width: 14px;
|
|
content: "";
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 8px;
|
|
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 {
|
|
display: flex;
|
|
}
|
|
|
|
.degree-plan-w .list:hover {
|
|
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
}
|
|
|
|
.bcffff {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.undergraduate .xq span {
|
|
border: none;
|
|
|
|
color: #707070;
|
|
}
|
|
|
|
.SID-her {
|
|
width: 100%;
|
|
height: 750px;
|
|
padding-top: 173px;
|
|
background-size: auto 100%;
|
|
}
|
|
|
|
.SID-her-con {
|
|
width: 600px;
|
|
height: 363px;
|
|
background: #0C0C0C;
|
|
padding-top: 10px;
|
|
opacity: 1;
|
|
margin: auto;
|
|
padding-top: 57px;
|
|
}
|
|
|
|
.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 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 .SID-her-address {
|
|
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 {
|
|
width: 50%;
|
|
height: 54px;
|
|
|
|
background: #FFFFFF;
|
|
opacity: 1;
|
|
font-size: 26px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 54px;
|
|
text-align: center;
|
|
|
|
color: #0C0C0C;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
.SID-about {
|
|
position: relative;
|
|
padding-top: 326px;
|
|
}
|
|
|
|
.SID-about .SID-about-berImg {
|
|
position: absolute;
|
|
top: -250px;
|
|
right: 0px;
|
|
}
|
|
|
|
.SID-about-tit {
|
|
position: relative;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.SID-about-con {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.SID-about-con .list {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 388px;
|
|
height: 230px;
|
|
background: #F4F4F5;
|
|
margin-top: 57px;
|
|
position: relative;
|
|
opacity: 1;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.SID-about-con .pdrl {
|
|
padding: 0 40px;
|
|
}
|
|
|
|
.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 .p {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
width: 118px;
|
|
line-height: 24px;
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
}
|
|
|
|
.SID-impact {
|
|
justify-content: flex-start;
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
.SID-impact .right {
|
|
width: 50%;
|
|
height: auto;
|
|
display: flex;
|
|
padding-right: 70px;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.SID-impact .left {
|
|
width: 50%;
|
|
}
|
|
|
|
.SID-tit .title-name {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #171717;
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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 .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;
|
|
}
|
|
|
|
.SID-scene .left {
|
|
width: 55%;
|
|
}
|
|
|
|
.scene-swiper-container {
|
|
width: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.scene-swiper-pagination {
|
|
position: absolute;
|
|
bottom: 48px !important;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
z-index: 2;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.scene-swiper-pagination .swiper-pagination-bullet-active {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.SID-scene .right {
|
|
flex: 1;
|
|
padding-left: 60px;
|
|
padding-top: 184px;
|
|
|
|
background: #F4F4F5;
|
|
}
|
|
|
|
.SID-scene .right .title-name {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
}
|
|
|
|
.SID-scene .right .text {
|
|
width: 470px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
margin-top: 42px;
|
|
color: #484848;
|
|
opacity: 1;
|
|
}
|
|
|
|
.SID-scene {
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.contact-SID {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.contact-SID .list {
|
|
width: 600px;
|
|
}
|
|
|
|
.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:hover .list-address-title {
|
|
background: #EEB20E;
|
|
}
|
|
|
|
.contact-SID .list .text {
|
|
width: 100%;
|
|
height: 419px;
|
|
padding: 48px 70px 0;
|
|
background: #F4F4F5;
|
|
}
|
|
|
|
.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 :nth-child(2) {
|
|
width: 403px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.contact-SID .list .list-wx {
|
|
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 36px;
|
|
}
|
|
|
|
.contact-SID .list .list-wx .list-wx-con {
|
|
width: 176px;
|
|
}
|
|
|
|
.contact-SID .list .list-wx .list-wx-img {
|
|
width: 176px;
|
|
height: 176px;
|
|
background: rgba(0, 0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
|
|
.contact-SID .list .list-wx .list-wx-text {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #707070;
|
|
text-align: center;
|
|
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 .text {
|
|
width: 950px;
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
margin: auto;
|
|
margin-top: 24px;
|
|
|
|
color: #707070;
|
|
opacity: 1;
|
|
}
|
|
|
|
.music-advantages {
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.music-advantages .list {
|
|
width: 388px;
|
|
}
|
|
|
|
.music-advantages .list .list-img {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
height: 260px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.music-advantages {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.music-city {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.music-city .list {
|
|
width: 600px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.music-city .list .list-img {
|
|
width: 100%;
|
|
height: 300px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.music-city .list .text {
|
|
height: 238px;
|
|
background-color: #fff;
|
|
padding: 36px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.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 .p {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #707070;
|
|
opacity: 1;
|
|
margin-top: 24px;
|
|
}
|
|
|
|
.music-city {
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.music-famousTeacher {
|
|
width: 103%;
|
|
display: flex;
|
|
margin-top: 48px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.music-famousTeacher .list {
|
|
width: 282px;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.music-famousTeacher .list .list-img {
|
|
height: 188px;
|
|
width: 100%;
|
|
}
|
|
|
|
.music-famousTeacher .list .text {
|
|
width: 100%;
|
|
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 .p {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
color: #9B9B9B;
|
|
margin-top: 12px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.music-date {
|
|
width: 1198px;
|
|
margin: auto;
|
|
margin-top: 72px;
|
|
}
|
|
|
|
.music-dual-track {
|
|
display: flex;
|
|
margin-top: 48px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.music-dual-track .list {
|
|
width: 600px;
|
|
height: 464px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.music-life .list {
|
|
width: 100%;
|
|
display: flex;
|
|
border-bottom: 23px solid #3D3D3D;
|
|
}
|
|
|
|
.music-life .list .text {
|
|
width: 412px;
|
|
height: 275px;
|
|
background: #3D3D3D;
|
|
opacity: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.music-life .list .list-img{
|
|
width: 412px;
|
|
overflow: hidden;
|
|
height: 275px;
|
|
}
|
|
.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 .english-name {
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
opacity: 1;
|
|
}
|
|
|
|
.music-life .list:hover {
|
|
border-color: #EEB20E;
|
|
}
|
|
|
|
.music-life .list:hover .text {
|
|
background-color: #EEB20E;
|
|
}
|
|
|
|
.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 {
|
|
display: flex;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.music-recommended-con .list {
|
|
width: 636px;
|
|
}
|
|
|
|
.music-recommended-con .text {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.music-recommended-con .text .title-name {
|
|
width: 267px;
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
margin-bottom: 52px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.music-recommended-con .text .P {
|
|
font-size: 18px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
color: #707070;
|
|
opacity: 1;
|
|
}
|
|
|
|
.music-recommended-left .music-recommended-con .text {
|
|
padding-left: 70px;
|
|
}
|
|
|
|
.music-recommended-left .text .title-name {
|
|
margin-bottom: 33px;
|
|
width: auto;
|
|
}
|
|
|
|
.search {
|
|
min-height: 80vh;
|
|
padding-bottom: 103px;
|
|
}
|
|
|
|
.search-tit {
|
|
padding-top: 63px;
|
|
position: relative;
|
|
}
|
|
|
|
.search-tit .title-name {
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
color: #0C0C0C;
|
|
margin-bottom: 22px;
|
|
opacity: 1;
|
|
}
|
|
.search-move{
|
|
position:absolute ;
|
|
right: 0px;
|
|
top: 83px;
|
|
}
|
|
.search-move>:nth-child(1){
|
|
width: 40px;
|
|
background-color: #ddd;
|
|
position: relative;
|
|
bottom: -2px;
|
|
height: 2px;
|
|
transform: rotateZ(-45deg);
|
|
}
|
|
.search-move>:nth-child(2){
|
|
width: 40px;
|
|
background-color: #ddd;
|
|
height: 2px;
|
|
transform: rotateZ(45deg);
|
|
}
|
|
|
|
.search-tit .input {
|
|
width: 100%;
|
|
border: none;
|
|
padding: 18px 0px;
|
|
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;
|
|
}
|
|
|
|
.radio input i {
|
|
background-color: #000;
|
|
}
|
|
|
|
|
|
.choose {
|
|
position: relative;
|
|
margin-top: 24px;
|
|
}
|
|
|
|
.choose .radio {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-weight: 400;
|
|
color: #0c4757;
|
|
padding-left: 25px;
|
|
margin-right: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.choose .radio input {
|
|
position: absolute;
|
|
left: -9999px;
|
|
}
|
|
|
|
.choose .radio i {
|
|
display: block;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 0;
|
|
width: 15px;
|
|
height: 15px;
|
|
outline: 0;
|
|
border: 1px solid #e4e4e4;
|
|
background: #ffffff;
|
|
border-radius: 50%;
|
|
transition: border-color .3s;
|
|
-webkit-transition: border-color .3s;
|
|
}
|
|
|
|
.choose .radio input+i:after {
|
|
position: absolute;
|
|
content: '';
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 9px;
|
|
height: 9px;
|
|
border-radius: 50%;
|
|
background-color: #000;
|
|
opacity: 0;
|
|
transition: opacity .1s;
|
|
-webkit-transition: opacity .1s;
|
|
}
|
|
|
|
.choose .radio input:checked+i:after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.search-con {
|
|
margin-top: 30px;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.search-con .none .none-con p {
|
|
font-size: 16px;
|
|
margin-top: 90px;
|
|
text-align: center;
|
|
padding-right: 20px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
line-height: 21px;
|
|
color: #9B9B9B;
|
|
margin-bottom: 16px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.search-con .list-con {
|
|
width: 103%;
|
|
display: flex;
|
|
margin-top: 40px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.search-con .list-con .list {
|
|
width: 282px;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.search-con .list-con .list .list-img {
|
|
width: 100%;
|
|
|
|
background: #B5B5B5;
|
|
height: 158px;
|
|
}
|
|
|
|
.search-con .list-con .list .text {
|
|
width: 100%;
|
|
height: 179px;
|
|
background: #F4F4F5;
|
|
opacity: 1;
|
|
position: relative;
|
|
padding: 28px 24px 0px;
|
|
}
|
|
|
|
.search-con .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 span {
|
|
color: #E8A200;
|
|
}
|
|
|
|
.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 {
|
|
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 .on {
|
|
font-size: 13px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
color: #E8A200;
|
|
border-bottom: 1px solid #E8A200;
|
|
}
|
|
|
|
.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 img {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 6px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.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 span {
|
|
display: inline-block;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.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-text a:hover {
|
|
color: #EEB20E;
|
|
}
|
|
|
|
.link-page {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 24px;
|
|
margin-bottom: 100px;
|
|
}
|
|
.degree-video-con .list .bc1{
|
|
background-color: #f5f5f5;
|
|
}
|
|
.num-tr{
|
|
transition: all 5s;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.link-page .on {
|
|
color: #fff;
|
|
width: 34px;
|
|
height: 34px;
|
|
background: #E8A200;
|
|
opacity: 1;
|
|
}
|
|
|
|
.mohu {
|
|
filter: blur(19px);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.questionAnswer {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
}
|
|
|
|
.questionAnswer .list {
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
float: left;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.questionAnswer .list {
|
|
background-color: #F4F4F5;
|
|
padding: 25px 30px;
|
|
display: inline;
|
|
}
|
|
|
|
.questionAnswer .list .title-name {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.questionAnswer .list .text {
|
|
display: flex;
|
|
margin-top: 20px;
|
|
font-size: 16px;
|
|
color: #757575;
|
|
}
|
|
|
|
.questionAnswer .list .button {
|
|
text-align: right;
|
|
}
|
|
|
|
.questionAnswer .list .button a {
|
|
width: 85px;
|
|
height: 32px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #757575;
|
|
line-height: 32px;
|
|
margin-top: 20px;
|
|
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;
|
|
}
|
|
.mediaImg-top{
|
|
position: absolute;
|
|
top: 0px;
|
|
width: 100%;
|
|
}
|
|
.media-on{
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 106px;
|
|
left: 0px;
|
|
display: none;
|
|
}
|
|
.header .nav ul .li{
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.media-con-imgTop{
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.media-con-imgTop img{
|
|
width: 100%;
|
|
position: absolute;
|
|
}
|
|
.header .nav ul .li:hover .media-on{
|
|
display: flex;
|
|
}
|
|
.navClick {
|
|
display: none;
|
|
}
|
|
.video-con .list:hover .p{
|
|
color: #E8A200;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.header .nav .li .media-nav a:hover{
|
|
color: #E8A200;
|
|
|
|
}
|
|
|
|
.footer-con .one .address>:nth-child(1) {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.w1236 .fs80 {
|
|
font-size: 80px;
|
|
}
|
|
|
|
.w1236 .fs40 {
|
|
font-size: 40px;
|
|
}
|
|
.search-int input::placeholder{
|
|
color: #EEB20E;
|
|
}
|
|
.questionAnswer{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.questionAnswer>div{
|
|
width: 30%;
|
|
}
|
|
|
|
.degree-plan-bcfff .list{
|
|
background-color: #fff;
|
|
}
|
|
.tr90>:nth-child(1){
|
|
transform: rotateZ(45deg);
|
|
transition: all 0.5s;
|
|
position: relative;
|
|
top: 10px;
|
|
}
|
|
.tr90>:nth-child(3){
|
|
transform: rotateZ(-45deg);
|
|
position: relative;
|
|
bottom: 12px;
|
|
transition: all 0.5s;
|
|
}
|
|
.navClick>:nth-child(1){
|
|
transition: all 0.5s;
|
|
}
|
|
.navClick>:nth-child(3){
|
|
transition: all 0.5s;
|
|
}
|
|
.footer-con .two .zx a:hover{
|
|
border-bottom: 2px solid #ddd;
|
|
padding-bottom: 2px;
|
|
}
|
|
/* 小于等于多少高度的样式 */
|
|
@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;
|
|
}
|
|
.impact .right .rightCon .titp {
|
|
margin-bottom: 17px;
|
|
}
|
|
.impact .right .rightCon .text{
|
|
margin-bottom: 15px;
|
|
}
|
|
.impact .right .rightCon a{
|
|
margin-top: 15px;
|
|
}
|
|
.SID-scene .right{
|
|
padding-top: 0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.contact-SID .list .list-wx .list-wx-img{
|
|
width: 150px;
|
|
height: auto;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-width:1440px) {}
|
|
|
|
@media screen and (max-width:1366px) {
|
|
.search-con .list-con .list{
|
|
width: 22%;
|
|
margin-right: 3%;
|
|
}
|
|
.music-life .list .list-img{
|
|
height: auto;
|
|
}
|
|
.music-life .list .text{
|
|
height: auto;
|
|
}
|
|
.music-dual-track .list{
|
|
width: 47%;
|
|
height: auto;
|
|
}
|
|
.music-date{
|
|
width: 80%;
|
|
}
|
|
.music-famousTeacher .list{
|
|
width: 30%;
|
|
margin-right: 3%;
|
|
}
|
|
.music-famousTeacher .list .list-img{
|
|
height: auto;
|
|
}
|
|
.music-city .list{
|
|
width: 47%;
|
|
}
|
|
.music-city .list .list-img{
|
|
height: auto;
|
|
}
|
|
.music-advantages .list{
|
|
width: 30%;
|
|
}
|
|
.music-advantages .list .list-img{
|
|
height: auto;
|
|
}
|
|
.contact-SID .list .text .p :nth-child(2){
|
|
white-space: normal;
|
|
}
|
|
.contact-SID .list .text .p p{
|
|
white-space: nowrap;
|
|
}
|
|
.contact-SID .list .text{
|
|
padding-top: 30px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.contact-SID .list .list-wx{
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
.contact-SID .list{
|
|
width: 47%;
|
|
}
|
|
.SID-scene .right{
|
|
padding-left: 20px;
|
|
}
|
|
.SID-scene .right .text{
|
|
margin-top: 14px;
|
|
}
|
|
.SID-impact .right{
|
|
width: 100%;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.SID-impact{
|
|
flex-direction: column-reverse;
|
|
}
|
|
.SID-her{
|
|
padding-top: 100px;
|
|
}
|
|
.undergraduate-results{
|
|
height: auto;
|
|
}
|
|
.mediaVideo .media-swiper-con{
|
|
height: auto;
|
|
}
|
|
.aps-audit {
|
|
width: 90%;
|
|
height: auto;
|
|
}
|
|
.school-apply-con .list .titp{
|
|
width: 101px;
|
|
}
|
|
.school-apply-con{
|
|
padding: 20px 30px 0px;
|
|
|
|
}
|
|
.school-apply-con .list{
|
|
width: 428px;
|
|
}
|
|
.school-apply-tit .one .text{
|
|
top: 37px;
|
|
}
|
|
.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;
|
|
}
|
|
.aps-one .left{
|
|
width: 570px;
|
|
height: 570px;
|
|
}
|
|
.aps-one .left .left-con div{
|
|
width: 260px;
|
|
height: auto;
|
|
}
|
|
.aps-problem .list{
|
|
width: 30%;
|
|
margin-right: 3%;
|
|
}
|
|
.aps-problem .list .list-img{
|
|
height: auto;
|
|
}
|
|
.aps-statistical .list{
|
|
width: 218px;
|
|
height: 225px;
|
|
}
|
|
.aps-statistical .list{
|
|
padding-top: 36px;
|
|
}
|
|
.aps-statistical>:nth-child(4){
|
|
padding-top: 49px;
|
|
}
|
|
.aps-statistical>:nth-child(3){
|
|
padding-top: 49px;
|
|
}
|
|
|
|
.aps-statistical>:nth-child(2){
|
|
padding-top: 49px;
|
|
}
|
|
.educational .list{
|
|
width: 30%;
|
|
margin-right: 3%;
|
|
}
|
|
.educational .list .list-img{
|
|
height: auto;
|
|
|
|
}
|
|
.educational .list .text{
|
|
padding: 30px 20px 0px;
|
|
}
|
|
.undergraduate-professional .list{
|
|
width: 33%;height: auto;
|
|
}
|
|
.undergraduate-immigration .left-swiper-container{
|
|
height: auto;
|
|
}
|
|
.undergraduate-immigration .left-swiper-container .list-img{
|
|
height: auto;
|
|
}
|
|
.undergraduate-immigration .right{
|
|
padding-top: 0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.undergraduate-immigration .right .text::after{
|
|
top: 3px;
|
|
}
|
|
.SID-impact .right .rightCon{
|
|
width: 100%;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.SID-campus .list{
|
|
width: 33%;
|
|
height: auto;
|
|
}
|
|
.SID-campus .list .list-img{
|
|
height: auto;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media screen and (max-width:1200px) {}
|
|
|
|
@media screen and (max-width:1100px) {
|
|
.header .nav ul .li{
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
.header .nav ul .li .media-on{
|
|
display: flex;
|
|
position: static;
|
|
}
|
|
|
|
.header .nav ul .li{
|
|
height: auto;
|
|
padding-top: 20px;
|
|
}
|
|
.media-main .media-tit{
|
|
padding-top: 20px;
|
|
}
|
|
.search-con .list-con .list{
|
|
width: 30%;
|
|
margin-right: 3%;
|
|
}
|
|
.music-recommended-con{
|
|
display: block;
|
|
}
|
|
.music-recommended-con .text{
|
|
text-align: center;
|
|
}
|
|
.music-recommended-left .music-recommended-con .text{
|
|
margin-top: 20px;
|
|
}
|
|
.music-recommended-left::after{
|
|
width: 33%;
|
|
height: 100%;
|
|
}
|
|
.music-recommended-left .music-recommended-con .text{
|
|
padding-left: 10px;
|
|
}
|
|
.music-recommended-left{
|
|
height: auto;
|
|
}
|
|
.music-recommended-con{
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.music-recommended-con .text .title-name{
|
|
margin: auto;
|
|
}
|
|
.music-famousTeacher .list .text{
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.music-recommended-con .list{
|
|
width: 80%;
|
|
margin: auto;
|
|
margin-top: 20px;
|
|
}
|
|
.music-recommended-right{
|
|
height: auto;
|
|
}
|
|
.music-recommended-con .text .title-name{
|
|
font-size: 25px;
|
|
line-height: 30px;
|
|
}
|
|
.music-recommended-right::after{
|
|
width: 33%;
|
|
height: 100%;
|
|
}
|
|
.music-tit .text{
|
|
width: 80%;
|
|
}
|
|
.music-advantages .list .text{
|
|
font-size: 20px;
|
|
}
|
|
.SID-scene .right .text{
|
|
width: 100%;
|
|
}
|
|
.SID-scene .right{
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.SID-scene{
|
|
display: block;
|
|
}
|
|
.SID-scene .left{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.SID-tit .text{
|
|
width: 80%;
|
|
}
|
|
.SID-about-tit .text{
|
|
width: 80%;
|
|
}
|
|
.undergraduate-immigration .right .title-name{
|
|
font-size: 26px;
|
|
line-height: 30px;
|
|
}
|
|
.mb58{
|
|
margin-bottom: 18px;
|
|
}
|
|
.prep-con .list .text{
|
|
width: 95%;
|
|
}
|
|
.aps-mentor-con{
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.aps-mentor-con .list .list-img{
|
|
width: 100%;
|
|
}
|
|
.aps-mentor-con .list{
|
|
width: 47%;
|
|
margin-right: 3%;
|
|
}
|
|
.aps-one .right .text{
|
|
margin-top: 20px;
|
|
}
|
|
.aps-one .right .subtitle{
|
|
font-size: 26px;
|
|
line-height: 30px;
|
|
}
|
|
.aps-one{
|
|
flex-direction: column-reverse;
|
|
}
|
|
.aps-one .right{
|
|
text-align: center;
|
|
}
|
|
|
|
.aps-one .left{
|
|
width: 60%;
|
|
margin: auto;
|
|
margin-top: 30px;
|
|
height: auto;padding-bottom: 20px;
|
|
}
|
|
.aps-one .left .left-con div{
|
|
width: 48%;
|
|
}
|
|
.aps-one .left .left-con{
|
|
margin-top: 20px;
|
|
|
|
}
|
|
.school-apply-con{
|
|
height: auto;
|
|
}
|
|
.w1236 .school-right-img{
|
|
margin: auto;
|
|
margin-top: 20px;
|
|
}
|
|
.school-con .text .titp{
|
|
margin-bottom: 20px;
|
|
}
|
|
.school-con .text .school-swiper-pagination .s-text{
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:1024px) {
|
|
.header .nav .on a::after{
|
|
bottom: 0px;
|
|
width: 100%;
|
|
}
|
|
.header .nav .li a{
|
|
width: 100%;
|
|
margin-right: 0px;
|
|
padding-bottom: 20px;
|
|
padding-left: 20px;
|
|
|
|
}
|
|
.header .nav ul{
|
|
position: fixed;
|
|
width: 100%;
|
|
left: 0px;
|
|
top: 106px;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
z-index: 9;
|
|
}
|
|
.header .nav ul .li{
|
|
width: 30%;
|
|
background-color: #fff;
|
|
display: block;
|
|
align-items: center;
|
|
}
|
|
.header .nav .li a{
|
|
/* color: #fff; */
|
|
}
|
|
.media-nav{
|
|
padding-top: 20px;
|
|
height: auto;
|
|
}
|
|
.SID-about-con .list{
|
|
width: 47%;
|
|
}
|
|
.SID-about{
|
|
padding-top: 120px;
|
|
}
|
|
.aps-statistical{
|
|
flex-wrap: wrap;
|
|
}
|
|
.aps-statistical .list{
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.school-apply-con .list .titp{
|
|
width: 20%;
|
|
min-width: 20%;
|
|
font-size: 16px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
font-weight: 700;
|
|
}
|
|
.school-apply-con .list .text{
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
}
|
|
.school-apply-con .list{
|
|
width: 100%;
|
|
height: 40px;
|
|
}
|
|
.school-apply-tit .one{
|
|
height: auto;
|
|
}
|
|
.school-apply-tit .one .text{
|
|
top: 28px;
|
|
}
|
|
.school-apply-tit .one{
|
|
width: 350px;
|
|
|
|
}
|
|
.school-apply-tit .two{
|
|
width: 350px;
|
|
height: 91px;
|
|
}
|
|
.school-apply-tit .two .text{
|
|
line-height: 80px;
|
|
}
|
|
.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) {
|
|
.media-con-imgTop{
|
|
height: 150px;width: 100%;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
float: left;
|
|
}
|
|
.media-con-imgTop img{
|
|
width: 800px;
|
|
}
|
|
.studyAbroad-top{
|
|
margin-bottom: 20px;
|
|
}
|
|
.one-con .title>:nth-child(1){
|
|
font-size: 26px;
|
|
}
|
|
.one-con .title{
|
|
margin-top: 20px;
|
|
}
|
|
.cooperation{
|
|
margin-top: 20px;
|
|
}
|
|
.mt160{
|
|
margin-top: 20px;
|
|
}
|
|
.targetCon{
|
|
margin-top: 20px;
|
|
}
|
|
.index-impact{
|
|
margin-bottom: 20px;
|
|
}
|
|
.title{
|
|
font-size: 26px;
|
|
}
|
|
.impact .right .rightCon .titp{
|
|
font-size: 26px;
|
|
}
|
|
.about .left .leftCon .titp{
|
|
font-size: 26px;
|
|
}
|
|
.one-con .title>:nth-child(1){
|
|
font-size: 26px;
|
|
}
|
|
.questionAnswer>div{
|
|
width: 47%;
|
|
}
|
|
.music-life .list .text .title-name{
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
}
|
|
.music-life .list .text .english-name{
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
}
|
|
.music-famousTeacher .list{
|
|
width: 47%;
|
|
}
|
|
.music-city .list{
|
|
width: 100%;
|
|
}
|
|
.music-advantages .list{
|
|
width: 47%;
|
|
margin-bottom: 20px;
|
|
}
|
|
.contact-SID .list{
|
|
width: 100%;
|
|
}
|
|
.contact-SID{
|
|
display: block;
|
|
}
|
|
.SID-campus .list{
|
|
width: 50%;
|
|
}
|
|
.SID-about-con .list{
|
|
height: 150px;
|
|
}
|
|
.SID-her-con {
|
|
width: 300px;
|
|
height: 223px;
|
|
padding-top: 13px;
|
|
}
|
|
.SID-about-con .pdrl{
|
|
padding-right: 26px;
|
|
padding-left: 26px;
|
|
}
|
|
.SID-about-con .list-date{
|
|
height: 100%;
|
|
width: 40%;
|
|
font-size: 20px;
|
|
}
|
|
.SID-about-con .list .text{
|
|
padding-left: 18px;
|
|
}
|
|
.SID-her {
|
|
padding-top: 58px;
|
|
}
|
|
.SID-swiper-container .SID-her .title-name{
|
|
font-size: 30px;
|
|
}
|
|
.SID-swiper-container .SID-her .SID-her-address{
|
|
width: 80%;
|
|
}
|
|
.SID-swiper-container .SID-her .text{
|
|
margin-bottom: 21px;
|
|
}
|
|
.undergraduate-immigration .left-swiper-container{
|
|
width: 100%;
|
|
}
|
|
.undergraduate-immigration .right{
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.undergraduate-immigration{
|
|
display: block;
|
|
}
|
|
.undergraduate-professional .list{
|
|
width: 50%;height: auto;
|
|
}
|
|
.educational .list{
|
|
width: 80%;
|
|
margin: auto;
|
|
margin-bottom: 30px;
|
|
}
|
|
.educational{
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.prep-con .list .prep-con-img{
|
|
width: 80%;
|
|
}
|
|
.aps-mentor{
|
|
display: block;
|
|
}
|
|
.aps-problem .list{
|
|
width: 47%;
|
|
margin-bottom: 3%;
|
|
}
|
|
.aps-problem .list .text .p{
|
|
padding-left: 8px;
|
|
}
|
|
.aps-problem .list .text{
|
|
font-size: 16px;
|
|
padding-right: 10px;
|
|
}
|
|
.aps-one .left{
|
|
width: 90%;
|
|
}
|
|
.titcon .text{
|
|
width: 80%;
|
|
}
|
|
.school-apply-tit .one .text{
|
|
top: 30px;
|
|
}
|
|
.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: 20px;
|
|
}
|
|
|
|
.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: 20px;
|
|
}
|
|
.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) {
|
|
.search-con .list-con .list{
|
|
width: 47%;
|
|
margin-right: 3%;
|
|
}
|
|
.SID-impact .right{
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.aps-mentor-con .list{
|
|
width: 100%;
|
|
margin-right: 0px;
|
|
}
|
|
.school-apply-tit .one .text{
|
|
top: 15px;
|
|
}
|
|
.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) {
|
|
.media-main .media-tit .titp {
|
|
font-size: 23px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 11px;
|
|
color: #FFFFFF;
|
|
margin-bottom: 15px;
|
|
text-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
|
|
}
|
|
.questionAnswer>div{
|
|
width: 100%;
|
|
}
|
|
.music-life>:nth-child(1)>:nth-child(3){
|
|
display: none;
|
|
}
|
|
.music-life>:nth-child(2n)>:nth-child(1){
|
|
display: none;
|
|
}
|
|
.music-life>:nth-child(3n)>:nth-child(3){
|
|
display: none;
|
|
}
|
|
.music-famousTeacher .list{
|
|
width: 100%;
|
|
margin-right: 0px;
|
|
}
|
|
.music-advantages .list{
|
|
width: 100%;
|
|
margin-right: 0px;
|
|
}
|
|
.SID-campus .list{
|
|
width: 100%;
|
|
}
|
|
.SID-about-con .list{
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
.SID-her{
|
|
padding-top: 18px;
|
|
}
|
|
.SID-swiper-container .SID-her .SID-her-address .one{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-size: 20px;
|
|
}
|
|
.SID-her-con{
|
|
height: 180px;
|
|
}
|
|
.SID-swiper-container .SID-her .SID-her-address .two{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-size: 20px;
|
|
}
|
|
.undergraduate-professional .list{
|
|
width: 100%;height: auto;
|
|
margin-bottom: 20px;
|
|
}
|
|
.educational .list{
|
|
width: 100%;
|
|
margin: auto;
|
|
margin-bottom: 30px;
|
|
}
|
|
.degree-pd160{
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.aps-statistical .list .subtitle {
|
|
font-size: 36px;
|
|
line-height: 36px;
|
|
}
|
|
.aps-statistical .list .text{
|
|
font-size: 16px;
|
|
}
|
|
.aps-statistical .list {
|
|
width: 161px;
|
|
height: 161px;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.aps-problem .list{
|
|
width: 100%;
|
|
margin-right: 0px;
|
|
}
|
|
.school-apply-tit .two .text{
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
.aps-statistical>:nth-child(4){
|
|
padding-top: 44px;
|
|
}
|
|
.aps-statistical>:nth-child(3){
|
|
padding-top: 44px;
|
|
}
|
|
|
|
.aps-statistical>:nth-child(2){
|
|
padding-top: 44px;
|
|
}
|
|
.school-apply-tit .one .text{
|
|
top: 10px;
|
|
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;
|
|
}
|
|
.logo-top img{
|
|
width: 123px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width:380px) {
|
|
.dynamic .left .text{
|
|
font-size: 14px;
|
|
}
|
|
.search-con .list-con .list{
|
|
width: 100%;
|
|
margin-right: 0%;
|
|
}
|
|
.dynamic .right .make img{
|
|
right: 15px;
|
|
}
|
|
.school-professional .list{
|
|
width: 47%;
|
|
}
|
|
.dynamic .right a .make{
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
} |