diff --git a/app/pages/industrySolutions/cabinet.vue b/app/pages/industrySolutions/cabinet.vue index b3f18c9..a361ca3 100644 --- a/app/pages/industrySolutions/cabinet.vue +++ b/app/pages/industrySolutions/cabinet.vue @@ -22,7 +22,7 @@ useHead({
- +

智慧换电柜解决方案构成

@@ -169,7 +169,6 @@ useHead({
- diff --git a/public/css/Internet_cabinet.css b/public/css/Internet_cabinet.css index 58a3d97..08d250a 100644 --- a/public/css/Internet_cabinet.css +++ b/public/css/Internet_cabinet.css @@ -1,280 +1,315 @@ -.Internet_Things .item1{ - color: #fff; - width: 100%; - height: 560px; - 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 { + color: #fff; + width: 100%; + height: 560px; + 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 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 h4 { + font-size: 30px; + padding: 0 10%; + line-height: 1.5; } -.Internet_Things .item1 h5{ - font-size: 30px; - color:red!important; + +.Internet_Things .item1 h5 { + font-size: 30px; + color: red !important; } + /**/ -.Internet_Things .item2{ - padding: 80px 0; +.Internet_Things .item2 { + padding: 80px 0; } - - - - -.item2 h2{ - color: #333; - padding: 0; - font-size: 32px; - font-weight: 700; - margin: 110px 0 60px 0; +.item2 h2 { + color: #333; + padding: 0; + font-size: 32px; + 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 { + margin: 0; + padding: 0 0 0 20px; + list-style-type: disc !important; } -.Internet_Things .item2 ul li{ -margin: 0; -padding: 0; -color: #999; -font-size: 18px; -margin-bottom: 20px; + +.Internet_Things .item2 ul li { + margin: 0; + padding: 0; + color: #999; + font-size: 18px; + margin-bottom: 20px; } + /**/ -.Internet_Things .item3{ - color: #fff; - padding: 80px 0; - font-family: PingFangSC-Medium; +.Internet_Things .item3 { + color: #fff; + 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 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; + +.Internet_Things .item3 p { + font-size: 18px; + line-height: 1.5; } + /**/ -.Internet_Things .item4{ - padding: 80px 0; - font-family: PingFangSC-Medium; +.Internet_Things .item4 { + 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 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 { + margin: 0; + padding: 0 0 0 20px; } -.Internet_Things .item4 ul li{ - padding: 0; - color: #999; - font-size: 18px; - margin: 0 0 20px 0; + +.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 */ - background: -o-linear-gradient(right,#5E30C1,#473ABA,#2549AF); /* Opera 11.1 - 12.0 */ - background: -moz-linear-gradient(right, #5E30C1,#473ABA,#2549AF); /* Firefox 3.6 - 15 */ - background: linear-gradient(to right, #5E30C1,#473ABA,#2549AF); /* 标准的语法 */ + background: -webkit-linear-gradient(left, #5E30C1, #473ABA, #2549AF); /* Safari 5.1 - 6.0 */ + background: -o-linear-gradient(right, #5E30C1, #473ABA, #2549AF); /* Opera 11.1 - 12.0 */ + background: -moz-linear-gradient(right, #5E30C1, #473ABA, #2549AF); /* Firefox 3.6 - 15 */ + background: linear-gradient(to right, #5E30C1, #473ABA, #2549AF); /* 标准的语法 */ } - /*创特共享电动智能柜*/ -.internet_Things_car .item1{ - color: #fff; - width: 100%; - height: 560px; - background: url('/img/internet_cabinet/internet_cabinet_logo.html') no-repeat center center ; - background-size: auto 560px; - margin-top: 90px; - text-align: center; - overflow: hidden; +.internet_Things_car .item1 { + color: #fff; + width: 100%; + height: 560px; + /*background: url('/img/internet_cabinet/internet_cabinet_logo.html') no-repeat center center;*/ + background: url('/img/internet_thinks/banner.png') no-repeat center center #000; + background-size: auto 560px; + margin-top: 90px; + text-align: center; + overflow: hidden; } -.internet_Things_car .item1_1{ - background: url('/img/internet_thinks/banner5.png') no-repeat center center #000; + +.internet_Things_car .item1_1 { + background: url('/img/internet_thinks/banner5.png') no-repeat center center #000; } -.internet_Things_car .item1{ - line-height: 1; + +.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 a { + margin: 0; + padding: 0; } -.internet_Things_car .item1 h2{ - font-size: 48px; - margin: 120px 0 70px 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 h4 { + font-size: 24px; + color: rgba(255, 255, 255, 0.7); } -.internet_Things_car .item1 a{ - color: #fff; - width: 160px; - height: 48px; - font-size:16px; - line-height: 48px; - border: 1px solid #fff; - background: none; - display: inline-block; - outline: none; - margin-top: 70px; + +.internet_Things_car .item1 a { + color: #fff; + width: 160px; + height: 48px; + font-size: 16px; + line-height: 48px; + border: 1px solid #fff; + background: none; + display: inline-block; + outline: none; + margin-top: 70px; } + /**/ -.internet_Things_car .item2{ - /* padding: 80px 0; */ - overflow: hidden; - width: 1200px; +.internet_Things_car .item2 { + /* padding: 80px 0; */ + overflow: hidden; + width: 1200px; margin: 50px 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 ; - -} -.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 h3{ -font-size:26px; -font-family:"PingFangSC-Semibold,PingFang SC"; -font-weight:600; -color:rgba(51,51,51,1); -margin-bottom: 20px; - margin-top: 25px; -} -.internet_Things_car .item2 h4{ - font-weight: 600; - margin-bottom: 30px; - margin-top: 15px; -} -.internet_Things_car .item2 h6{ - font-size:13px; - margin-bottom:50px; - color: #666666; -} -.item2 .device{ - height: 96px; - background-color: #191919; - color:#fff; - font-size: 18px; - line-height: 96px; - width: 109%; + +.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; } -.internet_Things_car .itemTwo{ - overflow: hidden; - width: 1200px; - height: 380px; - margin: 0 auto; -} - -.itemTwo .col-lg-6{ -/* background-color: #F2F2F2; */ -width: 50%; -/* height: 100%; */ +.itemOne h4 { + font-weight: 600; + font-size: 26px; + margin-bottom: 56px; } -.itemTwo .col-lg-6:first-child{ - width: 49% -} -.itemTwo .col-lg-6:nth-child(2){ - width: 51% -} -.itemTwo .textColor{ - color:red; +.itemOne .col-lg-3 { + width: 30%; } -.itemTwo .textOne{ - padding:0; - margin:0; +.itemOne p, .itemTwo p { + color: #666; +} + +.internet_Things_car .item2 h3 { + font-size: 26px; + font-family: "PingFangSC-Semibold,PingFang SC"; + font-weight: 600; + color: rgba(51, 51, 51, 1); + margin-bottom: 20px; + margin-top: 25px; +} + +.internet_Things_car .item2 h4 { + font-weight: 600; + margin-bottom: 30px; + margin-top: 15px; +} + +.internet_Things_car .item2 h6 { + font-size: 13px; + margin-bottom: 50px; + color: #666666; +} + +.item2 .device { + height: 96px; + background-color: #191919; + color: #fff; + font-size: 18px; + line-height: 96px; + width: 109%; } -.itemTwo .textOne img{ - height: 100%; - -} -.itemTwo .textContent img{ -height: 100%; -} -.itemTwo h4,.itemContent{ - margin-bottom: 40px; -} -.itemTwo h4,.itemContent h4{ -height:28px; -font-size:20px; -font-family:PingFangSC-Semibold,PingFang SC; -font-weight:600; -color:rgba(51,51,51,1); -line-height:28px; -} -.itemContent h4{ - margin-top: 45%; - width: 55%; - +.internet_Things_car .itemTwo { + overflow: hidden; + width: 1200px; + height: 380px; + margin: 0 auto; } -.itemTwo .col-lg-3{ -width: 70%; -margin-top: 15%; +.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: 40px; +} + +.itemTwo h4, .itemContent h4 { + height: 28px; + font-size: 20px; + font-family: PingFangSC-Semibold, PingFang SC; + font-weight: 600; + color: rgba(51, 51, 51, 1); + line-height: 28px; +} + +.itemContent h4 { + margin-top: 45%; + width: 55%; + +} + +.itemTwo .col-lg-3 { + width: 70%; + margin-top: 15%; } -.itemContent .col-lg-6{ - width: 50%; - height:100%; +.itemContent .col-lg-6 { + width: 50%; + height: 100%; } -.itemContent img{ - height: 100%; - margin: 0; + +.itemContent img { + height: 100%; + margin: 0; } -.itemContent .content{ - width: 100%!important; + +.itemContent .content { + width: 100% !important; } -.itemContent .col-lg-6:first-child{ - width: 50%; - background-color: #fff; - padding-left:0 ; + +.itemContent .col-lg-6:first-child { + width: 50%; + background-color: #fff; + padding-left: 0; } -.itemContent .col-lg-6:nth-child(2){ - width: 50%; + +.itemContent .col-lg-6:nth-child(2) { + width: 50%; } @@ -293,489 +328,568 @@ margin-top: 15%; margin: 0; }*/ /**/ -.internet_Things_car .item3{ - width: 100%; - height: 700px; - background: url('/img/internet_thinks/car_bg.png') no-repeat center center #F6F7F9; - background-size: auto 700; +.internet_Things_car .item3 { + width: 100%; + height: 700px; + 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; - font-size: 32px; - font-weight: 700; - margin: 160px 0 50px 0; + +.internet_Things_car .item3 h2 { + color: #333; + padding: 0; + font-size: 32px; + font-weight: 700; + margin: 160px 0 50px 0; } -.internet_Things_car .item3 p{ - padding: 0; - color: #666; - font-size: 18px; - line-height: 1.8; - margin: 0 0 40px 0; + +.internet_Things_car .item3 p { + padding: 0; + color: #666; + font-size: 18px; + 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 { + margin: 0; + color: #999; + padding: 0 0 0 20px; } -.internet_Things_car .item3 ul li{ - padding: 0; - font-size: 16px; - margin: 0 0 24px 0; + +.internet_Things_car .item3 ul li { + padding: 0; + font-size: 16px; + margin: 0 0 24px 0; } + /**/ -.internet_Things_car .item4{ - padding: 176px 0; +.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 h2 { + color: #333; + font-size: 32px; + padding: 0; + margin: 0 0 50px 0; } -.internet_Things_car .item4 p{ - margin: 0; - padding: 0; - color: #666; - font-size: 18px; - line-height: 1.5; + +.internet_Things_car .item4 p { + margin: 0; + padding: 0; + color: #666; + font-size: 18px; + line-height: 1.5; } -.internet_Things_car .item5{ - padding: 80px 0; - background: #FAFAFA; - overflow: hidden; + +.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 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 h4 { + color: #999; + margin-bottom: 60px; + font-size: 20px; } -.internet_Things_car .item5 a.list-item{ - background: #fff; - height: 300px; - margin: 0 12px; - box-shadow: 0 2px 8px 0px rgba(0,0,0,0.15); - overflow: hidden; - display: block; - cursor: pointer; - text-decoration: none; + +.internet_Things_car .item5 a.list-item { + background: #fff; + height: 300px; + margin: 0 12px; + box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.15); + overflow: hidden; + display: block; + cursor: pointer; + text-decoration: none; } -.internet_Things_car .item5 a.list-item:hover{ - background: #f8f8f8; + +.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 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 .item5 .list-item span { + display: block; + color: #333; + font-size: 24px; } -.internet_Things_car .item6{ - padding: 80px 0; - overflow: hidden; + +.internet_Things_car .item6 { + padding: 80px 0; + overflow: hidden; } -.internet_Things_car .item6 h2{ - color: #333; -font-size:34px; + +.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 .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 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 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 h4 { + color: #333; + font-size: 24px; + margin: 20px 0; } -.internet_Things_car .item6 .min-icons h6{ - color: #999; - font-size:16px; + +.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 { + 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, -.internet_Things_car .item7 .electric .electric-left p{ - margin: 0 auto; - 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{ - /*width: 26%;*/ - /*float: 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 .item7 .electric .electric-right{ - /*width: 70%;*/ -/* float: right;*/ -} -.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{ - 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; - height: 4px; - 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 .item7 .electric .electric-left p { + margin: 0 auto; + 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 { + /*width: 26%;*/ + /*float: 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 .item7 .electric .electric-right { + /*width: 70%;*/ + /* float: right;*/ +} + +.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 { + 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; + height: 4px; + 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; +} /*adasdsadasdasd*/ /*asdasdsadsadsa*/ -.internet_Things_IOT .item1{ - color: #fff; - width: 100%; - height: 560px; - background: url('/img/internet_thinks/banner3.png') no-repeat center center #000; - background-size: auto 100%; - margin-top: 90px; - text-align: center; - overflow: hidden; -} -.internet_Things_IOT .item1 h2{ - padding: 0; - font-size: 46px; - margin: 200px 0 60px 0; -} -.internet_Things_IOT .item1 h4{ - margin: 0; - padding: 0 24%; - font-size: 22px; - line-height: 1.8; -} -/**/ -.internet_Things_IOT .item2{ - padding: 37px 0; -} -.internet_Things_IOT .item2 h4{ - color: #333; - font-size: 20px; - margin: 6px 0 16px 0; - padding: 0; -} -.internet_Things_IOT .item2 h6{ - color: #ADADAD; - font-size: 12px; - padding: 0; - margin: 0; -} -/**/ -.internet_Things_IOT .item3{ - padding: 80px 0; - background: #F6F7F9; -} -.internet_Things_IOT .item3 h2{ - color: #333; - padding: 0; - font-size: 32px; - margin: 0 0 70px 0; -} -/**/ -.internet_Things_IOT .item4{ - padding: 80px 0 40px 0; -} -.internet_Things_IOT .item4 h2{ - color: #333; - padding: 0; - font-size: 32px; - margin: 0 0 100px 0; -} -.internet_Things_IOT .item4 .item4-index{ - margin: 0 0 80px 0; -} -.internet_Things_IOT .item4 .item4-index h4{ - color: #333; - padding: 0; - font-size: 22px; - margin: 0 0 16px 0; -} -.internet_Things_IOT .item4 .item4-index h6{ - color: #999; - padding: 0; - font-size: 14px; - margin: 0; - line-height: 1.5; +.internet_Things_IOT .item1 { + color: #fff; + width: 100%; + height: 560px; + background: url('/img/internet_thinks/banner3.png') no-repeat center center #000; + background-size: auto 100%; + margin-top: 90px; + text-align: center; + overflow: hidden; } +.internet_Things_IOT .item1 h2 { + padding: 0; + font-size: 46px; + margin: 200px 0 60px 0; +} +.internet_Things_IOT .item1 h4 { + margin: 0; + padding: 0 24%; + font-size: 22px; + line-height: 1.8; +} +/**/ +.internet_Things_IOT .item2 { + padding: 37px 0; +} + +.internet_Things_IOT .item2 h4 { + color: #333; + font-size: 20px; + margin: 6px 0 16px 0; + padding: 0; +} + +.internet_Things_IOT .item2 h6 { + color: #ADADAD; + font-size: 12px; + padding: 0; + margin: 0; +} + +/**/ +.internet_Things_IOT .item3 { + padding: 80px 0; + background: #F6F7F9; +} + +.internet_Things_IOT .item3 h2 { + color: #333; + padding: 0; + font-size: 32px; + margin: 0 0 70px 0; +} + +/**/ +.internet_Things_IOT .item4 { + padding: 80px 0 40px 0; +} + +.internet_Things_IOT .item4 h2 { + color: #333; + padding: 0; + font-size: 32px; + margin: 0 0 100px 0; +} + +.internet_Things_IOT .item4 .item4-index { + margin: 0 0 80px 0; +} + +.internet_Things_IOT .item4 .item4-index h4 { + color: #333; + padding: 0; + font-size: 22px; + margin: 0 0 16px 0; +} + +.internet_Things_IOT .item4 .item4-index h6 { + color: #999; + padding: 0; + font-size: 14px; + margin: 0; + line-height: 1.5; +} /*asdasdasdasdasd*/ /*asdasdasdsadasd*/ -.internet_Things_hardware .item1{ - color: #fff; - width: 100%; - height: 560px; - background: url('/img/internet_thinks/banner4.png') no-repeat center center #000; - background-size: auto 100%; - margin-top: 90px; - text-align: center; - overflow: hidden; +.internet_Things_hardware .item1 { + color: #fff; + width: 100%; + height: 560px; + background: url('/img/internet_thinks/banner4.png') no-repeat center center #000; + background-size: auto 100%; + margin-top: 90px; + text-align: center; + overflow: hidden; } -.internet_Things_hardware .item1 h2{ - padding: 0; - font-size: 46px; - margin: 200px 0 60px 0; + +.internet_Things_hardware .item1 h2 { + padding: 0; + font-size: 46px; + margin: 200px 0 60px 0; } -.internet_Things_hardware .item1 h4{ - margin: 0; - padding: 0; - font-size: 30px; + +.internet_Things_hardware .item1 h4 { + margin: 0; + padding: 0; + font-size: 30px; } + /**/ -.internet_Things_hardware .item2{ - padding: 80px 0; +.internet_Things_hardware .item2 { + padding: 80px 0; } -.internet_Things_hardware .item2 h2{ - margin: 0 0 90px 0; - padding: 0; - color: #333; - font-size: 32px; - font-weight: 500; + +.internet_Things_hardware .item2 h2 { + margin: 0 0 90px 0; + padding: 0; + color: #333; + font-size: 32px; + font-weight: 500; } -.internet_Things_hardware .item2 div h4{ - padding: 0; - margin: 35px 0 0 0; - font-size: 18px; - color: #999; + +.internet_Things_hardware .item2 div h4 { + padding: 0; + margin: 35px 0 0 0; + font-size: 18px; + color: #999; } -.internet_Things_hardware .item2 div a{ - display: block; - width: 160px; - height: 48px; - line-height: 48px; - text-align: center; - color: #FF1717; - border: 1px solid #FF1717; - margin: 74px auto 0 auto; + +.internet_Things_hardware .item2 div a { + display: block; + width: 160px; + height: 48px; + line-height: 48px; + text-align: center; + color: #FF1717; + border: 1px solid #FF1717; + margin: 74px auto 0 auto; } + /**/ -.internet_Things_hardware .item3{ - padding: 80px 0; - background: #F6F7F9; +.internet_Things_hardware .item3 { + padding: 80px 0; + background: #F6F7F9; } -.internet_Things_hardware .item3 h2{ - padding: 0; - color: #333; - font-size: 32px; - margin: 0 0 30px 0; + +.internet_Things_hardware .item3 h2 { + padding: 0; + color: #333; + font-size: 32px; + margin: 0 0 30px 0; } -.internet_Things_hardware .item3 h4{ - color: #999; - padding: 0; - font-size: 18px; - margin: 0 0 80px 0; + +.internet_Things_hardware .item3 h4 { + color: #999; + padding: 0; + font-size: 18px; + margin: 0 0 80px 0; } + /**/ -.internet_Things_hardware .item4{ - padding: 80px 0; +.internet_Things_hardware .item4 { + padding: 80px 0; } -.internet_Things_hardware .item4 h2{ - color: #333; - font-size: 32px; - margin: 0 0 30px 0; - padding: 0; + +.internet_Things_hardware .item4 h2 { + color: #333; + font-size: 32px; + margin: 0 0 30px 0; + padding: 0; } -.internet_Things_hardware .item4 h3{ - color: #999; - font-size: 18px; - margin: 0 0 80px 0; - padding: 0; + +.internet_Things_hardware .item4 h3 { + color: #999; + font-size: 18px; + margin: 0 0 80px 0; + padding: 0; } -.internet_Things_hardware .item4 h4{ - color: #333; - font-size: 22px; - margin: 40px 0 0 0; - padding: 0; + +.internet_Things_hardware .item4 h4 { + color: #333; + font-size: 22px; + margin: 40px 0 0 0; + padding: 0; } -.internet_Things_hardware .item4 h6{ - color: #999; - margin: 20px 0; - padding: 0; - font-size: 14px; + +.internet_Things_hardware .item4 h6 { + color: #999; + margin: 20px 0; + padding: 0; + font-size: 14px; } + /*item5*/ -.internet_Things_hardware .item5{ - color: #fff; - height: 460px; +.internet_Things_hardware .item5 { + color: #fff; + height: 460px; } -.internet_Things_hardware .item5 h2{ - margin: 80px 0 30px 0; - padding: 0; - font-size: 32px; + +.internet_Things_hardware .item5 h2 { + margin: 80px 0 30px 0; + padding: 0; + font-size: 32px; } -.internet_Things_hardware .item5 h4{ - margin: 0; - padding: 0; - font-size: 18px; + +.internet_Things_hardware .item5 h4 { + margin: 0; + padding: 0; + font-size: 18px; } -.internet_Things_hardware .item5 img{ - position: relative; - top: 60px; + +.internet_Things_hardware .item5 img { + position: relative; + top: 60px; } -#grad2{ - background: -webkit-linear-gradient(#0F1A76,#1B5E95); /* Safari 5.1 - 6.0 */ - background: -o-linear-gradient(#0F1A76,#1B5E95); /* Opera 11.1 - 12.0 */ - background: -moz-linear-gradient(#0F1A76,#1B5E95); /* Firefox 3.6 - 15 */ - background: linear-gradient(#0F1A76,#1B5E95); /* 标准的语法 */ + +#grad2 { + background: -webkit-linear-gradient(#0F1A76, #1B5E95); /* Safari 5.1 - 6.0 */ + background: -o-linear-gradient(#0F1A76, #1B5E95); /* Opera 11.1 - 12.0 */ + background: -moz-linear-gradient(#0F1A76, #1B5E95); /* Firefox 3.6 - 15 */ + background: linear-gradient(#0F1A76, #1B5E95); /* 标准的语法 */ } + /*item6*/ -.internet_Things_hardware .item6{ - background: #F6F7F9; - padding-top: 476px; - padding-bottom: 70px; -} -.internet_Things_hardware .item6 h2{ - color: #333; - margin: 0; - padding: 0; - font-size: 32px; -} -.internet_Things_hardware .item6 h4{ - color: #999; - margin: 30px 0 40px 0; - padding: 0; - font-size: 18px; -} -.internet_Things_hardware .item6 .item6-index{ - padding: 0 20%; -} -.internet_Things_hardware .item6 .item6-index div{ - background: #fff; - padding: 0; - border: 30px solid #F6F7F9; -} -.internet_Things_hardware .item6 .item6-index div:hover{ - border: 30px solid #F1F3F6; - background: #F1F3F6; -} -.internet_Things_hardware .item6 .item6-index div img{ - margin: 60px auto 0 auto; - padding: 0; -} -.internet_Things_hardware .item6 .item6-index div p{ - color: #666; - font-size: 14px; - margin: 32px 0 56px 0; - padding: 0 16%; +.internet_Things_hardware .item6 { + background: #F6F7F9; + padding-top: 476px; + padding-bottom: 70px; } +.internet_Things_hardware .item6 h2 { + color: #333; + margin: 0; + padding: 0; + font-size: 32px; +} +.internet_Things_hardware .item6 h4 { + color: #999; + margin: 30px 0 40px 0; + padding: 0; + font-size: 18px; +} + +.internet_Things_hardware .item6 .item6-index { + padding: 0 20%; +} + +.internet_Things_hardware .item6 .item6-index div { + background: #fff; + padding: 0; + border: 30px solid #F6F7F9; +} + +.internet_Things_hardware .item6 .item6-index div:hover { + border: 30px solid #F1F3F6; + background: #F1F3F6; +} + +.internet_Things_hardware .item6 .item6-index div img { + margin: 60px auto 0 auto; + padding: 0; +} + +.internet_Things_hardware .item6 .item6-index div p { + color: #666; + font-size: 14px; + margin: 32px 0 56px 0; + padding: 0 16%; +} /*@media screen and (max-width: 990px) { @@ -790,516 +904,618 @@ top: 40px; }*/ +@media (max-width: 770px) { + .navbar-default .navbar-brand img { + margin: 12px 0 13px 0; + } -@media (max-width:770px){ - .navbar-default .navbar-brand img{ - margin: 12px 0 13px 0; - } - .navbar-default .navbar-brand span { - margin-top: 20px; - } + .navbar-default .navbar-brand span { + margin-top: 20px; + } } - @media screen and (max-width: 414px) { - .Internet_Things .item1{ - width: 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 .item1 { + width: 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{ - 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; - line-height: 36px; - 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%; - } + .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; + line-height: 36px; + 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; - } + /*asdasdsadsadsa*/ + .internet_Things_IOT .item1 { + width: 100%; + height: 185px; + background-size: auto 100%; + } - - /*adasdasdasddas*/ - .internet_Things_car .item1{ - width: 100%; - height: 155px; - 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; -} */ + .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; + } -.itemImage{ - padding: 0; -} + /*adasdasdasddas*/ + .internet_Things_car .item1 { + width: 100%; + height: 155px; + margin-top: 50px; + background-size: auto 100%; + } -.item2_txt{ - height:30px; - font-size:22px; - font-family:"PingFangSC-Semibold,PingFang SC"; - font-weight:600; - color:rgba(51,51,51,1); - line-height:90px; -} + .internet_Things_car .item1 h2 { + font-size: 22px; + margin: 40px 0 15px 0; + } -.internet_Things_car .item2 img{ - width: 100%; - height: 300px; -} -.internet_Things_car .item2 .device{ - width: 100%; -} + .internet_Things_car .item1 h4 { + font-size: 15px; + } -.internet_Things_car .item2 h2{ - margin: 0 0 15px 0; - font-size: 22px; -} -.internet_Things_car .item2 h3{ - height:37px; - font-size:26px; - font-family:"PingFangSC-Semibold,PingFang SC"; - font-weight:600; - color:rgba(51,51,51,1); - line-height:37px; -} -.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; - + /**/ + .internet_Things_car .item2 { + padding: 40px 0; + width: 100%; -} -.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: 300px; - 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; + /* .nav{ + width: 100%; + background-color: red!important; + } */ + .itemImage { + padding: 0; + } -} - .internet_Things_car .item3{ - width: 100vw; - height: auto; - /* 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; - height: 34px; - font-size:14px; - line-height: 34px; - margin-top: 18px; -} - /**/ -.internet_Things_car .item5, -.internet_Things_car .item6, -.internet_Things_car .item8, -.internet_Things_car .item9, -.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; - line-height: 1.5; - } + .item2_txt { + height: 30px; + font-size: 22px; + font-family: "PingFangSC-Semibold,PingFang SC"; + font-weight: 600; + color: rgba(51, 51, 51, 1); + line-height: 90px; + } + + .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 h3 { + height: 37px; + font-size: 26px; + font-family: "PingFangSC-Semibold,PingFang SC"; + font-weight: 600; + color: rgba(51, 51, 51, 1); + line-height: 37px; + } + + .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: 300px; + 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-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; + height: 34px; + font-size: 14px; + line-height: 34px; + margin-top: 18px; + } + + /**/ + .internet_Things_car .item5, + .internet_Things_car .item6, + .internet_Things_car .item8, + .internet_Things_car .item9, + .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; + line-height: 1.5; + } } /*@media screen and (max-width: 320px) {