diff --git a/css/index.css b/css/index.css index 035430a..cab895f 100644 --- a/css/index.css +++ b/css/index.css @@ -1016,20 +1016,23 @@ a:active{ color:#ffffff; display: none; } - .newsLeftContent{ + .newsLeftContent,.companyLeftContent{ display: flex; align-items: center; margin-top:10px; justify-content: space-between; } - .newsLeftContent h2{ + .newsLeftContent h2,.companyLeftContent h2{ font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #124AA0; padding-bottom:1px; } - .newsLeftContent button{ + .companyLeftContent h2{ + color:#ffffff + } + .newsLeftContent button,.companyLeftContent button{ padding:4px 20px; border: 1px solid #134BA1; border-radius: 30px; @@ -1100,4 +1103,8 @@ a:active{ #fp-nav{ display: none; } + .section3Titlecontainer{ + position: absolute; + top:25%; + } } \ No newline at end of file diff --git a/css/service12.css b/css/service12.css index 4be07ed..13baddb 100644 --- a/css/service12.css +++ b/css/service12.css @@ -199,9 +199,9 @@ a:active{ color: #FFFFFF; } .zhuangbeiContainer{ - margin:80px 20px 0 20px; + margin:30px 20px 0 20px; flex: 1; - margin-bottom: 30px; + /* margin-bottom: 30px; */ } .zhuanbeiItem{ border-right: 2px solid #1574CA; @@ -228,16 +228,26 @@ a:active{ 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 .intro p,.zhuanbeiItem .intro1 p{ font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; } -.intro ul{ +.intro ul,.intro1 ul{ margin:0; padding:0; font-size: 18px; @@ -245,7 +255,7 @@ a:active{ font-weight: 400; color: #FFFFFF; } -.intro ul li{ +.intro ul li,.intro1 ul li{ list-style: none; } @@ -259,7 +269,7 @@ a:active{ margin:50px auto; } .shengwu img{ - width:100%; + width:90%; } .section4{ background: url('../images/要素资源-bg@2x.png'); @@ -268,11 +278,62 @@ a:active{ .swiperItemContent{ } -.intro p{ +.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; + } } \ No newline at end of file diff --git a/index.html b/index.html index 7e91bb1..d775fda 100644 --- a/index.html +++ b/index.html @@ -217,7 +217,7 @@
ELECTRONIC
INFORMATION