|
...
|
...
|
@@ -13,7 +13,7 @@ |
|
|
|
<!-- Bootstrap Core CSS -->
|
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
|
|
|
|
<!-- <link rel="stylesheet" href="css/bootstrap1.min.css" type="text/css"> -->
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="css/swiper-bundle.min.css">
|
|
|
|
<!-- Owl Carousel Assets -->
|
|
|
|
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
|
|
|
|
<!-- <link href="owl-carousel/owl.theme.css" rel="stylesheet"> -->
|
|
...
|
...
|
@@ -47,6 +47,177 @@ |
|
|
|
<link href="assets/css/responsive.css" rel="stylesheet">
|
|
|
|
|
|
|
|
<style>
|
|
|
|
.swiper-container {
|
|
|
|
border: 1px solid red;
|
|
|
|
width: 100%;
|
|
|
|
height: 400px;
|
|
|
|
}
|
|
|
|
.swiper-container .lost {
|
|
|
|
width: 600px !important;
|
|
|
|
height: 400px !important;
|
|
|
|
position: relative;
|
|
|
|
background: #fff;
|
|
|
|
padding: 40px;
|
|
|
|
}
|
|
|
|
.swiper-container .swiper-slide-active, .swiper-container .swiper-slide-next, .swiper-container .swiper-slide-prev{
|
|
|
|
width: 600px !important;
|
|
|
|
height: 400px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.swiper-wrapper {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share_list{
|
|
|
|
display: none;
|
|
|
|
/* background: url("img/index/5-3.png") no-repeat;
|
|
|
|
background-size: 100% 100%; */
|
|
|
|
background: red;
|
|
|
|
width: 600px !important;
|
|
|
|
height: 400px;
|
|
|
|
float: left;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
.swiper-slide:hover .share_list{
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.seniorShare {
|
|
|
|
padding: 85px 0 85px 180px;
|
|
|
|
background: #f0f0f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_tit {
|
|
|
|
padding: 20px 40px 0;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 32px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_py {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 24px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_yy {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 24px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proInfo {
|
|
|
|
margin-left: 20px
|
|
|
|
}
|
|
|
|
|
|
|
|
#enterpriseProject {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prowaiImg {
|
|
|
|
width: 80px;
|
|
|
|
height: 80px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.aa_content {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 20px;
|
|
|
|
right: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proContent {
|
|
|
|
overflow: hidden;
|
|
|
|
width: calc(50% - 100px);
|
|
|
|
/* flex-wrap: wrap; */
|
|
|
|
/* flex: 1; */
|
|
|
|
height: 350px;
|
|
|
|
position: relative;
|
|
|
|
/* background: url("img/index/5-1.png") no-repeat; */
|
|
|
|
/* background-size: 100% 100%; */
|
|
|
|
margin: 0 50px 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.box {
|
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
display: none;
|
|
|
|
background: url('img/index/5-3.png') no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
height: 350px;
|
|
|
|
float: left;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proContent:hover .box {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* .adb {
|
|
|
|
width: 500px;
|
|
|
|
height: 200px;
|
|
|
|
background: rgba(255, 255, 255, 0.5);
|
|
|
|
} */
|
|
|
|
|
|
|
|
.par-morebro {
|
|
|
|
z-index: 10;
|
|
|
|
height: 60px;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 60px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#threefield2 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 60px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#threefield1 {
|
|
|
|
margin: 0 0 22px 140px;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 23px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkMore {
|
|
|
|
display: flex;
|
|
|
|
position: relative;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.openProBtn {
|
|
|
|
position: absolute;
|
|
|
|
left: 35px;
|
|
...
|
...
|
@@ -197,6 +368,16 @@ |
|
|
|
height: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_yuan {
|
|
|
|
position: absolute;
|
|
|
|
right: 155px;
|
|
|
|
background-color: #97dab6;
|
|
|
|
border-radius: 50%;
|
|
|
|
z-index: 2;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
|
|
|
height: 700px;
|
|
|
|
}
|
|
...
|
...
|
@@ -234,6 +415,8 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#fivefields1 {
|
|
|
|
margin-left: 20px;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
...
|
...
|
@@ -243,6 +426,8 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#fivefields2 {
|
|
|
|
margin-left: 20px;
|
|
|
|
height: 120px;
|
|
|
|
margin-top: 20px;
|
|
|
|
font-size: 40px;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
...
|
...
|
@@ -397,29 +582,30 @@ |
|
|
|
padding: 0 180px 0 268px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-pro-Featured {
|
|
|
|
/* .par-pro-Featured {
|
|
|
|
padding-right: 15px;
|
|
|
|
padding-left: 10%;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
}
|
|
|
|
} */
|
|
|
|
|
|
|
|
.intro {
|
|
|
|
/* .intro {
|
|
|
|
color: #66CA94;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
} */
|
|
|
|
|
|
|
|
.par-pro-title1 {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
place-items: center;
|
|
|
|
margin: 0 40px 86px 140px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#projects {
|
|
|
|
padding: 80px;
|
|
|
|
padding: 80px 50px 145px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-post {
|
|
|
|
margin-bottom: 2%;
|
|
|
|
height: 35%
|
|
|
|
height: 350px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-headImg1 {
|
|
...
|
...
|
@@ -671,6 +857,7 @@ |
|
|
|
} */
|
|
|
|
|
|
|
|
.header-text {
|
|
|
|
padding: 70px 20px 0;
|
|
|
|
padding-left: 0px;
|
|
|
|
right: 0;
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -704,6 +891,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#onefields2 {
|
|
|
|
padding: 20px 0 40px;
|
|
|
|
width: 90%;
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Bold;
|
|
...
|
...
|
@@ -721,6 +909,11 @@ |
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col-lg-3 {
|
|
|
|
padding-left: 20px;
|
|
|
|
padding-right: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-head-btn a {
|
|
|
|
left: 0px;
|
|
|
|
background: #97dab6;
|
|
...
|
...
|
@@ -734,8 +927,14 @@ |
|
|
|
padding: 9px 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#team {
|
|
|
|
height: auto;
|
|
|
|
padding: 50px 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-head-btn {
|
|
|
|
padding-top: 40px;
|
|
|
|
|
|
|
|
/* padding-top: 40px; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#oneimg1 {
|
|
...
|
...
|
@@ -789,7 +988,8 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.index-row {
|
|
|
|
height: 500px;
|
|
|
|
padding: 40px 30px;
|
|
|
|
height: auto;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
place-items: center;
|
|
...
|
...
|
@@ -803,10 +1003,14 @@ |
|
|
|
padding-top: 0px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#index_two_title {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#twoimg2 {
|
|
|
|
width: 190px;
|
|
|
|
height: 196px;
|
|
|
|
margin: 20px 0;
|
|
|
|
margin: 0 0 30px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col-lg-1 {
|
|
...
|
...
|
@@ -814,6 +1018,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#twofields1 {
|
|
|
|
width: auto;
|
|
|
|
padding-right: 0;
|
|
|
|
font-size: 9px;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
...
|
...
|
@@ -824,16 +1029,19 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#twofields2 {
|
|
|
|
margin: 20px 0 10px;
|
|
|
|
width: auto;
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: Gotham, Gotham-Bold;
|
|
|
|
font-weight: 700;
|
|
|
|
text-align: justify;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 24px;
|
|
|
|
padding: 20px 0;
|
|
|
|
/* padding: 20px 0; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#twofields3 {
|
|
|
|
width: auto;
|
|
|
|
padding-right: 0;
|
|
|
|
font-size: 9px;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
|
|
...
|
...
|
@@ -849,13 +1057,32 @@ |
|
|
|
padding-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkMore {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
|
|
.intro {
|
|
|
|
color: #66CA94;
|
|
|
|
text-align: left;
|
|
|
|
font-size: 9px;
|
|
|
|
} */
|
|
|
|
.openPro {
|
|
|
|
flex-direction: column;
|
|
|
|
padding: 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.open_right {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
place-items: center;
|
|
|
|
place-content: center;
|
|
|
|
margin-top: 30px;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#threefield1 {
|
|
|
|
margin: 0;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 9px;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
...
|
...
|
@@ -867,6 +1094,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.par-pro-title1 {
|
|
|
|
margin: 0;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
...
|
...
|
@@ -879,9 +1107,9 @@ |
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-morebro {
|
|
|
|
/* .par-morebro {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
} */
|
|
|
|
|
|
|
|
#projects {
|
|
|
|
padding: 0 30px 40px;
|
|
...
|
...
|
@@ -972,6 +1200,8 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#fourfields2 {
|
|
|
|
margin: 0;
|
|
|
|
height: auto;
|
|
|
|
margin-top: 10px;
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
...
|
...
|
@@ -999,11 +1229,12 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.index-showBtn {
|
|
|
|
padding-top: 40px;
|
|
|
|
margin-left: 32%;
|
|
|
|
position: inherit;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-showBtn a {
|
|
|
|
position: inherit;
|
|
|
|
left: 0px !important;
|
|
|
|
cursor: pointer;
|
|
|
|
background: #66ca94;
|
|
...
|
...
|
@@ -1017,11 +1248,38 @@ |
|
|
|
line-height: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.questionList {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
place-content: center;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wenti-btn {
|
|
|
|
margin: 40px 0 20px;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index_problem_list {
|
|
|
|
padding: 40px 5px;
|
|
|
|
padding: 40px 20px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wenti_daan {
|
|
|
|
width: auto;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 9px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sixfields1 {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 9px;
|
|
...
|
...
|
@@ -1047,10 +1305,57 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.index-greenTitle {
|
|
|
|
height: auto;
|
|
|
|
padding: 20px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proContent {
|
|
|
|
width: calc(50% - 20px);
|
|
|
|
margin: 0 10px 20px;
|
|
|
|
height: 120px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prowaiImg {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.aa_content {
|
|
|
|
bottom: 10px;
|
|
|
|
display: block;
|
|
|
|
right: 0;
|
|
|
|
width: 100%;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
}
|
|
|
|
|
|
|
|
#enterpriseProject {
|
|
|
|
margin-top: 42px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proInfo {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_py {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 12px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_yy {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 12px;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sevenfields1 {
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-size: 9px;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
...
|
...
|
@@ -1073,8 +1378,13 @@ |
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.col-lg-3,
|
|
|
|
.col-xs-6 {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media(max-width:1200px) {}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
...
|
...
|
@@ -1130,20 +1440,76 @@ |
|
|
|
|
|
|
|
<!-- 企业实习项目 -->
|
|
|
|
<section id="projects">
|
|
|
|
<div class="par-pro-Featured">
|
|
|
|
<div class="intro" id="threefield1"></div>
|
|
|
|
<div class="par-pro-title1">
|
|
|
|
<h2 id="threefield2"></h2>
|
|
|
|
<h2 style="cursor: pointer;" class="par-morebro"><a onclick="morebro()">浏览更多></a></h2>
|
|
|
|
<div id="threefield1"></div>
|
|
|
|
<div class="par-pro-title1">
|
|
|
|
<div id="threefield2"></div>
|
|
|
|
<div class="checkMore">
|
|
|
|
<h5 class="pro_yuan"></h5>
|
|
|
|
<div class="par-morebro" onclick="morebro()">浏览更多></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- </div> -->
|
|
|
|
<!-- 实习项目-->
|
|
|
|
<div class="portfolio-items-container" id="enterpriseProject" href='profile.html'>
|
|
|
|
<!-- <div class="portfolio-items-container" id="enterpriseProject" href='profile.html'>
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div style="display: flex; flex-wrap: wrap; width: 100%;">
|
|
|
|
<div class="new_zhanshi" style=" width: 800px;height: 350px; position: relative; overflow: hidden;">
|
|
|
|
<div class="new_background"
|
|
|
|
style="margin-top: -350px; width: 800px; height: 350px;position: absolute; background-color: rgba(0,0,0,0.5);">
|
|
|
|
</div>
|
|
|
|
<div style="width: 800px; height: 350px;">
|
|
|
|
<img style="width: 100%; height: 100%; object-fit: cover;" src="./img/index/5-1.png" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="new_zhanshi" style="width: 800px;height: 350px; position: relative; overflow: hidden;">
|
|
|
|
<div class="new_background"
|
|
|
|
style="margin-top: -350px; width: 800px; height: 350px;position: absolute; background-color: rgba(0,0,0,0.5);">
|
|
|
|
</div>
|
|
|
|
<div style="width: 800px; height: 350px;">
|
|
|
|
<img style="width: 100%; height: 100%; object-fit: cover;" src="./img/index/5-1.png" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<div id="enterpriseProject" href='profile.html'>
|
|
|
|
<!-- <div class="proContent" style="background: url('img/index/5-1.png') no-repeat;background-size: 100% 100%">
|
|
|
|
<div class="aa_content">
|
|
|
|
<div class="prowaiImg">
|
|
|
|
<img src="./img/index/5-2.png" style='width:100%;height:100%'>
|
|
|
|
</div>
|
|
|
|
<div class="proInfo">
|
|
|
|
<div class="pro_py">平安证券</div>
|
|
|
|
<div class="pro_yy">平安证券投资实习生</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="box" style="background: url('img/index/5-3.png') no-repeat;background-size: 100% 100%">
|
|
|
|
<div class="pro_tit">我的学校非985
|
|
|
|
211，不在北上广深一线城市，根本没有机会接触到顶尖机构企业的实习机会。Start-line全新的形式为我们这类同学打开了一扇机会大门，使我们也可以跟北京上海的同学一样，在自己的简历中拥有如此多有含金量的实习经历，接触了解一线机构的丰富工作内容，掌握学习最核心的职场专业技能，这些沉甸甸的收获，在后续找工作过程中，让我从同学中脱颖而出。
|
|
|
|
</div>
|
|
|
|
<div class="aa_content">
|
|
|
|
<div class="prowaiImg">
|
|
|
|
<img src="./img/index/5-2.png" style='width:100%;height:100%'>
|
|
|
|
</div>
|
|
|
|
<div class="proInfo">
|
|
|
|
<div class="pro_py">平安证券</div>
|
|
|
|
<div class="pro_yy">平安证券投资实习生</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<section class="openPro" style="background-color: #323232;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
<!-- 左图右字 -->
|
|
|
|
<section class="openPro">
|
|
|
|
<div id="fourimg3">
|
|
|
|
</div>
|
|
|
|
<div class="open_right">
|
|
...
|
...
|
@@ -1155,21 +1521,38 @@ |
|
|
|
<a onclick="morebro()" class="openProBtn">浏览实习项目</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<!-- 学长学姐分享 -->
|
|
|
|
<section>
|
|
|
|
<div class="banner-box" style="background: #f0f0f0;">
|
|
|
|
<div class="share_head">
|
|
|
|
<div id="fivefields1"></div>
|
|
|
|
<h2 id="fivefields2"></h2>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<!-- 学长学姐分享 -->
|
|
|
|
<!-- <section class="seniorShare">
|
|
|
|
<div id="fivefields1"></div>
|
|
|
|
<div id="fivefields2"></div>
|
|
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide lost">
|
|
|
|
11
|
|
|
|
</div>
|
|
|
|
<div class="swiper-slide lost">Slide 2</div>
|
|
|
|
<div class="swiper-slide lost">Slide 3</div>
|
|
|
|
<div class="swiper-slide lost">Slide 2</div>
|
|
|
|
<div class="swiper-slide lost">Slide 3</div>
|
|
|
|
<div class="swiper-slide lost">Slide 2</div>
|
|
|
|
<div class="swiper-slide lost">Slide 3</div>
|
|
|
|
<div class="swiper-slide lost">Slide 2</div>
|
|
|
|
<div class="swiper-slide lost">Slide 3</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section> -->
|
|
|
|
<!-- <section>
|
|
|
|
<div class="banner-box" style="background: #f0f0f0;">
|
|
|
|
<div class="share_head">
|
|
|
|
<div id="fivefields1"></div>
|
|
|
|
<h2 id="fivefields2"></h2>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper"> -->
|
|
|
|
|
|
|
|
<!-- <div class="swiper-slide swiper-slide-center none-effect">
|
|
|
|
<!-- <div class="swiper-slide swiper-slide-center none-effect">
|
|
|
|
<div class="share_all">
|
|
|
|
<div class="share_top">
|
|
|
|
<div class="share_img">
|
|
...
|
...
|
@@ -1184,43 +1567,44 @@ |
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
<!-- </div>
|
|
|
|
<div class="banner-arrow">
|
|
|
|
<div class="swiper-button-prev"></div>
|
|
|
|
<div class="swiper-button-next"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="banner-arrow">
|
|
|
|
<div class="swiper-button-prev"></div>
|
|
|
|
<div class="swiper-button-next"></div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- 问题 -->
|
|
|
|
<section class="index_problem_list">
|
|
|
|
<div id="sixfields1"></div>
|
|
|
|
<div id="sixfields2"></div>
|
|
|
|
<div id="clickQuestion">
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- 绿底字 -->
|
|
|
|
<section class="index-greenTitle">
|
|
|
|
<div id="sevenfields1"></div>
|
|
|
|
<div id="sevenfields2"></div>
|
|
|
|
</section>
|
|
|
|
<!-- 移动端底部 -->
|
|
|
|
<div class="login-footer-all">
|
|
|
|
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
|
|
|
|
<img src="img/portfolio/whiteLogo.png" width="100%">
|
|
|
|
</div>
|
|
|
|
<div style="color: #fff;
|
|
|
|
</section> -->
|
|
|
|
<!-- 问题 -->
|
|
|
|
<section class="index_problem_list">
|
|
|
|
<div id="sixfields1"></div>
|
|
|
|
<div id="sixfields2"></div>
|
|
|
|
<div id="clickQuestion">
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- 绿底字 -->
|
|
|
|
<section class="index-greenTitle">
|
|
|
|
<div id="sevenfields1"></div>
|
|
|
|
<div id="sevenfields2"></div>
|
|
|
|
</section>
|
|
|
|
<!-- 移动端底部 -->
|
|
|
|
<div class="login-footer-all">
|
|
|
|
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
|
|
|
|
<img src="img/portfolio/whiteLogo.png" width="100%">
|
|
|
|
</div>
|
|
|
|
<div style="color: #fff;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 9px;margin-top: 12px;">成功职场第一步，从Start-Line开始</div>
|
|
|
|
<div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
|
|
|
|
关注Start-Line</div>
|
|
|
|
<div style="width: 25%;margin-bottom: 200px;">
|
|
|
|
<img src="img/portfolio/EWM.png" width="100%">
|
|
|
|
<div
|
|
|
|
style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
|
|
|
|
关注Start-Line</div>
|
|
|
|
<div style="width: 25%;margin-bottom: 200px;">
|
|
|
|
<img src="img/portfolio/EWM.png" width="100%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- FOOTER -->
|
|
|
|
<footer>
|
|
|
|
<div class="wrap-footer" style="background-color: #323232;height: 609px;padding-top: 0;">
|
|
...
|
...
|
@@ -1369,8 +1753,8 @@ |
|
|
|
<!-- carousel -->
|
|
|
|
<script src="./owl-carousel/owl.carousel.js"></script>
|
|
|
|
<script src="./owl-carousel/owl.carousel.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- swiper -->
|
|
|
|
<script src="js/swiper-bundle.min.js"></script>
|
|
|
|
<!-- assets -->
|
|
|
|
<script src="assets/js/jquery.js"></script>
|
|
|
|
<script src="assets/js/popper.min.js"></script>
|
|
...
|
...
|
@@ -1386,8 +1770,37 @@ |
|
|
|
<script src="assets/js/jQuery.style.switcher.min.js"></script>
|
|
|
|
<script src="assets/js/script.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
|
direction: 'horizontal', // 垂直切换选项
|
|
|
|
// loop:true,
|
|
|
|
mousewheel: true,
|
|
|
|
autoplay: {
|
|
|
|
delay: 5000,
|
|
|
|
stopOnLastSlide: false,
|
|
|
|
disableOnInteraction: true,
|
|
|
|
|
|
|
|
},
|
|
|
|
width:600,
|
|
|
|
height: 400,
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
$(".new_zhanshi").mouseover(function () {
|
|
|
|
var indexs = $(this).index()
|
|
|
|
console.log(indexs)
|
|
|
|
|
|
|
|
$(".new_zhanshi").eq(indexs).find('.new_background').css("transition", "all 0.4s ease-in-out")
|
|
|
|
$(".new_zhanshi").eq(indexs).find('.new_background').css("margin-top", "0px")
|
|
|
|
})
|
|
|
|
$(".new_zhanshi").mouseout(function () {
|
|
|
|
var indexs = $(this).index()
|
|
|
|
console.log(indexs)
|
|
|
|
$(".new_zhanshi").eq(indexs).find('.new_background').css("transition", "all 0.4s ease-in-out")
|
|
|
|
$(".new_zhanshi").eq(indexs).find('.new_background').css("margin-top", "-350px")
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
<!-- <script>
|
|
|
|
$(document).ready(function() {
|
|
|
|
$("#owl-brand ").owlCarousel({
|
...
|
...
|
|
