From 21896c323e6bbc06344479147d3c2a14b49dc2b5 Mon Sep 17 00:00:00 2001 From: WindowBird <13870814+windows-bird@user.noreply.gitee.com> Date: Thu, 9 Oct 2025 10:44:22 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B7=B2=E4=BF=AE=E6=AD=A33=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/Internet_Things.css | 236 +++++++++++++++++++++++++++++++-- 1 file changed, 224 insertions(+), 12 deletions(-) diff --git a/public/css/Internet_Things.css b/public/css/Internet_Things.css index 82494d1..b099469 100644 --- a/public/css/Internet_Things.css +++ b/public/css/Internet_Things.css @@ -2,30 +2,34 @@ color: #fff; width: 100%; height: 560px; - background: url('/img/internet_thinks/banner.png') no-repeat center center #000; + background: url('../img/internet_thinks/banner.png') no-repeat center center #000; background-size: auto 100%; margin-top: 90px; text-align: center; overflow: hidden; } + .Internet_Things .item1 h2 { font-size: 46px; margin: 200px 0 60px 0; } + .Internet_Things .item1 h4 { font-size: 30px; padding: 0 10%; line-height: 1.5; } + .Internet_Things .item1 h5 { font-size: 30px; - color: red!important; + color: red !important; } /**/ .Internet_Things .item2 { padding: 80px 0; } + .item2 h2 { color: #333; padding: 0; @@ -33,11 +37,13 @@ font-weight: 700; margin: 110px 0 60px 0; } + .Internet_Things .item2 ul { margin: 0; padding: 0 0 0 20px; list-style-type: disc !important; } + .Internet_Things .item2 ul li { margin: 0; padding: 0; @@ -52,12 +58,14 @@ padding: 80px 0; font-family: PingFangSC-Medium; } + .Internet_Things .item3 h2 { padding: 0; font-size: 32px; font-weight: 700; margin: 150px 0 50px 0; } + .Internet_Things .item3 p { font-size: 18px; line-height: 1.5; @@ -68,22 +76,26 @@ padding: 80px 0; font-family: PingFangSC-Medium; } + .Internet_Things .item4 h2 { padding: 0; font-size: 32px; font-weight: 700; margin: 100px 0 50px 0; } + .Internet_Things .item4 ul { margin: 0; padding: 0 0 0 20px; } + .Internet_Things .item4 ul li { padding: 0; color: #999; font-size: 18px; margin: 0 0 20px 0; } + #grad { background: -webkit-linear-gradient(left, #5E30C1, #473ABA, #2549AF); /* Safari 5.1 - 6.0 */ @@ -96,19 +108,19 @@ } - /*创特共享电动车*/ /*创特共享电动车*/ .internet_Things_car .item1 { color: #fff; width: 100%; height: 560px; - background: url('/img/internet_thinks/internet_things_logo.png') no-repeat center center; + background: url('../img/internet_thinks/internet_things_logo.png') no-repeat center center; background-size: auto 560px; margin-top: 90px; text-align: center; overflow: hidden; } + .internet_Things_car .item12 { width: 100%; /*height: 100px;*/ @@ -118,30 +130,37 @@ overflow: hidden; /*background: #000;*/ } + .internet_Things_car .item12 img { width: 100%; /*height: 100%;*/ } + .internet_Things_car .item1_1 { - background: url('/img/internet_thinks/banner5.png') no-repeat center center #000; + background: url('../img/internet_thinks/banner5.png') no-repeat center center #000; } + .internet_Things_car .item1 { line-height: 1; } + .internet_Things_car .item1 h2, .internet_Things_car .item1 h4, .internet_Things_car .item1 a { margin: 0; padding: 0; } + .internet_Things_car .item1 h2 { font-size: 48px; margin: 120px 0 70px 0; } + .internet_Things_car .item1 h4 { font-size: 24px; color: rgba(255, 255, 255, 0.7); } + .internet_Things_car .item1 a { color: #fff; width: 160px; @@ -154,6 +173,7 @@ outline: none; margin-top: 70px; } + /**/ .internet_Things_car .item2 { padding: 80px 0; @@ -161,30 +181,36 @@ width: 1200px; margin: 80px auto; } + .internet_Things_car .itemOne { padding: 80px 0; overflow: hidden; width: 1200px; height: 640px; margin: 80px auto; - background: url('/img/internet_thinks/Apple.html\ TV\ Copy\ 2@2x.png') no-repeat center center; + background: url('../img/internet_thinks/20251091025.png') no-repeat center center; } + .itemOne h4 { font-weight: 600; font-size: 26px; margin-bottom: 56px; } + .itemOne .col-lg-3 { width: 30%; } + .itemOne p, .itemTwo p { color: #666; } + .internet_Things_car .item2 h4 { font-weight: 600; margin-bottom: 80px; } + .item2 .device { height: 96px; background-color: #191919; @@ -193,70 +219,87 @@ line-height: 96px; width: 109%; } + .internet_Things_car .itemTwo { overflow: hidden; width: 1200px; height: 640px; margin: 0 auto; } + .itemTwo .col-lg-6 { background-color: #F2F2F2; width: 50%; height: 100%; } + .itemTwo .col-lg-6:first-child { width: 49% } + .itemTwo .col-lg-6:nth-child(2) { width: 51% } + .itemTwo .textColor { color: red; } + .itemTwo .textOne { padding: 0; margin: 0; } + .itemTwo .textOne img { height: 100%; } + .itemTwo .textContent img { height: 100%; } + .itemTwo h4, .itemContent { margin-bottom: 80px; } + .itemTwo h4, .itemContent h4 { font-weight: 600; font-size: 26px; margin-bottom: 56px; } + .itemContent h4 { margin-top: 45%; width: 55%; } + .itemTwo .col-lg-3 { width: 55%; margin-top: 45%; } + .itemContent .col-lg-6 { width: 50%; height: 100%; } + .itemContent img { height: 100%; margin: 0; } + .itemContent .content { - width: 100%!important; + width: 100% !important; } + .itemContent .col-lg-6:first-child { width: 50%; background-color: #fff; padding-left: 0; } + .itemContent .col-lg-6:nth-child(2) { width: 50%; } @@ -266,9 +309,10 @@ .internet_Things_car .item3 { width: 100%; height: 700px; - background: url('/img/internet_thinks/car_bg.png') no-repeat center center #F6F7F9; + background: url('../img/internet_thinks/car_bg.png') no-repeat center center #F6F7F9; background-size: auto 700; } + .internet_Things_car .item3 h2 { color: #333; padding: 0; @@ -276,6 +320,7 @@ font-weight: 700; margin: 160px 0 50px 0; } + .internet_Things_car .item3 p { padding: 0; color: #666; @@ -283,11 +328,13 @@ line-height: 1.8; margin: 0 0 40px 0; } + .internet_Things_car .item3 ul { margin: 0; color: #999; padding: 0 0 0 20px; } + .internet_Things_car .item3 ul li { padding: 0; font-size: 16px; @@ -299,12 +346,14 @@ .internet_Things_car .item4 { padding: 176px 0; } + .internet_Things_car .item4 h2 { color: #333; font-size: 32px; padding: 0; margin: 0 0 50px 0; } + .internet_Things_car .item4 p { margin: 0; padding: 0; @@ -312,21 +361,25 @@ font-size: 18px; line-height: 1.5; } + .internet_Things_car .item5 { padding: 80px 0; background: #FAFAFA; overflow: hidden; } + .internet_Things_car .item5 h2 { color: #333; font-size: 34px; margin-bottom: 30px; } + .internet_Things_car .item5 h4 { color: #999; margin-bottom: 60px; font-size: 20px; } + .internet_Things_car .item5 a.list-item { background: #fff; height: 300px; @@ -337,55 +390,67 @@ cursor: pointer; text-decoration: none; } + .internet_Things_car .item5 a.list-item:hover { background: #f8f8f8; } + .internet_Things_car .item5 .list-item img { max-width: 100px; max-height: 100px; margin: 64px auto 50px; } + .internet_Things_car .item5 .list-item span { display: block; color: #333; font-size: 24px; } + .internet_Things_car .item6 { padding: 80px 0; overflow: hidden; } + .internet_Things_car .item6 h2 { color: #333; font-size: 34px; } + .internet_Things_car .item6 .conter-img { margin: 50px auto; overflow: hidden; } + .internet_Things_car .item6 .min-icons div { padding: 30px 0 40px 0; overflow: hidden; } + .internet_Things_car .item6 .min-icons h4, .internet_Things_car .item6 .min-icons h6 { margin: 0; padding: 0; line-height: 1; } + .internet_Things_car .item6 .min-icons h4 { color: #333; font-size: 24px; margin: 20px 0; } + .internet_Things_car .item6 .min-icons h6 { color: #999; font-size: 16px; } + .internet_Things_car .item7 { background: #FAFAFA; padding: 80px 0; overflow: hidden; } + .internet_Things_car .item7 h2, .internet_Things_car .item7 h4, .internet_Things_car .item7 .electric .electric-left h6, @@ -394,76 +459,91 @@ padding: 0; line-height: 1; } + .internet_Things_car .item7 h2 { color: #333; font-size: 34px; margin-bottom: 30px; } + .internet_Things_car .item7 h4 { color: #999; font-size: 20px; margin-bottom: 60px; } + .internet_Things_car .item7 .electric { background: #fff; padding: 30px; overflow: hidden; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05); } + .internet_Things_car .item7 .electric .electric-left { text-align: left; } + .internet_Things_car .item7 .electric .electric-left h6 { color: #333; font-size: 24px; margin: 60px 0 30px 0; } + .internet_Things_car .item7 .electric .electric-left p { color: #999; font-size: 16px; line-height: 1.5; } + .internet_Things_car .item8 { padding: 80px 0; overflow: hidden; } + .internet_Things_car .item8 h2, .internet_Things_car .item8 h4 { margin: 0; padding: 0; line-height: 1; } + .internet_Things_car .item8 h2 { color: #333; font-size: 34px; } + .internet_Things_car .item8 h4 { color: #999; font-size: 20px; margin: 30px auto 60px auto; } + .internet_Things_car .item9, .internet_Things_car .item10, .internet_Things_car .item12 { padding: 80px 0; overflow: hidden; } + .internet_Things_car .item9 h2, .internet_Things_car .item9 h4 { margin: 0; padding: 0; line-height: 1; } + .internet_Things_car .item9 h2 { color: #333; font-size: 24px; margin-top: 24px; } + .internet_Things_car .item9 h4 { color: #999; font-size: 18px; margin-top: 20px; } + .internet_Things_car .item9 span { display: block; width: 20px; @@ -471,44 +551,54 @@ margin: 24px auto 10px auto; background: #FF1717; } + .internet_Things_car .item10 .item10-right div { padding: 18px 0; overflow: hidden; } + .internet_Things_car .item10 .item10-right div img { position: relative; top: 16px; } + .internet_Things_car .item10 .lgservers { position: relative; top: 40px; } + .internet_Things_car .item10 p { margin-left: 24px; } + .internet_Things_car .item10 p span { display: block; } + .internet_Things_car .item10 p .span1 { color: #333; font-size: 22px; margin-bottom: 16px; } + .internet_Things_car .item10 p .span2 { color: #999; font-size: 14px; } + .internet_Things_car .item12 h2, .internet_Things_car .item12 h4 { margin: 0; padding: 0; line-height: 1; } + .internet_Things_car .item12 h2 { color: #333; font-size: 33px; margin-bottom: 30px; } + .internet_Things_car .item12 h4 { color: #999; font-size: 17px; @@ -524,6 +614,7 @@ height: 84px; margin: 32px auto 16px auto; } + .case_text { height: 30px; font-size: 22px; @@ -532,6 +623,7 @@ color: #333333; line-height: 30px; } + .item12 .user_item { width: 100%; display: flex; @@ -630,6 +722,7 @@ text-align: left; line-height: 90px; } + .right_list img { width: 34px; height: 34px; @@ -705,7 +798,7 @@ color: #fff; width: 100%; height: 560px; - background: url('/img/internet_thinks/banner3.png') no-repeat center center #000; + background: url('../img/internet_thinks/banner3.png') no-repeat center center #000; background-size: auto 100%; margin-top: 90px; text-align: center; @@ -803,7 +896,7 @@ color: #fff; width: 100%; height: 560px; - background: url('/img/internet_thinks/banner4.png') no-repeat center center #000; + background: url('../img/internet_thinks/banner4.png') no-repeat center center #000; background-size: auto 100%; margin-top: 90px; text-align: center; @@ -1010,16 +1103,19 @@ @media screen and (max-width: 500px) { }*/ -@media (max-width:770px) { +@media (max-width: 770px) { .navbar-default .navbar-brand img { margin: 12px 0 13px 0; } + .navbar-default .navbar-brand span { margin-top: 20px; } + .internet_Things_car .item12 { padding: 40px 0; } + .item12 .user_item { width: 100%; display: flex; @@ -1027,16 +1123,19 @@ justify-content: space-between; align-items: center; } + .item12 .user_item .user_item-list { margin-top: 60px; width: 100%; text-align: center; } + .item12 .user_item .user_item-list img { width: 480px; height: 310px; max-width: 100%; } + .item12 .user_item .user_item-list .text { width: 480px; height: 100px; @@ -1046,6 +1145,7 @@ align-items: flex-start; justify-content: center; } + .item12 .user_item .user_item-list .text .title { height: 28px; font-size: 20px; @@ -1054,6 +1154,7 @@ color: #333333; line-height: 28px; } + .item12 .user_item .user_item-list .text .tips { height: 20px; font-size: 14px; @@ -1071,80 +1172,100 @@ height: 155px; background-size: auto 100%; } + .Internet_Things .item1 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .Internet_Things .item1 h4 { font-size: 15px; } + /**/ .Internet_Things .item2 { padding: 20px 0; } + .Internet_Things .item2 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .Internet_Things .item2 ul { margin: 0; padding: 0; } + .Internet_Things .item2 ul li { font-size: 15px; margin-bottom: 15px; } + /**/ .Internet_Things .item3 { padding: 20px 0; } + .Internet_Things .item3 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .Internet_Things .item3 p { font-size: 15px; } + /**/ .Internet_Things .item4 { padding: 20px 0; } + .Internet_Things .item4 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .Internet_Things .item4 ul { padding: 0; } + .Internet_Things .item4 ul li { font-size: 15px; margin: 0 0 15px 0; } + /**/ .internet_Things_hardware .item1 { width: 100%; height: 155px; background-size: auto 100%; } + .internet_Things_hardware .item1 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .internet_Things_hardware .item1 h4 { font-size: 15px; } + /**/ .internet_Things_hardware .item2 { padding: 40px 0; } + .internet_Things_hardware .item2 h2 { margin: 0 0 22px 0; font-size: 22px; } + .internet_Things_hardware .item2 div h4 { margin: 15px 0 0 0; font-size: 15px; } + .internet_Things_hardware .item2 div a { width: 120px; height: 36px; @@ -1152,141 +1273,175 @@ font-size: 12px; margin: 25px auto 0 auto; } + /**/ .internet_Things_hardware .item3 { padding: 40px 0; } + .internet_Things_hardware .item3 h2 { font-size: 22px; margin: 0 0 15px 0; } + .internet_Things_hardware .item3 h4 { font-size: 15px; line-height: 1.5; margin: 0 0 20px 0; } + /**/ .internet_Things_hardware .item4 { padding: 40px 0; } + .internet_Things_hardware .item4 h2 { font-size: 22px; margin: 0 0 15px 0; } + .internet_Things_hardware .item4 h3 { font-size: 15px; line-height: 1.5; margin: 0 10% 40px 10%; } + .internet_Things_hardware .item4 h4 { font-size: 15px; margin: 15px 0 0 0; } + .internet_Things_hardware .item4 h6 { margin: 10px 0; font-size: 12px; } + /*item5*/ .internet_Things_hardware .item5 { height: 153.33px; } + .internet_Things_hardware .item5 h2 { margin: 40px 0 15px 0; font-size: 22px; } + .internet_Things_hardware .item5 h4 { margin: 0 10%; font-size: 15px; line-height: 1.5; } + .internet_Things_hardware .item5 img { position: relative; top: 40px; } + /*item6*/ .internet_Things_hardware .item6 { padding-top: 270px; padding-bottom: 40px; } + .internet_Things_hardware .item6 h2 { font-size: 22px; } + .internet_Things_hardware .item6 h4 { margin: 15px 10% 20px 10%; font-size: 15px; line-height: 1.5; } + .internet_Things_hardware .item6 .item6-index { padding: 0; } + .internet_Things_hardware .item6 .item6-index div { padding: 0; border: 8px solid #F6F7F9; } + .internet_Things_hardware .item6 .item6-index div:hover { border: 8px solid #F6F7F9; } + .internet_Things_hardware .item6 .item6-index div img { margin: 8px auto 0 auto; } + .internet_Things_hardware .item6 .item6-index div p { font-size: 12px; margin: 10px 0 18px 0; padding: 0 8%; } + /*asdasdsadsadsa*/ .internet_Things_IOT .item1 { width: 100%; height: 185px; background-size: auto 100%; } + .internet_Things_IOT .item1 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .internet_Things_IOT .item1 h4 { padding: 0 4%; font-size: 14px; line-height: 1.5; } + /**/ .internet_Things_IOT .item2 { padding: 20px 0; text-align: center; } + .internet_Things_IOT .item2 h4 { font-size: 15px; margin: 4px 0 8px 0; } + .internet_Things_IOT .item2 h6 { margin: 0 0 15px 0; } + /**/ .internet_Things_IOT .item3 { padding: 40px 0; } + .internet_Things_IOT .item3 h2 { font-size: 22px; margin: 0 0 20px 0; } + /**/ .internet_Things_IOT .item4 { padding: 40px 0; } + .internet_Things_IOT .item4 h2 { font-size: 22px; margin: 0 0 40px 0; } + .internet_Things_IOT .item4 .item4-index { margin: 0 0 30px 0; } + .internet_Things_IOT .item4 .item4-index h4 { font-size: 15px; margin: 0 0 8px 0; } + .internet_Things_IOT .item4 .item4-index h6 { font-size: 12px; } + /*adasdasdasddas*/ .internet_Things_car .item1 { width: 100%; @@ -1294,18 +1449,22 @@ margin-top: 50px; background-size: auto 100%; } + .internet_Things_car .item1 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .internet_Things_car .item1 h4 { font-size: 15px; } + /**/ .internet_Things_car .item2 { padding: 40px 0; width: 100%; } + /* .nav{ width: 100%; background-color: red!important; @@ -1313,146 +1472,182 @@ .itemImage { padding: 0; } + .internet_Things_car .item2 img { width: 100%; height: 300px; } + .internet_Things_car .item2 .device { width: 100%; } + .internet_Things_car .item2 h2 { margin: 0 0 15px 0; font-size: 22px; } + .internet_Things_car .item2 div { margin-top: 40px; } + .internet_Things_car .item2 div h4 { font-size: 15px; margin: 15px 0 8px 0; } + .internet_Things_car .item2 div h6 { font-size: 12px; padding: 0 5%; } + /**/ .internet_Things_car .itemOne { width: 100%; height: 250px; background-size: cover; } + .itemTwo .col-lg-3 { margin-top: 0; } + .internet_Things_car .itemOne .col-xs-12 { width: 84%; margin-left: 8%; } + .internet_Things_car .itemOne h4 { font-size: 20px; margin-bottom: 20px; } + .internet_Things_car .itemOne .col-lg-offset-5 { margin-top: -80px; font-weight: normal; /* font-size: 20px; */ } + .internet_Things_car .itemTwo { width: 100%; height: 500px; margin-bottom: 30px; } + .internet_Things_car .itemTwo .col-xs-12 { width: 100%; height: 250px; } + /* .internet_Things_car .itemTwo .col-xs-12:nth-child(2){ margin-top: 250px; } */ .internet_Things_car .itemTwo h4 { margin-top: 20px; } + .itemTwo .textContent img { width: 100%; } + .itemContent .col-xs-12 { margin-top: 250px; } + .itemContent .col-xs-12:nth-child(2) { margin-top: -500px; } + .itemContent h4 { width: 100%; /* font-size: 20px!important; */ } + .itemContent img { width: 105%; /* margin-left: 15px; */ } + .itemTwo .textTitle { width: 80%; } + .itemTwo .textTitle h4 { font-size: 20px; } + .internet_Things_car .item3 { width: 100vw; height: auto; - background: url('/img/internet_thinks/car_bg.png') no-repeat right right #F6F7F9; + background: url('../img/internet_thinks/car_bg.png') no-repeat right right #F6F7F9; background-size: 100% auto; } + .internet_Things_car .item3 h2 { font-size: 22px; margin: 40px 0 15px 0; } + .internet_Things_car .item3 p { font-size: 15px; margin: 0 0 15px 0; } + .internet_Things_car .item3 ul { padding: 0; } + .internet_Things_car .item3 ul li { font-size: 13px; margin: 0 0 15px 0; } + /**/ .internet_Things_car .item4 { padding: 40px 0; } + .internet_Things_car .item4 h2 { font-size: 22px; margin: 0 0 15px 0; } + .internet_Things_car .item4 p { font-size: 15px; } + .internet_Things_car .item3 { background: #F6F7F9; } + .navbar-default .navbar-brand { margin: 0; } + /*.item1_1*/ .internet_Things_car .item1_1, .internet_Things_car .item1_2 { height: 240px; margin-top: 56px; } + .internet_Things_car .item1_1 h2, .internet_Things_car .item1_2 h2, .internet_Things_car .item1_1 h4, .internet_Things_car .item1_2 h4 { padding: 0 0.36rem; } + .internet_Things_car .item1_1 h2, .internet_Things_car .item1_2 h2 { font-size: 20px; } + .internet_Things_car .item1_1 h4, .internet_Things_car .item1_2 h4 { font-size: 13px; } + .internet_Things_car .item1_1 a, .internet_Things_car .item1_2 a { width: 114px; @@ -1461,6 +1656,7 @@ line-height: 34px; margin-top: 18px; } + /**/ .internet_Things_car .item5, .internet_Things_car .item6, @@ -1469,60 +1665,76 @@ .internet_Things_car .item10 { padding: 28px 0; } + .internet_Things_car .item9 h2 { font-size: 20px; margin-top: 12px; } + .internet_Things_car .item9 span { margin: 12px auto 5px auto; } + .internet_Things_car .item9 h4 { font-size: 14px; margin-top: 10px; } + .internet_Things_car .item5 h4 { margin-bottom: 30px; font-size: 20px; } + .internet_Things_car .item5 a.list-item { height: 180px; margin: 8px 0; } + .internet_Things_car .item5 .list-item img { max-width: 100px; max-height: 100px; margin: 18px auto 15px auto; } + .internet_Things_car .item5 .list-item span { font-size: 15px; } + /**/ .internet_Things_car .item6 .conter-img { margin: 17px auto; } + .internet_Things_car .item6 .min-icons div { padding: 10px 0 13px 0; } + .internet_Things_car .item6 .min-icons h4 { font-size: 20px; margin: 8px 0; } + .internet_Things_car .item6 .min-icons h6 { line-height: 1.5; } + .internet_Things_car .item10 .lgservers { top: 0; } + .internet_Things_car .item10 .item10-right { margin-left: 24px; } + .internet_Things_car .item7 .electric { padding: 20px 0; } + .internet_Things_car .item7 .electric .electric-left h6 { font-size: 24px; margin: 0 0 15px 0; } + .internet_Things_car .item8 h4 { font-size: 20px; margin: 22px 8px;