苏州创新投资
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
suzhou/css/service12.css

277 lines
4.7 KiB

2 years ago
.section0{
position: relative;
}
.section0 .bgimage{
width:100%;
margin-top:100px;
}
.titlecontent{
position: absolute;
left:14%;
top:35%;
}
.titlecontent p{
margin:0;padding:0
}
.section0 .titlecontent .title1{
2 years ago
font-size: 42px;
2 years ago
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
text-shadow: 0px 2px 6px rgba(9,30,52,0.22);
}
.subtitle{
2 years ago
font-size: 30px;
2 years ago
font-family: Arial;
font-weight: 400;
color: #FFFFFF;
}
.navcontent{
position: absolute;
/* width:100%; */
left:50%;
transform: translateX(-50%);
bottom:0;
}
.navitem{
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(2,7,14,0.5);
padding:15px 0;
}
.navtitle{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
}
.navsubtitle{
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
margin-top:6px;
}
.navaction{
background: #124AA0 !important;
}
.service-next{
text-align: center;
border-bottom:1px solid #EAEAEA;
}
a:link,
a:visited,
a:hover,
a:active{
color: #333333;
text-decoration: none;
}
.service-next ul{
display: flex;
justify-content: space-between;
margin:0
}
.service-next li{
list-style: none;
position: relative;
padding:30px 0;
}
.service-next li img{
width:100%;
height: 4px;
position: absolute;
bottom: 0;
left:0;
}
2 years ago
.section1{
position: relative;
}
.section1 .innerHtml{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
display: flex;
flex-direction: column;
}
.yaosu{
text-align: center;
2 years ago
margin-top: 20px;
2 years ago
}
.yaosu .devide{
width: 80px;
height: 6px;
background: #E3E8EF;
margin: 0 auto;
}
.yaosu .title{
2 years ago
font-size: 42px;
2 years ago
font-family: Microsoft YaHei;
font-weight: 400;
color: #124AA0;
margin:15px 0 0px 0;
}
.yaosu .subtitle{
2 years ago
font-size: 30px;
2 years ago
font-family: Arial;
font-weight: 400;
color: #124AA0;
}
.section1info{
flex: 1;
position: relative;
2 years ago
2 years ago
background:url('../images/service11/电子信息@2x.png');
2 years ago
background-size: cover;
2 years ago
display: flex;
align-items: center;
}
.electricContent{
2 years ago
width: 70%;
2 years ago
margin:0 auto;
text-align: center;
/* display: flex; */
/* align-items: center; */
/* justify-content: center; */
/* position: absolute; */
top: 18%;
}
2 years ago
.electricContent img{
width:100px;
height:100px;
}
2 years ago
.electricContent p{
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
2 years ago
margin-top:15px;
2 years ago
}
.list{
margin-bottom:20px;
2 years ago
}
.section2{
margin:0;
background: url('../images/service11/装备制造-bg@2x.png');
background-size: 100% 100%;
position: relative;
}
.section2 .section12{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.zhuangbei{
text-align: center;
2 years ago
margin: 100px 0 10px 0;
2 years ago
}
.zhuangbei .devide{
width: 80px;
height: 6px;
background: #FFFFFF;
margin: 0 auto;
}
.zhuangbei .title{
2 years ago
font-size: 42px;
2 years ago
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
margin-top:20px;
}
.zhuangbei .subtitle{
2 years ago
font-size: 30px;
2 years ago
font-family: Arial;
font-weight: 400;
color: #FFFFFF;
}
.zhuangbeiContainer{
2 years ago
margin:80px 20px 0 20px;
2 years ago
flex: 1;
margin-bottom: 30px;
}
.zhuanbeiItem{
border-right: 2px solid #1574CA;
position: relative;
padding: 0;
/* margin: 10px 0; */
height:100%;
display: flex;
}
.imgcontent{
height:100%;
width:100%;
flex:1
}
.backImg{
width:100%;
visibility: hidden;
height:100%;
}
.intro{
position: absolute;
top:0;
text-align: center;
width:100%;
top: 40%;
}
.activeimg{
visibility: visible !important;
}
.zhuanbeiItem .intro p{
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.intro ul{
margin:0;
padding:0;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
}
.intro ul li{
list-style: none;
}
.section3{
background: url("../images/service11/生物医药@2x.png");
background-size: cover;
}
.shengwu{
width:50%;
margin:0 auto;
}
.shengwu img{
width:100%;
}
.section4{
background: url('../images/要素资源-bg@2x.png');
background-size: cover;
}
.swiperItemContent{
2 years ago
}
.intro p{
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
margin-top:30px;
2 years ago
}