.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{ font-size: 48px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; text-shadow: 0px 2px 6px rgba(9,30,52,0.22); } .subtitle{ font-size: 36px; 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; } .section1{ position: relative; } .section1 .innerHtml{ position: absolute; top:0; left:0; width:100%; height:100%; display: flex; flex-direction: column; } .yaosu{ text-align: center; margin-top: 20px; } .yaosu .devide{ width: 80px; height: 6px; background: #E3E8EF; margin: 0 auto; } .yaosu .title{ font-size: 48px; font-family: Microsoft YaHei; font-weight: 400; color: #124AA0; margin:15px 0 0px 0; } .yaosu .subtitle{ font-size: 36px; font-family: Arial; font-weight: 400; color: #124AA0; } .section1info{ flex: 1; position: relative; background:url('../images/service11/电子信息@2x.png'); background-size: cover; display: flex; align-items: center; } .electricContent{ width: 70%; margin:0 auto; text-align: center; /* display: flex; */ /* align-items: center; */ /* justify-content: center; */ /* position: absolute; */ top: 18%; } .electricContent img{ width:100px; height:100px; } .electricContent p{ font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top:15px; } .list{ margin-bottom:20px; } .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; margin-bottom: 10px; } .zhuangbei .devide{ width: 80px; height: 6px; background: #FFFFFF; margin: 0 auto; } .zhuangbei .title{ font-size: 48px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top:20px; } .zhuangbei .subtitle{ font-size: 36px; font-family: Arial; font-weight: 400; color: #FFFFFF; } .zhuangbeiContainer{ margin:0 20px; 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{ } .intro p{ /* font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; margin-top:30px; */ }