/*创特共享电动车*//*创特共享电动车*/ /*创特共享电动车*//*创特共享电动车*/ .internet_Things_car .item1 { height: 560px; color: #22282A; margin-top: 90px; background: url('../img/img/ebike/banner.png') no-repeat center center #FF0; background-size: auto 560px; overflow: hidden; padding-left: 15%; line-height: 1; } .internet_Things_car .item1 .head { font-size: 46px; padding: 120px 0 70px 0; } .internet_Things_car .item1 .contents { font-size: 23px; } .internet_Things_car .item1 .contents .contents_1 { margin-bottom: 24px; } .internet_Things_car .item1 .contents .contents_2 { width: 50%; line-height: 1.5; } .internet_Things_car .item1 .mores { width: 160px; height: 48px; line-height: 48px; font-size: 15px; display: block; margin-top: 70px; text-align: center; color: #22282A; border: 1px solid #22282A; } /*item2*//*item2*/ /*item2*//*item2*/ .internet_Things_car .item2 { padding: 80px 0 100px 0; overflow: hidden; } .internet_Things_car .item2 h2 { color: #333; margin: 0 0 100px 0; padding: 0; line-height: 1; font-size: 34px; overflow: hidden; } .internet_Things_car .item2 div { text-align: center; } .internet_Things_car .item2 div img { border: 1px solid #eee; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06); } .internet_Things_car .item2 div span { color: #333; display: block; font-size: 24px; margin-top: 40px; } /*item3*//*item3*/ /*item3*//*item3*/ .internet_Things_car .item3 { width: 100%; height: 700px; background: url('../img/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 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 li { padding: 0; font-size: 16px; margin: 0 0 24px 0; } /*item4*//*item4*/ /*item4*//*item4*/ .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; color: #666; font-size: 18px; line-height: 1.5; } /*item5*//*item5*/ /*item5*//*item5*/ .internet_Things_car .item5 { padding: 80px 0 100px 0; overflow: hidden; } .internet_Things_car .item5 h2 { color: #333; margin: 0 0 100px 0; padding: 0; line-height: 1; font-size: 34px; overflow: hidden; } .internet_Things_car .item5 .mini-group { height: 390px; margin: 0 -5px; border-radius: 4px; line-height: 1; box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.14); overflow: hidden; } .internet_Things_car .item5 .mini-group span { color: #333; display: block; font-size: 22px; margin-top: 24px; margin-left: 20px; margin-bottom: 16px; } .internet_Things_car .item5 .mini-group p { padding: 0; color: #999; font-size: 16px; line-height: 1.5; margin: 0 20px; overflow: hidden; } /*item6*//*item6*/ /*item6*//*item6*/ .internet_Things_car .item6 { padding: 80px 0 100px 0; overflow: hidden; } .internet_Things_car .item6 h2 { color: #333; margin: 0 0 100px 0; padding: 0; line-height: 1; font-size: 34px; overflow: hidden; } .internet_Things_car .item6 .mini-group { margin-bottom: 44px; overflow: hidden; } .internet_Things_car .item6 .mini-group img { float: left; } .internet_Things_car .item6 .mini-group p { float: left; margin: 0 0 0 29px; padding: 0; overflow: hidden; max-width: 52%; line-height: 1; } .internet_Things_car .item6 .mini-group p span { display: block; } .internet_Things_car .item6 .mini-group p span:first-child { color: #333; font-size: 22px; margin-bottom: 6px; } .internet_Things_car .item6 .mini-group p span:last-child { color: #999; font-size: 16px; line-height: 1.5; } /*item7*//*item7*/ /*item7*//*item7*/ .internet_Things_car .item7 { background: url('../img/img/ebike/item7-2.png') top center no-repeat #FFF; background-size: 100% 500px; padding: 80px 0 100px 0; overflow: hidden; } .internet_Things_car .item7 h2 { color: #fff; font-size: 34px; } .internet_Things_car .item7 .sys-pice { margin: 40px 0 20px 0; overflow: hidden; } .internet_Things_car .item7 .mini-group { height: 218px; margin: 0 -10px; padding: 0 10%; overflow: hidden; } .internet_Things_car .item7 .mini-group img { margin-top: 30px; } .internet_Things_car .item7 .mini-group span { color: #333; font-size: 22px; margin-top: 20px; display: block; } .internet_Things_car .item7 .mini-group p { color: #999; font-size: 16px; margin-top: 16px; } /*@media screen and (max-width: 990px) {} @media screen and (max-width: 800px) {} @media screen and (max-width: 768px) {} @media screen and (max-width: 600px) {} @media screen and (max-width: 500px) {}*/ @media (max-width: 770px) { .navbar-default .navbar-brand img { margin: 12px 0 13px 0; } .navbar-default .navbar-brand span { margin-top: 20px; } } @media screen and (max-width: 414px) { .internet_Things_car .item2, .internet_Things_car .item5, .internet_Things_car .item6, .internet_Things_car .item7 { padding: 20px 0 25px 0; } .internet_Things_car .item2 h2, .internet_Things_car .item3 h2, .internet_Things_car .item5 h2, .internet_Things_car .item6 h2, .internet_Things_car .item7 h2 { margin: 0 0 25px 0; font-size: 24px; } .internet_Things_car .item1 { height: 220px; margin-top: 40px; background-size: auto 100%; background-position: 68% center; padding-left: 2%; /*box-sizing: border-box;*/ } .internet_Things_car .item1 .head { font-size: 22px; padding: 15px 0 15px 0; } .internet_Things_car .item1 .contents { font-size: 14px; } .internet_Things_car .item1 .contents .contents_1 { margin-bottom: 15px; } .internet_Things_car .item1 .contents .contents_2 { width: 50%; line-height: 1.5; margin-top: 40px; } .internet_Things_car .item1 .mores { width: 88px; height: 35px; line-height: 35px; font-size: 12px; margin-top: 15px; } .navbar-default .navbar-brand { margin: 0; } .internet_Things_car .item2 { padding: 20px 0 25px 0; } .internet_Things_car .item2 div span { font-size: 15px; margin-top: 20px; } .internet_Things_car .item5 .mini-group { height: auto; padding: 15px 0; } .internet_Things_car .item5 .mini-group span { font-size: 20px; margin-top: 12px; margin-left: 10px; margin-bottom: 8px; } .internet_Things_car .item5 .mini-group p { font-size: 15px; margin: 0 10px; } .internet_Things_car .item6 .mini-group { margin-top: 22px; margin-bottom: 22px; } .internet_Things_car .item6 .mini-group p { margin: 0 0 0 15px; max-width: 100%; } .internet_Things_car .item6 .mini-group p span:first-child { font-size: 15px; margin-bottom: 6px; } .internet_Things_car .item6 .mini-group p span:last-child { font-size: 13px; } .internet_Things_car .item7 { background-size: 100% 170px; padding: 20px 0 25px 0; } .internet_Things_car .item7 .sys-pice { margin: 20px 0 10px 0; } .internet_Things_car .item7 .mini-group { padding: 0 4%; } .internet_Things_car .item7 .mini-group img { margin-top: 15px; } .internet_Things_car .item7 .mini-group span { font-size: 14px; margin-top: 10px; } .internet_Things_car .item7 .mini-group p { font-size: 13px; margin-top: 10px; } .internet_Things_car .item8 h4 { font-size: 16px; margin: 11px 5px; } } /*@media screen and (max-width: 320px) { }