2964 lines
50 KiB
CSS
2964 lines
50 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 {
|
|
width: 100%;
|
|
background-color: #F5F5F5;
|
|
height: 106px;
|
|
}
|
|
|
|
.header .nav {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.header .nav ul {
|
|
display: flex;
|
|
}
|
|
|
|
.header .nav .li a {
|
|
color: #757575;
|
|
font-size: 18px;
|
|
padding-top: 20px;
|
|
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: -29px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.int {
|
|
position: relative;
|
|
margin-right: 36px;
|
|
}
|
|
|
|
.int input {
|
|
width: 89px;
|
|
height: 36px;
|
|
background: #E4E4E4;
|
|
opacity: 1;
|
|
border: none;
|
|
padding-left: 14px;
|
|
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;
|
|
}
|
|
|
|
.dynamic .right a {
|
|
display: inline-block;
|
|
position: relative;
|
|
text-align: left;
|
|
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;
|
|
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);
|
|
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
height: 56px;
|
|
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: 282px;
|
|
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;
|
|
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;
|
|
|
|
}
|
|
|
|
.media-nav a {
|
|
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: 282px;
|
|
height: 158px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.media-video .media-video-w .list .list-text {
|
|
width: 282px;
|
|
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 {
|
|
width: 1236px;
|
|
height: 400px;
|
|
background: rgba(0, 0, 0, 0);
|
|
opacity: 1;
|
|
background-image: url("/imgs/public/zx.png");
|
|
background-size: 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%;
|
|
}
|
|
|
|
|
|
|
|
|
|
.latest-con .list {
|
|
width: 282px;
|
|
margin-right: 36px;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
.latest-con .list .list-img {
|
|
width: 282px;
|
|
height: 158px;
|
|
overflow: hidden;
|
|
|
|
background: #9B9B9B;
|
|
}
|
|
|
|
.latest-con .list .list-text {
|
|
width: 282px;
|
|
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;
|
|
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;
|
|
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;
|
|
height: 727px;
|
|
width: 100%;
|
|
}
|
|
|
|
.studyAbroad-guide .left {
|
|
width: 54%;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.studyAbroad-guide .right {
|
|
height: 100%;
|
|
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: 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;
|
|
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: 47px;
|
|
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;
|
|
opacity: 1;
|
|
}
|
|
|
|
.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;
|
|
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
opacity: 1;
|
|
margin-right: 36px;
|
|
}
|
|
|
|
.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;
|
|
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;
|
|
margin-top: 24px;
|
|
margin-bottom: 36px;
|
|
|
|
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%;
|
|
height: 750px;
|
|
}
|
|
|
|
.school-swiper-con {
|
|
width: 100%;
|
|
height: 100;
|
|
position: relative;
|
|
}
|
|
|
|
.school-swiper-con .zt {
|
|
width: 106px;
|
|
height: 106px;
|
|
opacity: 1;
|
|
position: absolute;
|
|
left: 45%;
|
|
top: 45%;
|
|
}
|
|
|
|
.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;
|
|
height: 100%;
|
|
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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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: 282;
|
|
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;
|
|
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;
|
|
}
|
|
.right .subtitle{
|
|
font-size: 36px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
line-height: 48px;
|
|
color: #171717;
|
|
opacity: 1;
|
|
}
|
|
.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;
|
|
}
|
|
.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 .zt{
|
|
position: absolute;
|
|
left: 40%;
|
|
top: 40%;
|
|
}
|
|
.aps-mentor-con .list .text{
|
|
width: 100%;
|
|
height: 136px;
|
|
background: #F5F5F5;
|
|
padding-top: 27px;
|
|
box-sizing: border-box;
|
|
opacity: 1;
|
|
}
|
|
.aps-mentor-con .list .text .subtitle{
|
|
font-size: 20px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 12px;
|
|
color: #0C0C0C;
|
|
opacity: 1;
|
|
}
|
|
.aps-mentor-con .list .text .p{
|
|
font-size: 16px;
|
|
font-family: Microsoft YaHei;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
line-height: 24px;
|
|
color: #9B9B9B;
|
|
opacity: 1;
|
|
}
|
|
|
|
.aps-audit{
|
|
width: 1076px;
|
|
height: 560px;
|
|
margin: auto;
|
|
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;
|
|
} |