html,body{ width: 100vw; overflow-x: hidden; /* font-family: 'PingFangSC-Regular';*/ } .navbar .navbar-header img{ max-height: 32px; margin-top: 8px; } .navbar .menu-group{ font-weight: 700; } .navbar .navbar-toggle{ padding: 0; margin-bottom: 0; } /*1*/ .bedbanner{ margin-top: 50px; background: url('/img/bed/banner1.png'); } .bedbanner-info{ color: #fff; text-align: center; } .bedbanner-info h2{ font-size: 42px; margin-top: 230px; } .bedbanner-info p{ font-size:20px; margin-top: 32px; } .bedbanner-info a{ display: block; width: 150px; height: 56px; line-height: 56px; background: #1268FF; font-size:18px; color: #fff; border-radius:6px; margin: 85px auto 0 auto; } .bedbanner-item{ margin-top: 130px; } .bedbanner-item{ color: #fff; background: rgba(0,0,0,0.5); } .bedbanner-item .mintem-grop{ padding: 35px 10px; color: #adadad; font-size: 14px; } .bedbanner-item .mintem-grop span{ font-size: 22px; color: #fff; } @media only screen and (max-width: 965px) { .bedbanner-info h2{ font-size: 18px; margin-top: 46px; } .bedbanner-info p{ font-size: 14px; margin-top: 18px; } .bedbanner-info a{ width: 100px; height: 38px; line-height: 38px; font-size: 13px; border-radius: 3px; margin: 24px auto 0 auto; } .bedbanner-item{ margin-top: 30px; } .bedbanner-item .mintem-grop{ padding: 12px 6px; font-size: 12px; } .bedbanner-item .mintem-grop span{ font-size: 15px; } } /*.slide .carousel-caption{ width: 100%; position: absolute; top: 20%; left: 0; } .slide .carousel-caption a{ display: block; width: 150px; height: 56px; line-height: 56px; background: #1268FF; font-size:18px; color: #fff; margin: 85px auto 0 auto; border-radius:6px; } .min-tems{ color: #fff; width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); } .min-tems .mintem-grop{ min-height: 70px; padding: 35px 0; } .min-tems .mintem-grop a, .min-tems .mintem-grop p{ float: left; height: 100%; } .min-tems .mintem-grop p{ width: 60%; font-size:14px; color: #adadad; margin-left: 15px; } .min-tems .mintem-grop p span{ color: #fff; font-size: 22px; }*/ .bedConter{ padding: 85px 0; } .bedConter .bed-head{ color: #2F2F2F; font-size:32px; } .bedConter .bed-minhead{ color: #999; font-size: 20px; margin-top: 30px; } .bedConter .bed-body{ margin-top: 50px; } .bedConter p, .bedConter h2, .bedConter h4{ margin: 0; padding: 0; } /*.bedConter .bed-body{ color: #999; font-size: 14px; }*/ .applet h4{ color: #2F2F2F; font-size: 20px; margin: 8px 0 0 0; padding: 0; } .applet p{ color: #999; font-size:14px; padding: 0 15%; margin: 20px 0 0 0; } .management{ width: 100%; line-height: 2.4; background: url('/img/bed/bj1.png') center center no-repeat; background-size: 754px auto; } .management h4{ color: #2F2F2F; font-size: 20px; margin-top: 50%; } .management p{ color: #999; font-size: 14px; } @media only screen and (max-width: 965px) { .management h4{ margin-top: 5%; text-align: center; } .management p{ text-align: center; } } /*陪护柜*/ .bedgroup div{ padding-top: 10px; padding-bottom: 10px; background: #fff; border-left: 40px solid #f8f8f8; border-right: 40px solid #f8f8f8; } .bedgroup div h4{ color: #2F2F2F; font-size: 20px; margin-top: 20px; } .bedgroup div p{ color: #999; font-size: 14px; margin-top: 10px; margin-bottom: 15px; } /*陪护床智能锁*/ .lockgroup h4{ color: #2F2F2F; margin-top: 46px; } .lockgroup p{ color: #999; font-size:14px; margin-top: 16px; padding: 0 15%; } /*好行业、好项目、坐享收益*/ .introduction div{ height: 460px; border-left: 12px solid #f8f8f8; border-right: 12px solid #f8f8f8; background: #fff; overflow: hidden; cursor: pointer; } .introduction div:hover{ box-shadow:0px 6px 12px 0px rgba(0,0,0,0.05); } .introduction div h4{ color: #2F2F2F; font-size:24px; margin-top: 80px; } .introduction div img{ margin-top: 40px; } .introduction div p{ color: #999; font-size: 16px; padding: 0 12px; margin-top: 50px; } @media only screen and (max-width: 965px) { .introduction div{ height: auto !important; margin: 20px; padding-bottom: 20px; } } /*投放优势*/ .advantage{ background: url('/img/bed/bg12.png') center center no-repeat #1268FF; } .advantage, .advantage .bed-head, .advantage .bed-minhead{ color: #ffff; } .advantage-body p{ font-size:20px; margin-top: 24px; } .advantage-body div:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale3d(1.1,1.1); transition: .8s transform; -webkit-transition: .8s transform; } /*陪护柜*/ .development div img{ cursor: pointer; } .development div img:hover{ margin-top: -3px; } .development div p{ color: #2F2F2F; margin-top: 30px; font-size: 16px; } /*联系我们*/ .abouts{ background: url('/img/bed/bj3.png'); background-size: 100% auto; } .abouts .abouts-body{ color: #fff; font-size: 18px; } .abouts .abouts-body img{ display: inline-block; margin-right: 20px; } .abouts2{ color: #999; background: none; } .abouts2 .abouts-body{ color: #999; /*font-size: 18px;*/ } /*备案信息*/ .record{ height: 40px; line-height: 40px; } @media only screen and (max-width: 965px) { .bedConter{ padding: 25px 0; } .bedConter .bed-head{ font-size: 18px; } .bedConter .bed-minhead{ font-size: 14px; margin-top: 8px; } .bedConter .bed-body{ margin-top: 15px; } } /*shared 共享经济*/ .shared{ background: #F4F4F4; padding-bottom: 85px; overflow: hidden; } .bannerItem .items-head{ padding: 0; color: #333; font-size: 40px; margin: 50px 0 0 0; } .bannerItem .items-minhead{ width: 65px; color: #999; font-size: 20px; margin: 0 auto 85px auto; border-bottom: 2px solid #749dd6; } .shared .items-body{ overflow: hidden; margin: 0; padding: 0; } .shared .items-body .shara-group{ padding: 20px; border: 15px solid #F4F4F4; background: #fff; height: 200px; } .shared .items-body .shara-group h4{ font-size: 20px; font-weight: 700; } .shared .items-body .shara-group p{ color: #999; font-size: 14px; } @media only screen and (max-width: 965px) { .shared .items-body .shara-group{ padding: 10px; border: 7px solid #F4F4F4; height: auto !important; } } /*solution 解决方案*/ .solution{ background: #444; } .content30{ background: url(/img/bj1.png); background-size: auto 100%; } .content31{ background: url(/img/bj2.png); background-size: auto 100%; } .content32{ background: url(/img/bj3.png); background-size: auto 100%; } .content33{ background: url(/img/bj4.png); background-size: auto 100%; } .solution .items-head{ color: #fff; } .solution .items-minhead{ color: #ccc; } .solution .items-body{ padding-bottom: 85px; } .solution .items-body .items-body-left{ } .solution .items-body ul{ background: rgba(116, 157, 214, 0.4); } .solution .items-body ul li{ color: #fff; font-size: 16px; cursor: pointer; padding: 15px 0; } .solution .items-body ul li img{ margin-bottom: 15px; } .solution .items-body ul li span{ display: block; padding-bottom: 20px; } .solution .items-body ul li.active{ width: 106%; margin-left: -3%; background: #749DD6; } .solution .items-body-right{ color: #fff; } .solution .items-body-right .solution-rightTabs{ display: none; } .solution .items-body-right .solution-rightTabs h2{ font-size: 24px; margin: 60px 0 60px 0; padding: 0; } .solution .items-body-right .solution-rightTabs a{ color: #fff; } .solution .items-body-right .solution-rightTabs a:hover img{ /*position: relative; top: -3px;*/ margin-top: -3px; } .solution .items-body-right .solution-rightTabs div img{ margin-bottom: 24px; } .solution .items-body-right p{ font-size: 14px; margin-top: 140px; } .solution .items-body-right .consult{ color: #fff; width: 120px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #fff; margin-top: 30px; display: inline-block; } @media only screen and (max-width: 995px) { .solution .items-body-right p { margin-top: 75px; } } /*process 项目流程*/ .process .items-minhead{ min-width: 140px; } .process .items-body{ padding-bottom: 85px; overflow: hidden; position: relative; } .process .items-body h4{ color: #999; font-size: 28px; padding-bottom: 50px; } .process .items-body h4 span{ margin-left: -44px; } .process .items-body div{ border-top: 10px solid #ccc; position: relative; } .process .items-body div p{ color: #b2b2b2; font-size: 19px; margin-left: -44px; } .process .items-body div a{ color: #fff; height: 30px; line-height: 30px; display: block; padding: 0 12px; border-radius: 30px; background: #ffa424; position: absolute; top: -55px; left: -30px; } .process .items-body div a b{ width: 10px; height: 10px; background: #ffa424; position: absolute; top: 25px; left: 33px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); z-index: 11; } .process .items-body div p strong{ color: #555; display: block; margin-top: 25px; margin-bottom: 5px; font-size: 26px; } .process .items-body div img{ width: 20px; position: absolute; top: -15px; left: -1px; } .process .items-body .block2{ display: block; width: 36px; height: 36px; background: url(/img/ads.png) no-repeat center center; background-size: 100% 100%; position: absolute; z-index: 100; left: 24.5%; top: 50px; -webkit-animation: ads ease-in-out 1.3s infinite; -moz-animation: ads ease-in-out 1.3s infinite; -o-animation: ads ease-in-out 1.3s infinite; animation: ads ease-in-out 1.3s infinite; } @media only screen and (max-width: 995px) { .process .items-body h4 span{ margin-left: -14px; } .process .items-body div p{ margin-left: -14px; } } /*底部footer*/ .footer{ color: #fff; padding-bottom: 35px; background: #313435; } .footer .footer-info{ color: #676e70; font-size: 14px; padding: 35px 0; border-bottom: 1px solid #999; } .footer .footer-info span{ display: inline-block; margin-left: 15px; } .footer .footer-group h4{ font-size: 16px; margin: 25px 0; } .footer .footer-group p{ color: #999; font-size: 13px; } .footer .footer-group p a{ color: #999; } .footer .footer-group p img{ margin-right: 15px; } .min-footer{ font-size: 13px; padding-top: 15px; padding-bottom: 15px; box-sizing: border-box; } @media only screen and (max-width: 965px) { .shared, .partner .items-body, .solution .items-body, .process .items-body{ padding-bottom: 42px; } .solution .items-body-right .solution-rightTabs h2{ margin: 30px 0; font-size: 17px; } .bannerItem .items-head{ margin: 25px 0 0 0; font-size: 26px; } .bannerItem .items-minhead{ margin-bottom: 27px; font-size: 14px; } .process .items-body h4{ font-size: 19px; } .process .items-body div p { font-size: 14px; } .process .items-body div p strong{ font-size: 18px; } .process .items-minhead{ min-width: 100px; } } /*右边栏*/ .server { width: 50px; position: fixed; top: 36%; right: 0; z-index: 222; } .server ul li{ width: 50px; height: 50px; line-height: 45px; text-align: center; border-radius: 8px; margin-bottom: 2px; background: rgba(0,0,0,0.7); } .server ul li:hover{ background: rgba(0,0,0,1); } .server .list{width:180px; height:50px; line-height:50px;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; -moz-border-radius:0.2em; -webkit-border-radius:0.2em;-ms-border-radius:0.2em;-o-border-radius:0.2em; border-radius:0.2em; text-align:center;} .server .list .sanjiao{width:12px; height:12px; background:#fff; position:absolute; top:18px; right:-5px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); } .server .erlist{background:#343434; position:absolute; top:2px; right:60px; width:95px; height:95px;} .server .erlist img{ height:90%; margin:4.5px;} .server .erlist .sanjiao{ background-color:#343434;z-index:-1; } .server .tellist img{float:left; padding:9px 5px 0 45px;} .server .tellist{background:#343434; color:#fff;letter-spacing:0.05em; position:absolute; top:105px; right:60px; font-size:20px;} .server .tellist .sanjiao{ background:#343434;z-index:-1; } /*共享电动滑板车*/ .scootbanner{ margin-top: 50px; max-height: 800px; background: url('/img/scooter/banner1.png'); } .scootbanner-info{ color: #fff; text-align: center; } .scootbanner-info .head{ font-size: 46px; margin-top: 222px; } .scootbanner-info .min-head{ color: #DEDEDE; font-size:24px; margin-top: 31px; } .scootbanner-info .conter{ color: #ffff; font-size:24px; margin-top: 83px; } .scootbanner-info a{ color: #fff; font-size:18px; display: block; width: 150px; height: 56px; line-height: 56px; background: #00D117; margin: 174px auto 140px auto; border-radius:6px; } @media only screen and (max-width: 965px) { .scootbanner-info .head{ font-size: 30px; margin-top: 44.4px; } .scootbanner-info .min-head{ color: #DEDEDE; font-size:16px; margin-top: 6.2px; } .scootbanner-info .conter{ color: #ffff; font-size:16px; margin-top: 16.6px; } .scootbanner-info a{ color: #fff; font-size:12px; display: block; width: 100px; height: 37px; line-height: 37px; background: #00D117; margin: 34.8px auto 28px auto; border-radius:6px; } } /**/ .scoot-item1{ /*padding: 100px 0 0 70px;*/ } .scoot-item1 .scoot-item1-grop{ /*padding: 100px 0 0 70px;*/ padding-top: 100px; padding-bottom: 70px; } .scoot-item1 .scoot-item1-grop div{ color: #ADADAD; font-size:14px; } .scoot-item1 .scoot-item1-grop div span{ color: #333; font-size: 24px; display: block; margin-bottom: 20px; } .scooter-introduction{ padding: 105px 0; } .scooter-introduction .introductions{ background: #fff; height: 380px; border-left: 12px solid #F8F8F8; border-right: 12px solid #F8F8F8; padding: 0 30px; margin-top: 15px; margin-bottom: 15px; /*margin: 15px 0;*/ overflow: hidden; } .scooter-introduction img{ margin-top: 60px; } .scooter-introduction h4{ color: #2F2F2F; font-size: 22px; margin-top: 46px; } .scooter-introduction p{ font-size: 14px; color: #999; margin-top: 24px; } .in-advantage{ padding-bottom: 98px; } .in-advantage-head{ color: #2F2F2F; font-size: 32px; margin-top: 100px; margin-bottom: 80px; } .in-advantage .advant-gro{ /*min-height: 120px;*/ background: #fff; padding-top: 40px; padding-bottom: 40px; /*padding: */ font-size:14px; color: #999; /*max-height: 188px;*/ border-left: 15px solid #f8f8f8; border-right: 15px solid #f8f8f8; /*overflow: hidden;*/ position: relative; margin: 15px 0; overflow: hidden; } .in-advantage .advant-gro img{ min-width: 60px; } /*.in-advantage .advant-grop img{ margin-top: 40px; margin-bottom: 40px; }*/ .in-advantage .advant-gro span{ display: block; font-size:22px; color: #2F2F2F; margin-bottom: 24px; } @media only screen and (max-width: 965px) { .in-advantage .advant-gro{ min-height: 150px; padding-top: 8px; padding-bottom: 8px; padding-left: 60px; } .in-advantage .advant-gro span{ margin-bottom: 5px; } } .advant-gro .serial{ color: #ffff; font-size: 22px; width: 34px; height: 46px; text-align: center; line-height: 40px; position: absolute; top: 0; left: 26px; background: url('/img/scooter/combined.png'); background-size: 34px 46px; } .industry{ background: url('/img/scooter/line.png') #00D117; background-size: auto 100%; overflow: hidden; opacity: 0.8; } .industry .industry-head{ color: #fff; font-size: 36px; margin-top: 120px; } .industry a{ color: #00D117; width: 150px; height: 56px; line-height: 56px; background: rgba(255,255,255,1); border-radius: 6px; font-size:18px; display: block; margin: 75px auto; } @media only screen and (max-width: 965px) { .industry .industry-head{ font-size: 20px; margin-top: 24px; } .industry a{ color: #00D117; width: 84px; height: 31px; line-height: 31px; font-size: 14px; margin: 20px auto; } } .oneStep{ padding-bottom: 80px; } .oneStep .step-head{ color: #2F2F2F; font-size: 30px; margin-top: 100px; } .oneStep .step-min-head{ color: #999; font-size: 18px; margin-top: 30px; } .oneStep .step-tips{ width: 140px; height: 46px; line-height: 46px; border-radius:25px; background: #00D117; font-size: 18px; color: #fff; margin: 70px auto 50px auto; } .oneStep .step-group h4{ color: #2F2F2F; font-size: 20px; margin: 8px 0 0 0; padding: 0; } .oneStep .step-group p{ color: #999; font-size: 14px; margin: 20px 0 0 0; padding: 0 45px; } @media only screen and (max-width: 965px) { .oneStep{ padding-bottom: 24px; } .oneStep .step-head{ font-size: 16; margin-top: 20px; } .oneStep .step-group p{ padding: 0 10px; } .in-advantage{ padding-bottom: 20px; } .in-advantage-head{ font-size: 30px; margin-top: 25px; margin-bottom: 21px; } }