|
...
|
...
|
@@ -7,14 +7,14 @@ |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<meta name="description" content="Free Bootstrap Themes - Free Responsive Html5 Templates">
|
|
|
|
<meta name="author" content="#">
|
|
|
|
|
|
|
|
<!-- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> -->
|
|
|
|
<title>虚拟学习网站</title>
|
|
|
|
|
|
|
|
<!--响应式框架-->
|
|
|
|
<link rel="stylesheet" type="text/css" href="swiperALL/css/bootstrap-grid.min.css" />
|
|
|
|
|
|
|
|
<!--图标样式-->
|
|
|
|
<link rel="stylesheet" href="http://jrain.oscitas.netdna-cdn.com/tutorial/css/fontawesome-all.min.css">
|
|
|
|
<!-- <link rel="stylesheet" href="http://jrain.oscitas.netdna-cdn.com/tutorial/css/fontawesome-all.min.css"> -->
|
|
|
|
|
|
|
|
<!--滚动样式-->
|
|
|
|
<link rel="stylesheet" href="swiperALL/css/owl.carousel.min.css">
|
|
...
|
...
|
@@ -61,25 +61,64 @@ |
|
|
|
<link href="assets/css/responsive.css" rel="stylesheet">
|
|
|
|
|
|
|
|
<style>
|
|
|
|
/* body{
|
|
|
|
min-width: 1900rem;
|
|
|
|
} */
|
|
|
|
.header-btnL1 {
|
|
|
|
cursor: pointer;
|
|
|
|
margin-right: 0.7rem;
|
|
|
|
font-size: 0.24rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.joinUs {
|
|
|
|
cursor: pointer;
|
|
|
|
margin-right: 0.82rem;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #333;
|
|
|
|
line-height: 0.18rem;
|
|
|
|
letter-spacing: 0.09rem;
|
|
|
|
padding-bottom: 0.10rem;
|
|
|
|
border-bottom: 0.01rem solid #333;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-btnL {
|
|
|
|
margin-right: 0.6rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-right-btn {
|
|
|
|
cursor: pointer;
|
|
|
|
width: 0.7rem;
|
|
|
|
height: 0.7rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper-container {
|
|
|
|
border: 1px solid red;
|
|
|
|
border: 0.01rem solid red;
|
|
|
|
width: 100%;
|
|
|
|
height: 400px;
|
|
|
|
height: 4rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper-container .lost {
|
|
|
|
width: 600px !important;
|
|
|
|
height: 400px !important;
|
|
|
|
width: 6rem !important;
|
|
|
|
height: 4rem !important;
|
|
|
|
position: relative;
|
|
|
|
background: #fff;
|
|
|
|
padding: 40px;
|
|
|
|
padding: 0.4rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper-container .swiper-slide-active,
|
|
|
|
.swiper-container .swiper-slide-next,
|
|
|
|
.swiper-container .swiper-slide-prev {
|
|
|
|
width: 600px !important;
|
|
|
|
height: 400px !important;
|
|
|
|
width: 6rem !important;
|
|
|
|
height: 4rem !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
...
|
...
|
@@ -94,8 +133,8 @@ |
|
|
|
/* background: url("img/index/5-3.png") no-repeat;
|
|
|
|
background-size: 100% 100%; */
|
|
|
|
background: red;
|
|
|
|
width: 600px !important;
|
|
|
|
height: 400px;
|
|
|
|
width: 6rem !important;
|
|
|
|
height: 4rem;
|
|
|
|
float: left;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
...
|
...
|
@@ -107,41 +146,41 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.seniorShare {
|
|
|
|
padding: 85px 0 85px 180px;
|
|
|
|
padding: 1rem 0 1rem 1.5rem;
|
|
|
|
background: #f0f0f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_tit {
|
|
|
|
padding: 20px 40px 0;
|
|
|
|
padding: 0.20rem 0.40rem 0;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_py {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 24px;
|
|
|
|
font-size: 0.24rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
line-height: 0.24rem;
|
|
|
|
padding-bottom: 0.10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_yy {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 24px;
|
|
|
|
font-size: 0.24rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
line-height: 0.24rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proInfo {
|
|
|
|
margin-left: 20px
|
|
|
|
margin-left: 0.20rem
|
|
|
|
}
|
|
|
|
|
|
|
|
#enterpriseProject {
|
|
...
|
...
|
@@ -151,28 +190,28 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.prowaiImg {
|
|
|
|
width: 80px;
|
|
|
|
height: 80px;
|
|
|
|
width: 0.80rem;
|
|
|
|
height: 0.80rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.aa_content {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 20px;
|
|
|
|
right: 14px;
|
|
|
|
bottom: 0.20rem;
|
|
|
|
right: 0.14rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proContent {
|
|
|
|
overflow: hidden;
|
|
|
|
width: calc(50% - 100px);
|
|
|
|
width: calc(50% - 1rem);
|
|
|
|
/* flex-wrap: wrap; */
|
|
|
|
/* flex: 1; */
|
|
|
|
height: 350px;
|
|
|
|
height: 3.50rem;
|
|
|
|
position: relative;
|
|
|
|
/* background: url("img/index/5-1.png") no-repeat; */
|
|
|
|
/* background-size: 100% 100%; */
|
|
|
|
margin: 0 50px 50px;
|
|
|
|
margin: 0 0.50rem 0.50rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.box {
|
|
...
|
...
|
@@ -181,7 +220,7 @@ |
|
|
|
display: none;
|
|
|
|
background: url('img/index/5-3.png') no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
height: 350px;
|
|
|
|
height: 3.50rem;
|
|
|
|
float: left;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
...
|
...
|
@@ -193,46 +232,47 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
/* .adb {
|
|
|
|
width: 500px;
|
|
|
|
height: 200px;
|
|
|
|
width: 500rem;
|
|
|
|
height: 200rem;
|
|
|
|
background: rgba(255, 255, 255, 0.5);
|
|
|
|
} */
|
|
|
|
|
|
|
|
.par-morebro {
|
|
|
|
z-index: 10;
|
|
|
|
height: 60px;
|
|
|
|
height: 0.60rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 60px;
|
|
|
|
line-height: 0.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#threefield2 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-size: 0.40rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 60px;
|
|
|
|
line-height: 0.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#threefield1 {
|
|
|
|
margin: 0 0 22px 140px;
|
|
|
|
margin: 0 0 0.22rem 1.40rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 23px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.23rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkMore {
|
|
|
|
cursor: pointer;
|
|
|
|
display: flex;
|
|
|
|
position: relative;
|
|
|
|
place-items: center;
|
|
...
|
...
|
@@ -240,50 +280,50 @@ |
|
|
|
|
|
|
|
.openProBtn {
|
|
|
|
position: absolute;
|
|
|
|
left: 35px;
|
|
|
|
left: 0.35rem;
|
|
|
|
z-index: 5;
|
|
|
|
cursor: pointer;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff !important;
|
|
|
|
line-height: 25px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.25rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fourfields1 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 23px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.23rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fourfields2 {
|
|
|
|
margin: 27px 0 40px;
|
|
|
|
height: 120px;
|
|
|
|
margin: 0.27rem 0 0.40rem;
|
|
|
|
height: 1.20rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-size: 0.40rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 60px;
|
|
|
|
line-height: 0.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.open_right {
|
|
|
|
flex: 1;
|
|
|
|
margin-left: 110px;
|
|
|
|
margin-left: 1.10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.openPro {
|
|
|
|
background: #323232;
|
|
|
|
padding: 87px 230px;
|
|
|
|
padding: 0.87rem 2.30rem;
|
|
|
|
display: flex;
|
|
|
|
/* place-content: center; */
|
|
|
|
place-items: center;
|
|
...
|
...
|
@@ -291,56 +331,58 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.wenti_daan {
|
|
|
|
width: 660px;
|
|
|
|
width: 6.60rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 40px;
|
|
|
|
line-height: 0.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wenti-btn {
|
|
|
|
margin: 80px 0 40px;
|
|
|
|
margin: 0.80rem 0 0.40rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 32px;
|
|
|
|
font-size: 0.32rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: justify;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.index_problem_list {
|
|
|
|
background-color: #FCFBFD;
|
|
|
|
color: #323232;
|
|
|
|
padding: 100px 200px;
|
|
|
|
padding: 1.00rem 2.00rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sevenfields2 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 32px;
|
|
|
|
font-size: 0.32rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sevenfields1 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 24px;
|
|
|
|
font-size: 0.24rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 29px;
|
|
|
|
margin-bottom: 37px;
|
|
|
|
line-height: 0.29rem;
|
|
|
|
margin-bottom: 0.37rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-greenTitle {
|
|
|
|
height: 300px;
|
|
|
|
height: 3.00rem;
|
|
|
|
background-color: #66ca94;
|
|
|
|
/* padding: 0 220px; */
|
|
|
|
/* padding: 0 220rem; */
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
place-items: center;
|
|
...
|
...
|
@@ -348,20 +390,21 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.col-lg-3 {
|
|
|
|
padding-left: 50px;
|
|
|
|
padding-right: 50px;
|
|
|
|
padding-left: 0.50rem;
|
|
|
|
padding-right: 0.50rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#FourTitle {
|
|
|
|
margin: 30px 0 15px;
|
|
|
|
height: 25px;
|
|
|
|
margin: 0.30rem 0 0.15rem;
|
|
|
|
height: 0.25rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 22px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.22rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgList {
|
|
...
|
...
|
@@ -376,30 +419,30 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#team {
|
|
|
|
height: 600px;
|
|
|
|
padding: 100px 120px 120px;
|
|
|
|
/* height: 600rem; */
|
|
|
|
padding: 1.00rem 1.20rem 1.20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header_yuan {
|
|
|
|
background-color: #97dab6;
|
|
|
|
border-radius: 50%;
|
|
|
|
z-index: 2;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
width: 0.50rem;
|
|
|
|
height: 0.50rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_yuan {
|
|
|
|
position: absolute;
|
|
|
|
right: 155px;
|
|
|
|
right: 0.7rem;
|
|
|
|
background-color: #97dab6;
|
|
|
|
border-radius: 50%;
|
|
|
|
z-index: 2;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
width: 0.50rem;
|
|
|
|
height: 0.50rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
|
|
|
height: 700px;
|
|
|
|
height: 7.00rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-right1 {
|
|
...
|
...
|
@@ -407,65 +450,65 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.header-txt1 {
|
|
|
|
padding: 30px 110px 0 70px;
|
|
|
|
padding: 0.30rem 1.10rem 0 0.70rem;
|
|
|
|
place-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sixfields1 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 23px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.23rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sixfields2 {
|
|
|
|
margin-top: 20px;
|
|
|
|
/* height: 120px; */
|
|
|
|
margin-top: 0.20rem;
|
|
|
|
/* height: 120rem; */
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-size: 0.40rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 60px;
|
|
|
|
line-height: 0.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fivefields1 {
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-left: 0.50rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 23px;
|
|
|
|
line-height: 0.23rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fivefields2 {
|
|
|
|
margin-left: 20px;
|
|
|
|
height: 120px;
|
|
|
|
margin-top: 20px;
|
|
|
|
font-size: 40px;
|
|
|
|
margin-left: 0.50rem;
|
|
|
|
height: 1.20rem;
|
|
|
|
margin-top: 0.20rem;
|
|
|
|
font-size: 0.40rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 60px;
|
|
|
|
line-height: 0.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_head {
|
|
|
|
text-align: left;
|
|
|
|
margin: 80px 0 80px 200px;
|
|
|
|
margin: 0.80rem 0 0.80rem 2.00rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_all {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
/* padding: 20px; */
|
|
|
|
/* padding: 20rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_top {
|
|
...
|
...
|
@@ -478,43 +521,43 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.share_img {
|
|
|
|
margin-left: 20px;
|
|
|
|
width: 150px;
|
|
|
|
height: 150px;
|
|
|
|
margin-left: 0.20rem;
|
|
|
|
width: 1.50rem;
|
|
|
|
height: 1.50rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_name {
|
|
|
|
margin-left: 40px;
|
|
|
|
margin-left: 0.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_info {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 20px;
|
|
|
|
font-size: 0.20rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 16px;
|
|
|
|
line-height: 0.35rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_name1 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 32px;
|
|
|
|
font-size: 0.32rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: justify;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 32px;
|
|
|
|
padding-bottom: 15px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
padding-bottom: 0.15rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_title {
|
|
|
|
margin-top: 40px;
|
|
|
|
font-size: 18px;
|
|
|
|
margin-top: 0.20rem;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.4rem;
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 4;
|
|
...
|
...
|
@@ -531,7 +574,7 @@ |
|
|
|
.header-text {
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
padding: 109px 0 0 70px;
|
|
|
|
padding: 1.09rem 0 0 0.70rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
...
|
...
|
@@ -543,47 +586,47 @@ |
|
|
|
|
|
|
|
#onefields1 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 32px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#onefields2 {
|
|
|
|
width: 862px;
|
|
|
|
width: 8.62rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 40px;
|
|
|
|
font-size: 0.40rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 80px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
padding: 40px 0 60px;
|
|
|
|
line-height: 0.80rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
padding: 0.40rem 0 0.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-head-btn a {
|
|
|
|
position: absolute;
|
|
|
|
left: 35px;
|
|
|
|
left: 0.35rem;
|
|
|
|
color: #323232;
|
|
|
|
z-index: 5;
|
|
|
|
cursor: pointer;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 25px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.25rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#oneimg1 {
|
|
|
|
width: 100%;
|
|
|
|
height: 640px;
|
|
|
|
height: 6.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.img-responsive {
|
|
...
|
...
|
@@ -592,28 +635,28 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#FourTxt {
|
|
|
|
height: 150px;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-row {
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
height: 750px;
|
|
|
|
height: 7.50rem;
|
|
|
|
background-color: #f0f0f0;
|
|
|
|
padding: 0 180px 0 268px;
|
|
|
|
padding: 0 1.50rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* .par-pro-Featured {
|
|
|
|
padding-right: 15px;
|
|
|
|
padding-right: 15rem;
|
|
|
|
padding-left: 10%;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
padding-bottom: 20rem;
|
|
|
|
} */
|
|
|
|
|
|
|
|
/* .intro {
|
|
...
|
...
|
@@ -625,15 +668,15 @@ |
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
place-items: center;
|
|
|
|
margin: 0 40px 86px 140px;
|
|
|
|
margin: 0 0.40rem 0.86rem 1.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#projects {
|
|
|
|
padding: 80px 50px 145px;
|
|
|
|
padding: 0.80rem 0.50rem 1.45rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-post {
|
|
|
|
height: 350px;
|
|
|
|
height: 3.50rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-headImg1 {
|
|
...
|
...
|
@@ -668,109 +711,111 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#fourimg3 {
|
|
|
|
width: 760px;
|
|
|
|
height: 826px;
|
|
|
|
width: 7.60rem;
|
|
|
|
height: 8.26rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fourfields3 p {
|
|
|
|
padding-bottom: 30px;
|
|
|
|
padding-bottom: 0.30rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: justify;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 30px;
|
|
|
|
line-height: 0.30rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.openPro_yuan {
|
|
|
|
border-radius: 50%;
|
|
|
|
z-index: 2;
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
width: 0.50rem;
|
|
|
|
height: 0.50rem;
|
|
|
|
opacity: 1;
|
|
|
|
background: rgba(102, 202, 148, 0.50);
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-showBtn {
|
|
|
|
margin-top: 70px;
|
|
|
|
margin-top: 0.70rem;
|
|
|
|
display: flex;
|
|
|
|
place-items: center;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
#twoimg2 {
|
|
|
|
width: 514px;
|
|
|
|
height: 528px;
|
|
|
|
width: 5.14rem;
|
|
|
|
height: 5.28rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#index_two_title {
|
|
|
|
flex: 1;
|
|
|
|
margin-left: 265px;
|
|
|
|
margin-left: 2.65rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#twofields1 {
|
|
|
|
width: 546px;
|
|
|
|
width: 5.46rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 32px;
|
|
|
|
letter-spacing: 1px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
letter-spacing: 0.01rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#twofields2 {
|
|
|
|
margin: 38px 0 70px;
|
|
|
|
font-size: 32px;
|
|
|
|
margin: 0.38rem 0 0.70rem;
|
|
|
|
font-size: 0.32rem;
|
|
|
|
font-family: Gotham, Gotham-Bold;
|
|
|
|
font-weight: 700;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 60px;
|
|
|
|
line-height: 0.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#twofields3 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-img1 {
|
|
|
|
width: 210px;
|
|
|
|
height: 30px;
|
|
|
|
width: 2.10rem;
|
|
|
|
/* height: 0.30rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-loginBtn {
|
|
|
|
font-size: 18px;
|
|
|
|
cursor: pointer;
|
|
|
|
margin-right: 0.8rem;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 18px;
|
|
|
|
letter-spacing: 9px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
border-bottom: 1px solid #333;
|
|
|
|
line-height: 0.18rem;
|
|
|
|
letter-spacing: 0.09rem;
|
|
|
|
padding-bottom: 0.10rem;
|
|
|
|
border-bottom: 0.01rem solid #333;
|
|
|
|
}
|
|
|
|
|
|
|
|
#FourImage {
|
|
|
|
width: 162px;
|
|
|
|
height: 162px;
|
|
|
|
width: 1.62rem;
|
|
|
|
height: 1.62rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-content {
|
|
|
|
width: 600px;
|
|
|
|
height: 400px;
|
|
|
|
width: 6.00rem;
|
|
|
|
height: 4.00rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_wai {
|
|
|
|
padding: 40px;
|
|
|
|
width: 600px;
|
|
|
|
height: 400px;
|
|
|
|
padding: 0.40rem;
|
|
|
|
width: 6.00rem;
|
|
|
|
height: 4.00rem;
|
|
|
|
background: #fff;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
...
|
...
|
@@ -779,13 +824,13 @@ |
|
|
|
display: none;
|
|
|
|
background: url(img/index/5-3.png) no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
width: 600px;
|
|
|
|
height: 400px;
|
|
|
|
width: 6.00rem;
|
|
|
|
height: 4.00rem;
|
|
|
|
float: left;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
padding: 40px;
|
|
|
|
padding: 0.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_wai:hover .swiper_box {
|
|
...
|
...
|
@@ -804,69 +849,81 @@ |
|
|
|
|
|
|
|
.swi_name {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 32px;
|
|
|
|
font-size: 0.32rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: justify;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 32px;
|
|
|
|
padding-right: 20px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
padding-right: 0.20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swi_info {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 20px;
|
|
|
|
font-size: 0.20rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 300;
|
|
|
|
text-align: justify;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swi_cont {
|
|
|
|
margin-top: 40px;
|
|
|
|
margin-top: 0.40rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 0.18rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 32px;
|
|
|
|
line-height: 0.32rem;
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 8;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media(max-width:768px) {
|
|
|
|
@media(max-width:785px) {
|
|
|
|
.header-btnL1{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
#loginTitle{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.joinUs {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_wai:hover .swiper_box {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper_wai {
|
|
|
|
padding: 20px 10px;
|
|
|
|
padding: 0.30rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
width: 100%;
|
|
|
|
height: 200px;
|
|
|
|
height: 2.80rem;
|
|
|
|
background: #fff;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.seniorShare {
|
|
|
|
padding: 40px 0 40px 10px;
|
|
|
|
padding: 0.40rem 0 0.40rem 0.10rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-content {
|
|
|
|
width: 100%;
|
|
|
|
height: 200px;
|
|
|
|
height: 2.00rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-img1 {
|
|
|
|
width: 105px;
|
|
|
|
height: 15px;
|
|
|
|
width: 2.05rem;
|
|
|
|
height: 0.3rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fivefields1 {
|
|
|
|
/* margin-top: 40px; */
|
|
|
|
font-size: 9px;
|
|
|
|
/* margin-top: 40rem; */
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
...
|
...
|
@@ -874,26 +931,28 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#fivefields2 {
|
|
|
|
height: 44px;
|
|
|
|
margin-top: 10px;
|
|
|
|
font-size: 14px;
|
|
|
|
height: 0.44rem;
|
|
|
|
margin-top: 0.10rem;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 14px;
|
|
|
|
margin-left: 0rem;
|
|
|
|
margin-bottom: 0.20rem;
|
|
|
|
/* line-height: 14rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_head {
|
|
|
|
text-align: left;
|
|
|
|
margin: 0;
|
|
|
|
/* margin: 80px 0 80px 200px; */
|
|
|
|
/* margin: 80rem 0 80rem 200rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_all {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
/* padding: 10px; */
|
|
|
|
/* padding: 10rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_top {
|
|
...
|
...
|
@@ -905,44 +964,44 @@ |
|
|
|
display: none;
|
|
|
|
} */
|
|
|
|
.share_img {
|
|
|
|
margin-left: 10px;
|
|
|
|
width: 75px;
|
|
|
|
height: 75px;
|
|
|
|
margin-left: 0.10rem;
|
|
|
|
width: 0.75rem;
|
|
|
|
height: 0.75rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_name {
|
|
|
|
margin-left: 20px;
|
|
|
|
margin-left: 0.20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_info {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 0.12rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: justify;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 16px;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.share_name1 {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 0.16rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: justify;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 16px;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
padding-bottom: 0.05rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.share_title {
|
|
|
|
margin-top: 20px;
|
|
|
|
font-size: 9px;
|
|
|
|
margin-top: 0.20rem;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: left;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 14px;
|
|
|
|
line-height: 0.3rem;
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 4;
|
|
...
|
...
|
@@ -952,7 +1011,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
header {
|
|
|
|
height: 350px;
|
|
|
|
height: 6.60rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-btnL {
|
|
...
|
...
|
@@ -961,7 +1020,7 @@ |
|
|
|
|
|
|
|
.header-loginBtn {
|
|
|
|
display: block;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
padding: 0;
|
|
|
|
line-height: 2;
|
|
|
|
}
|
|
...
|
...
|
@@ -973,22 +1032,20 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.header-btnL {
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-right: 0.10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-txt1 {
|
|
|
|
place-items: center;
|
|
|
|
padding: 12px 20px;
|
|
|
|
padding: 0.24rem 0.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* .header-right-btn {
|
|
|
|
position: static;
|
|
|
|
margin-right: 0px;
|
|
|
|
} */
|
|
|
|
|
|
|
|
|
|
|
|
.header-text {
|
|
|
|
padding: 70px 20px 0;
|
|
|
|
/* padding-left: 0px;
|
|
|
|
padding: 1.00rem 0.20rem 0;
|
|
|
|
box-sizing: border-box;
|
|
|
|
/* padding-left: 0rem;
|
|
|
|
right: 0;
|
|
|
|
width: 100%; */
|
|
|
|
}
|
|
...
|
...
|
@@ -1007,32 +1064,34 @@ |
|
|
|
|
|
|
|
.index-header-showTitle {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 60px;
|
|
|
|
padding: 0 20px;
|
|
|
|
margin-top: 0.60rem;
|
|
|
|
padding: 0 0.20rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
#onefields1 {
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: left;
|
|
|
|
line-height: 16px;
|
|
|
|
letter-spacing: 0px;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
letter-spacing: 0rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#onefields2 {
|
|
|
|
padding: 20px 0 40px;
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 0.60rem 0 1.20rem;
|
|
|
|
width: 90%;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Bold;
|
|
|
|
font-weight: 700;
|
|
|
|
text-align: left;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 24px;
|
|
|
|
line-height: 0.30rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-text p {
|
|
|
|
margin-bottom: 15px;
|
|
|
|
margin-bottom: 0.15rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-head-btn h5 {
|
|
...
|
...
|
@@ -1040,30 +1099,30 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.col-lg-3 {
|
|
|
|
padding-left: 20px;
|
|
|
|
padding-right: 20px;
|
|
|
|
padding: 0.2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-head-btn a {
|
|
|
|
left: 0px;
|
|
|
|
left: 0rem;
|
|
|
|
background: #97dab6;
|
|
|
|
border-radius: 15px;
|
|
|
|
font-size: 12px;
|
|
|
|
border-radius: 0.15rem;
|
|
|
|
font-size: 0.12rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 12px;
|
|
|
|
padding: 9px 13px;
|
|
|
|
/* line-height: 12rem; */
|
|
|
|
padding: 0.09rem 0.13rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
#team {
|
|
|
|
height: auto;
|
|
|
|
padding: 50px 10px;
|
|
|
|
padding: 0.50rem 0.10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#oneimg1 {
|
|
|
|
height: 320px;
|
|
|
|
height: 4.00rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.img-responsive {
|
|
...
|
...
|
@@ -1071,13 +1130,14 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.box-content {
|
|
|
|
padding: 50px 30px 25px;
|
|
|
|
padding: 0.50rem 0.30rem 0.25rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.box-content.box-7 .box-item {
|
|
|
|
flex: none;
|
|
|
|
width: 50%;
|
|
|
|
margin-bottom: 38px;
|
|
|
|
margin-bottom: 0.38rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fourGroups {
|
|
...
|
...
|
@@ -1086,34 +1146,34 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#FourImage {
|
|
|
|
width: 100px;
|
|
|
|
height: 100px;
|
|
|
|
/* width: 100rem;
|
|
|
|
height: 100rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#FourTitle {
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 11px;
|
|
|
|
letter-spacing: 0px;
|
|
|
|
/* line-height: 11rem; */
|
|
|
|
letter-spacing: 0rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#FourTxt {
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 16px;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.cons {
|
|
|
|
padding: 40px 0 0;
|
|
|
|
padding: 0.40rem 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-row {
|
|
|
|
padding: 40px 30px;
|
|
|
|
padding: 0.40rem 0.30rem;
|
|
|
|
height: auto;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
...
|
...
|
@@ -1121,21 +1181,25 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.padding-bottom-01 {
|
|
|
|
padding-bottom: 0px !important;
|
|
|
|
padding-bottom: 0rem !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.padding-top-70 {
|
|
|
|
padding-top: 0px !important;
|
|
|
|
padding-top: 0rem !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#index_two_title {
|
|
|
|
margin-left: 0;
|
|
|
|
padding: 0 0.85rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
#twoimg2 {
|
|
|
|
width: 190px;
|
|
|
|
height: 196px;
|
|
|
|
margin: 0 0 30px 0;
|
|
|
|
/* width: 190rem;
|
|
|
|
height: 196rem; */
|
|
|
|
margin: 0 0 0.30rem 0;
|
|
|
|
width: 3.80rem;
|
|
|
|
height: 3.80rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col-lg-1 {
|
|
...
|
...
|
@@ -1145,41 +1209,44 @@ |
|
|
|
#twofields1 {
|
|
|
|
width: auto;
|
|
|
|
padding-right: 0;
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 16px;
|
|
|
|
box-sizing: border-box;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#twofields2 {
|
|
|
|
margin: 20px 0 10px;
|
|
|
|
margin: 0.20rem 0 0.10rem;
|
|
|
|
margin: 0.50rem 0 0.60rem;
|
|
|
|
|
|
|
|
width: auto;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: Gotham, Gotham-Bold;
|
|
|
|
font-weight: 700;
|
|
|
|
text-align: justify;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 24px;
|
|
|
|
/* padding: 20px 0; */
|
|
|
|
line-height: 0.30rem;
|
|
|
|
/* padding: 20rem 0; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#twofields3 {
|
|
|
|
width: auto;
|
|
|
|
padding-right: 0;
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: SourceHanSansCN, SourceHanSansCN-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 20px;
|
|
|
|
/* line-height: 20rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-pro-Featured {
|
|
|
|
padding-right: 0px;
|
|
|
|
padding-left: 0px;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
padding-right: 0rem;
|
|
|
|
padding-left: 0rem;
|
|
|
|
padding-bottom: 0.20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.checkMore {
|
|
...
|
...
|
@@ -1190,11 +1257,11 @@ |
|
|
|
.intro {
|
|
|
|
color: #66CA94;
|
|
|
|
text-align: left;
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 9rem;
|
|
|
|
} */
|
|
|
|
.openPro {
|
|
|
|
flex-direction: column;
|
|
|
|
padding: 40px;
|
|
|
|
padding: 0.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.open_right {
|
|
...
|
...
|
@@ -1202,20 +1269,22 @@ |
|
|
|
flex-direction: column;
|
|
|
|
place-items: center;
|
|
|
|
place-content: center;
|
|
|
|
margin-top: 30px;
|
|
|
|
margin-top: 0.30rem;
|
|
|
|
margin-left: 0;
|
|
|
|
padding: 0 0.50rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
#threefield1 {
|
|
|
|
margin: 0;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 11px;
|
|
|
|
letter-spacing: 0px;
|
|
|
|
padding: 42px 0 13px;
|
|
|
|
/* line-height: 11rem; */
|
|
|
|
letter-spacing: 0rem;
|
|
|
|
padding: 0.42rem 0 0.13rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-pro-title1 {
|
|
...
|
...
|
@@ -1224,12 +1293,12 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#threefield2 {
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 24px;
|
|
|
|
line-height: 0.24rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* .par-morebro {
|
|
...
|
...
|
@@ -1237,12 +1306,12 @@ |
|
|
|
} */
|
|
|
|
|
|
|
|
#projects {
|
|
|
|
padding: 0 30px 40px;
|
|
|
|
padding: 0 0.30rem 0.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-post {
|
|
|
|
height: 22%;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin-bottom: 0.20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portfolio-post-item {
|
|
...
|
...
|
@@ -1265,7 +1334,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.noticeimg-head {
|
|
|
|
clip: rect(0px 148px 103px 0px);
|
|
|
|
clip: rect(0rem 1.48rem 1.03rem 0rem);
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-headImg-all {
|
|
...
|
...
|
@@ -1280,19 +1349,19 @@ |
|
|
|
|
|
|
|
.par-headTitle1 {
|
|
|
|
color: #fff;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 0.12rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 12px;
|
|
|
|
line-height: 0.12rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.par-headTitle2 {
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 0.12rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 12px;
|
|
|
|
line-height: 0.12rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
...
|
...
|
@@ -1304,49 +1373,51 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#fourimg3 {
|
|
|
|
width: 200px;
|
|
|
|
height: 200px;
|
|
|
|
/* width: 200rem;
|
|
|
|
height: 200rem; */
|
|
|
|
width: 3.80rem;
|
|
|
|
height: 3.80rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-infoshow {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
place-items: center;
|
|
|
|
margin: 40px 10px;
|
|
|
|
margin: 0.40rem 0.10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fourfields1 {
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 16px;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#fourfields2 {
|
|
|
|
margin: 0;
|
|
|
|
height: auto;
|
|
|
|
margin-top: 10px;
|
|
|
|
font-size: 14px;
|
|
|
|
margin-top: 0.10rem;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: center;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 24px;
|
|
|
|
/* line-height: 24rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.left-heading .section-title {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-bottom: 0rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#fourfields3 p {
|
|
|
|
padding-top: 10px;
|
|
|
|
font-size: 9px;
|
|
|
|
padding-top: 0.10rem;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 20px;
|
|
|
|
/* line-height: 20rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-showBtn h5 {
|
|
...
|
...
|
@@ -1355,22 +1426,22 @@ |
|
|
|
|
|
|
|
.index-showBtn {
|
|
|
|
position: inherit;
|
|
|
|
margin-top: 10px;
|
|
|
|
margin-top: 0.10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-showBtn a {
|
|
|
|
position: inherit;
|
|
|
|
left: 0px !important;
|
|
|
|
left: 0rem !important;
|
|
|
|
cursor: pointer;
|
|
|
|
background: #66ca94;
|
|
|
|
border-radius: 25px;
|
|
|
|
padding: 9px 18px;
|
|
|
|
font-size: 12px;
|
|
|
|
border-radius: 0.25rem;
|
|
|
|
padding: 0.09rem 0.18rem;
|
|
|
|
font-size: 0.12rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232 !important;
|
|
|
|
line-height: 12px;
|
|
|
|
line-height: 0.30rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.questionList {
|
|
...
|
...
|
@@ -1381,63 +1452,68 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.wenti-btn {
|
|
|
|
margin: 40px 0 20px;
|
|
|
|
margin: 0.40rem 0 0.20rem;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 14px;
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
/* line-height: 14rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.index_problem_list {
|
|
|
|
padding: 40px 20px;
|
|
|
|
padding: 0.40rem 0.20rem;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wenti_daan {
|
|
|
|
width: auto;
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: justify;
|
|
|
|
color: #5a5a5a;
|
|
|
|
line-height: 16px;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#sixfields1 {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 9px;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 16px;
|
|
|
|
font-weight: 600;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
#sixfields2 {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: center;
|
|
|
|
color: #323232;
|
|
|
|
line-height: 24px;
|
|
|
|
/* line-height: 24rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.box-content .heading {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-bottom: 0rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.index-greenTitle {
|
|
|
|
height: auto;
|
|
|
|
padding: 20px !important;
|
|
|
|
padding: 0.75rem 0.40rem !important;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proContent {
|
|
|
|
width: calc(50% - 20px);
|
|
|
|
margin: 0 10px 20px;
|
|
|
|
height: 120px;
|
|
|
|
width: calc(50% - 0.20rem);
|
|
|
|
margin: 0 0.10rem 0.20rem;
|
|
|
|
/* height: 120rem; */
|
|
|
|
height: 2.40rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.prowaiImg {
|
|
...
|
...
|
@@ -1445,7 +1521,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.aa_content {
|
|
|
|
bottom: 10px;
|
|
|
|
bottom: 0.10rem;
|
|
|
|
display: block;
|
|
|
|
right: 0;
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -1454,7 +1530,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#enterpriseProject {
|
|
|
|
margin-top: 42px;
|
|
|
|
margin-top: 0.42rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.proInfo {
|
|
...
|
...
|
@@ -1463,45 +1539,45 @@ |
|
|
|
|
|
|
|
.pro_py {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 0.12rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 12px;
|
|
|
|
line-height: 0.12rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pro_yy {
|
|
|
|
opacity: 1;
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 0.12rem;
|
|
|
|
font-family: Helvetica;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 12px;
|
|
|
|
line-height: 0.12rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sevenfields1 {
|
|
|
|
margin-bottom: 20px;
|
|
|
|
font-size: 9px;
|
|
|
|
margin-bottom: 0.40rem;
|
|
|
|
font-size: 0.09rem;
|
|
|
|
font-family: Gotham, Gotham-Medium;
|
|
|
|
font-weight: 500;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 16px;
|
|
|
|
letter-spacing: 0px;
|
|
|
|
/* line-height: 16rem; */
|
|
|
|
letter-spacing: 0rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sevenfields2 {
|
|
|
|
font-size: 14px;
|
|
|
|
font-size: 0.14rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Semibold;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 24px;
|
|
|
|
/* line-height: 24rem; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.box-content.box-8 h3 {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
margin-top: 0.20rem;
|
|
|
|
margin-bottom: 0rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.col-lg-3,
|
|
...
|
...
|
@@ -1510,7 +1586,12 @@ |
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media(max-width:1200px) {}
|
|
|
|
@media(max-width:1440rem) {
|
|
|
|
#team {
|
|
|
|
padding: 0.80rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
...
|
...
|
@@ -1522,11 +1603,13 @@ |
|
|
|
<img src="./img/portfolio/B1.png" width="100%">
|
|
|
|
</div>
|
|
|
|
<div class="header-right1">
|
|
|
|
<!-- <div class="header-btnL1"></div>
|
|
|
|
<div id="login-btn" class="header-btnL">
|
|
|
|
</div>
|
|
|
|
<div class="joinUs" onclick="window.location.href='aboutUs.html'">加入我们</div>
|
|
|
|
<a class="header-right-btn" onclick="setPersonal()">
|
|
|
|
<img src="./img/portfolio/circle.png" style="width: 100%;height: 100%;">
|
|
|
|
</a>
|
|
|
|
</a> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
...
|
...
|
@@ -1574,28 +1657,6 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 实习项目-->
|
|
|
|
<!-- <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">
|
|
...
|
...
|
@@ -1621,17 +1682,8 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</section>
|
|
|
|
<!-- 左图右字 -->
|
|
|
|
<section class="openPro">
|
|
...
|
...
|
@@ -1655,125 +1707,7 @@ |
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
|
|
<div id="news-slider" class="owl-carousel swiperNew" >
|
|
|
|
|
|
|
|
<!-- <div class="post-slide">
|
|
|
|
<div class="swiper_wai">
|
|
|
|
<div class="share_all">
|
|
|
|
<div class="share_top">
|
|
|
|
<div class="share_img">
|
|
|
|
<img src="img/portfolio/H1.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<div class="share_name">
|
|
|
|
<div class="share_name1">张同学1111</div>
|
|
|
|
<div class="share_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="share_title">
|
|
|
|
Start-line提供了各种不同行业不同角色的真实职场工作体验机会，通过不同项目的完成，我可以快速深入了解各类型工作及企业的真实状态及企业文化情况，使自己可以清晰透彻地评估自身性格特点，优势劣势，与职位及企业的匹配程度，在信息充分
|
|
|
|
…</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_box">
|
|
|
|
<div class="swi_names">
|
|
|
|
<div class="swi_name">陈同学</div>
|
|
|
|
<div class="swi_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
<div class="swi_cont">
|
|
|
|
我的学校非985
|
|
|
|
211，不在北上广深一线城市，根本没有机会接触到顶尖机构企业的实习机会。Start-line全新的形式为我们这类同学打开了一扇机会大门，使我们也可以跟北京上海的同学一样，在自己的简历中拥有如此多有含金量的实习经历，接触了解一线机构的丰富工作内容，掌握学习最核心的职场专业技能，这些沉甸甸的收获，在后续找工作过程中，让我从同学中脱颖而出。
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="post-slide">
|
|
|
|
<div class="swiper_wai">
|
|
|
|
<div class="share_all">
|
|
|
|
<div class="share_top">
|
|
|
|
<div class="share_img">
|
|
|
|
<img src="img/portfolio/H1.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<div class="share_name">
|
|
|
|
<div class="share_name1">张同学</div>
|
|
|
|
<div class="share_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="share_title">
|
|
|
|
Start-line提供了各种不同行业不同角色的真实职场工作体验机会，通过不同项目的完成，我可以快速深入了解各类型工作及企业的真实状态及企业文化情况，使自己可以清晰透彻地评估自身性格特点，优势劣势，与职位及企业的匹配程度，在信息充分
|
|
|
|
…</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_box">
|
|
|
|
<div class="swi_names">
|
|
|
|
<div class="swi_name">陈同学</div>
|
|
|
|
<div class="swi_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
<div class="swi_cont">
|
|
|
|
我的学校非985
|
|
|
|
211，不在北上广深一线城市，根本没有机会接触到顶尖机构企业的实习机会。Start-line全新的形式为我们这类同学打开了一扇机会大门，使我们也可以跟北京上海的同学一样，在自己的简历中拥有如此多有含金量的实习经历，接触了解一线机构的丰富工作内容，掌握学习最核心的职场专业技能，这些沉甸甸的收获，在后续找工作过程中，让我从同学中脱颖而出。
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
<!--<div class="post-slide">
|
|
|
|
<div class="swiper_wai">
|
|
|
|
<div class="share_all">
|
|
|
|
<div class="share_top">
|
|
|
|
<div class="share_img">
|
|
|
|
<img src="img/portfolio/H1.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<div class="share_name">
|
|
|
|
<div class="share_name1">张同学</div>
|
|
|
|
<div class="share_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="share_title">
|
|
|
|
Start-line提供了各种不同行业不同角色的真实职场工作体验机会，通过不同项目的完成，我可以快速深入了解各类型工作及企业的真实状态及企业文化情况，使自己可以清晰透彻地评估自身性格特点，优势劣势，与职位及企业的匹配程度，在信息充分
|
|
|
|
…</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_box">
|
|
|
|
<div class="swi_names">
|
|
|
|
<div class="swi_name">陈同学</div>
|
|
|
|
<div class="swi_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
<div class="swi_cont">
|
|
|
|
我的学校非985
|
|
|
|
211，不在北上广深一线城市，根本没有机会接触到顶尖机构企业的实习机会。Start-line全新的形式为我们这类同学打开了一扇机会大门，使我们也可以跟北京上海的同学一样，在自己的简历中拥有如此多有含金量的实习经历，接触了解一线机构的丰富工作内容，掌握学习最核心的职场专业技能，这些沉甸甸的收获，在后续找工作过程中，让我从同学中脱颖而出。
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="post-slide">
|
|
|
|
<div class="swiper_wai">
|
|
|
|
<div class="share_all">
|
|
|
|
<div class="share_top">
|
|
|
|
<div class="share_img">
|
|
|
|
<img src="img/portfolio/H1.png" style="width: 100%;">
|
|
|
|
</div>
|
|
|
|
<div class="share_name">
|
|
|
|
<div class="share_name1">张同学</div>
|
|
|
|
<div class="share_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="share_title">
|
|
|
|
Start-line提供了各种不同行业不同角色的真实职场工作体验机会，通过不同项目的完成，我可以快速深入了解各类型工作及企业的真实状态及企业文化情况，使自己可以清晰透彻地评估自身性格特点，优势劣势，与职位及企业的匹配程度，在信息充分
|
|
|
|
…</div>
|
|
|
|
</div>
|
|
|
|
<div class="swiper_box">
|
|
|
|
<div class="swi_names">
|
|
|
|
<div class="swi_name">陈同学</div>
|
|
|
|
<div class="swi_info">加入START-LINE已有3个月</div>
|
|
|
|
</div>
|
|
|
|
<div class="swi_cont">
|
|
|
|
我的学校非985
|
|
|
|
211，不在北上广深一线城市，根本没有机会接触到顶尖机构企业的实习机会。Start-line全新的形式为我们这类同学打开了一扇机会大门，使我们也可以跟北京上海的同学一样，在自己的简历中拥有如此多有含金量的实习经历，接触了解一线机构的丰富工作内容，掌握学习最核心的职场专业技能，这些沉甸甸的收获，在后续找工作过程中，让我从同学中脱颖而出。
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
<div id="news-slider" class="owl-carousel swiperNew">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
...
|
...
|
@@ -1794,90 +1728,90 @@ |
|
|
|
</section>
|
|
|
|
<!-- 移动端底部 -->
|
|
|
|
<div class="login-footer-all">
|
|
|
|
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
|
|
|
|
<div class="login-footer-img" style="width: 25%;margin-top: 0.80rem;">
|
|
|
|
<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>
|
|
|
|
font-size: 0.09rem;margin-top: 0.12rem;">成功职场第一步，从Start-Line开始</div>
|
|
|
|
<div
|
|
|
|
style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
|
|
|
|
style="color: #66CA94;font-size: 0.12rem;font-family: PingFangSC, PingFangSC-Regular;margin: 0.60rem 0 0.20rem;">
|
|
|
|
关注Start-Line</div>
|
|
|
|
<div style="width: 25%;margin-bottom: 200px;">
|
|
|
|
<div style="width: 25%;margin-bottom: 2.00rem;">
|
|
|
|
<img src="img/portfolio/EWM.png" width="100%">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- FOOTER -->
|
|
|
|
<footer>
|
|
|
|
<div class="wrap-footer" style="background-color: #323232;height: 609px;padding-top: 0;">
|
|
|
|
<div class="wrap-footer" style="background-color: #323232;height: 6.09rem;padding-top: 0;">
|
|
|
|
<!-- <div class="container"> -->
|
|
|
|
<div class="row"
|
|
|
|
style="display: flex;justify-content: space-between;height: 100%;place-items: center;margin-left: 0;margin-right: 0;">
|
|
|
|
<div style="display: flex;flex-direction: column;place-content: center;">
|
|
|
|
<div style="width: 210px;height: 28px;">
|
|
|
|
<div style="width: 2.10rem;height: 0.28rem;">
|
|
|
|
<img src="img/portfolio/B2.png" width="100%">
|
|
|
|
</div>
|
|
|
|
<div style="color: #fff;padding-top: 44px;font-size: 24px; text-transform:capitalize;font-family: SourceHanSansCN, SourceHanSansCN-Regular;
|
|
|
|
<div style="color: #fff;padding-top: 0.44rem;font-size: 0.24rem; text-transform:capitalize;font-family: SourceHanSansCN, SourceHanSansCN-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: center;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 32px;">
|
|
|
|
line-height: 0.32rem;">
|
|
|
|
成功职场第一步，从Start-Line开始</div>
|
|
|
|
</div>
|
|
|
|
<div style="display: flex;flex-direction: column;place-items: center;place-content: center;">
|
|
|
|
<a href="index.html" style="font-size: 18px;
|
|
|
|
<a href="index.html" style="font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 25px;
|
|
|
|
letter-spacing: 1px;">网站导航</a>
|
|
|
|
<a href="index.html" style="font-size: 18px;
|
|
|
|
line-height: 0.25rem;
|
|
|
|
letter-spacing: 0.01rem;">网站导航</a>
|
|
|
|
<a href="index.html" style="font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 40px;padding:20px 0 8px">网站首页</a>
|
|
|
|
<a href="browseMore.html" style="font-size: 18px;
|
|
|
|
line-height: 0.40rem;padding:0.20rem 0 0.08rem">网站首页</a>
|
|
|
|
<a href="browseMore.html" style="font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 40px;">实习项目</a>
|
|
|
|
line-height: 0.40rem;">实习项目</a>
|
|
|
|
</div>
|
|
|
|
<div style="display: flex;flex-direction: column;place-items: center;place-content: center;">
|
|
|
|
<a href="aboutUs.html" style="font-size: 18px;
|
|
|
|
<a href="aboutUs.html" style="font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 25px;
|
|
|
|
letter-spacing: 1px;">关于我们</a>
|
|
|
|
<a href="aboutUs.html" style="font-size: 18px;
|
|
|
|
line-height: 0.25rem;
|
|
|
|
letter-spacing: 0.01rem;">关于我们</a>
|
|
|
|
<a href="aboutUs.html" style="font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 40px;padding:20px 0 8px">关于Start-Line</a>
|
|
|
|
<a href="aboutUs.html" style="font-size: 18px;
|
|
|
|
line-height: 0.40rem;padding:0.20rem 0 0.08rem">关于Start-Line</a>
|
|
|
|
<a href="aboutUs.html" style="font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #ffffff;
|
|
|
|
line-height: 40px;">联系我们</a>
|
|
|
|
line-height: 0.40rem;">联系我们</a>
|
|
|
|
</div>
|
|
|
|
<div style="display: flex;flex-direction: column;place-items: flex-start;place-content: center;"
|
|
|
|
id="sevenimg4">
|
|
|
|
<div style="font-size: 18px;
|
|
|
|
<div style="font-size: 0.18rem;
|
|
|
|
font-family: PingFangSC, PingFangSC-Regular;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: left;
|
|
|
|
color: #66ca94;
|
|
|
|
line-height: 25px;
|
|
|
|
letter-spacing: 1px;padding-bottom: 31px;">关注Start-Line</div>
|
|
|
|
<div id='ewm-footer' style="text-align: center;width: 155px;height: 155px;">
|
|
|
|
line-height: 0.25rem;
|
|
|
|
letter-spacing: 0.01rem;padding-bottom: 0.31rem;">关注Start-Line</div>
|
|
|
|
<div id='ewm-footer' style="text-align: center;width: 1.55rem;height: 1.55rem;">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
...
|
...
|
@@ -1914,12 +1848,12 @@ |
|
|
|
margin: 0 auto;
|
|
|
|
height: 35%;
|
|
|
|
width: 100%;
|
|
|
|
padding: 10px;
|
|
|
|
/* border: 1px solid #FF0000; */
|
|
|
|
padding: 10rem;
|
|
|
|
/* border: 1rem solid #FF0000; */
|
|
|
|
}
|
|
|
|
|
|
|
|
.box1 img {
|
|
|
|
margin-right: 20px;
|
|
|
|
margin-right: 20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#goleft {
|
|
...
|
...
|
@@ -1929,7 +1863,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
#goleft #gols {
|
|
|
|
width: 33100px;
|
|
|
|
width: 33100rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#goleft1,
|
|
...
|
...
|
@@ -1941,7 +1875,7 @@ |
|
|
|
<!-- jQuery -->
|
|
|
|
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
|
|
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
|
|
<script src="./index.js"></script>
|
|
|
|
|
|
|
|
<!-- Custom Theme JavaScript -->
|
|
|
|
|
|
|
|
<script src="./js/agency.js"></script>
|
|
...
|
...
|
@@ -1973,7 +1907,8 @@ |
|
|
|
<script src="assets/js/jquery.nice-select.min.js"></script>
|
|
|
|
<script src="assets/js/jQuery.style.switcher.min.js"></script>
|
|
|
|
<script src="assets/js/script.js"></script>
|
|
|
|
|
|
|
|
<script src="./index.js"></script>
|
|
|
|
<script src="./changeREM.js"></script>
|
|
|
|
<script>
|
|
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
|
|
direction: 'horizontal', // 垂直切换选项
|
|
...
|
...
|
@@ -1987,7 +1922,7 @@ |
|
|
|
},
|
|
|
|
width: 600,
|
|
|
|
height: 400,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script>
|
|
...
|
...
|
@@ -1996,19 +1931,19 @@ |
|
|
|
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").eq(indexs).find('.new_background').css("margin-top", "0rem")
|
|
|
|
})
|
|
|
|
$(".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")
|
|
|
|
$(".new_zhanshi").eq(indexs).find('.new_background').css("margin-top", "-350rem")
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
<script src="swiperALL/js/jquery-1.11.0.min.js" type="text/javascript"></script>
|
|
|
|
<script type="text/javascript" src="swiperALL/js/owl.carousel.min.js"></script>
|
|
|
|
<script>
|
|
|
|
setTimeout(function(){
|
|
|
|
setTimeout(function () {
|
|
|
|
$("#news-slider").owlCarousel({
|
|
|
|
items: 3,
|
|
|
|
itemsDesktop: [1199, 2],
|
|
...
|
...
|
@@ -2018,34 +1953,48 @@ |
|
|
|
navigationText: false,
|
|
|
|
autoPlay: true
|
|
|
|
});
|
|
|
|
},1000)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// $(document).ready(function () {
|
|
|
|
// $("#news-slider").owlCarousel({
|
|
|
|
// items: 3,
|
|
|
|
// itemsDesktop: [1199, 2],
|
|
|
|
// itemsDesktopSmall: [980, 2],
|
|
|
|
// itemsMobile: [600, 1],
|
|
|
|
// pagination: false,
|
|
|
|
// navigationText: false,
|
|
|
|
// autoPlay: true
|
|
|
|
// });
|
|
|
|
// });
|
|
|
|
}, 1000)
|
|
|
|
var token = localStorage.getItem('token')
|
|
|
|
var header22 = {
|
|
|
|
"Content-Type": "application/json",
|
|
|
|
"token": localStorage.getItem('token'),
|
|
|
|
}
|
|
|
|
|
|
|
|
if (token) {
|
|
|
|
ajax("/login/userInfo", "GET", header22, function (res) {
|
|
|
|
console.log(res);
|
|
|
|
}, function (res) {
|
|
|
|
localStorage.setItem("name", res.data.surname + res.data.userName);
|
|
|
|
var userName = res.data.surname + res.data.userName
|
|
|
|
|
|
|
|
let LoginTitle = `
|
|
|
|
<div class="header-btnL1">Hello,${userName}</div>
|
|
|
|
<div class="header-loginBtn" id="loginTitle" onclick="onclickLogin()">退出登录</div>
|
|
|
|
<a class="header-right-btn" onclick="setPersonal()">
|
|
|
|
<img src="./img/portfolio/circle.png" style="width: 100%;height: 100%;">
|
|
|
|
</a>`
|
|
|
|
$(".header-right1").html(LoginTitle)
|
|
|
|
})
|
|
|
|
|
|
|
|
} else {
|
|
|
|
let LoginTitle = `
|
|
|
|
<div class="header-loginBtn" id="loginTitle" onclick="window.location.href='login.html'">登录</div>
|
|
|
|
<div class="joinUs" onclick="window.location.href='aboutUs.html'">加入我们</div>
|
|
|
|
<a class="header-right-btn" onclick="setPersonal()">
|
|
|
|
<img src="./img/portfolio/circle.png" style="width: 100%;height: 100%;">
|
|
|
|
</a>`
|
|
|
|
$(".header-right1").html(LoginTitle)
|
|
|
|
}
|
|
|
|
function onclickLogin() {
|
|
|
|
localStorage.setItem('token', '')
|
|
|
|
localStorage.setItem('w_name', '')
|
|
|
|
localStorage.setItem('name', '')
|
|
|
|
localStorage.setItem('userId', '')
|
|
|
|
window.location.href = 'login.html'
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<!-- <script>
|
|
|
|
$(document).ready(function() {
|
|
|
|
$("#owl-brand ").owlCarousel({
|
|
|
|
autoPlay: 3000,
|
|
|
|
items: 1,
|
|
|
|
itemsDesktop: [1199, 1],
|
|
|
|
itemsDesktopSmall: [979, 2],
|
|
|
|
navigation: false,
|
|
|
|
navigationText: ['<i class="fa fa-chevron-left fa-5x "></i>', '<i class="fa fa-chevron-right fa-5x "></i>']
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script> -->
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
