1003 lines
17 KiB
CSS
1003 lines
17 KiB
CSS
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;
|
|
}
|
|
} |