suzhou/css/service12.css

.section0{
 position: relative;
}
.section0 .bgimage{
    width:100%;
    margin-top:100px;
}
.titlecontent{
    position: absolute;
    left:14%;
    top:50%;
}
.titlecontent p{
    margin:0;padding:0
}
.section0 .titlecontent .title1{
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 0px 2px 6px rgba(9,30,52,0.22);
}
.subtitle{
    font-size: 30px;
    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: 42px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #124AA0;
    margin:15px 0 0px 0;
}
.yaosu .subtitle{
    font-size: 30px;
    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;
    margin-bottom:0;
}
.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: 100px 0 10px 0;
}
.zhuangbei .devide{
    width: 80px;
    height: 6px;
    background: #FFFFFF;
    margin: 0 auto;
}
.zhuangbei .title{
    font-size: 42px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-top:20px;
}
.zhuangbei .subtitle{

    font-size: 30px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
}
.zhuangbeiContainer{
    margin:30px 20px 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%;
}
.intro1{
    position: absolute;
    bottom: 20%;
    width: 100%;
    text-align: center;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.activeimg{
    visibility: visible !important;
}
.zhuanbeiItem .intro p,.zhuanbeiItem .intro1 p{
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.intro ul,.intro1 ul{
    margin:0;
    padding:0;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.intro ul li,.intro1 ul li{
    list-style: none;
    
}
.section3{
    
    background: url("../images/service11/生物医药@2x.png");
    background-size: cover;
}
.shengwu{
    width:50%;
    margin:50px auto;
}
.shengwu img{
    width:90%;
}
.section4{
    background: url('../images/要素资源-bg@2x.png');
    background-size: cover;
}
.swiperItemContent{
    
}
.intro p,.intro1 p{
   
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-top:30px;
}
.inswiper{
    display: flex !important;
}
.brand__slider{
    display: none !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .inswiper{
        display: none !important;
    }
    .brand__slider{
        display: block !important;
    }
}
@media (max-width: 575px) {
    .section2{
        overflow: hidden;
        /* display: none !important; */
    }
    .electricContent{
        width:90%;
    }
    .section1info .list>img{
        width:80px;
        height:80px;
    }
    .electricContent p{
        font-size:14px;
    }
    .backImg{
        visibility: visible;
    }
    .inswiper{
        display: none !important ;
    }
    .brand__slider{
        display: block !important;
    }
    .imgcontent{
        margin-left:10px;
    }
    .section4 .container .swiper-button-next,.section4 .container .swiper-button-prev{
        display: none;
    }
}