482 lines
7.8 KiB
CSS
482 lines
7.8 KiB
CSS
/*轮播*/
|
|
.carousel{
|
|
margin-top: 90px;
|
|
}
|
|
.carousel .carousel-indicators li {
|
|
width: 50px;
|
|
height: 4px;
|
|
margin: 1px 7px;
|
|
background: rgba(255,255,255,0.5);
|
|
border-radius: 0;
|
|
border: none;
|
|
}
|
|
.carousel .carousel-indicators li.active {
|
|
background: rgba(255,255,255,1);
|
|
}
|
|
.carousel-inner .carousel-caption{
|
|
right: 10%;
|
|
left: 10%;
|
|
bottom: 205px;
|
|
text-shadow: none;
|
|
}
|
|
.carousel-inner .carousel-caption h2{
|
|
font-size: 52px;
|
|
}
|
|
.carousel-inner .carousel-caption .scondh2{
|
|
margin-top: 48px;
|
|
}
|
|
.carousel-inner .carousel-caption h4{
|
|
font-size: 42px;
|
|
}
|
|
.carousel-inner .carousel-caption ul{
|
|
width: 60%;
|
|
margin: 100px auto 0 auto;
|
|
}
|
|
.carousel-inner .carousel-caption ul li{
|
|
width: 25%;
|
|
float: left;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
.carousel-inner .carousel-caption ul li a{
|
|
display: block;
|
|
width: 56px;
|
|
height: 56px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
.carousel-inner .carousel-caption ul li a img{
|
|
display: block;
|
|
width: 100%;
|
|
max-height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.carousel-inner .carousel-caption ul li span{
|
|
display: block;
|
|
width: 24px;
|
|
height: 2px;
|
|
background: #fff;
|
|
margin: 18px auto 24px auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
/**/
|
|
.mainitems{
|
|
overflow: hidden;
|
|
}
|
|
.mainitems .headtit{
|
|
color: #333;
|
|
font-size: 34px;
|
|
margin-top: 80px;
|
|
}
|
|
.mainitems .minstit{
|
|
color: #999;
|
|
font-size: 20px;
|
|
margin-top: 30px;
|
|
}
|
|
.mainitems .bodycnt{
|
|
margin-top: 80px;
|
|
position: relative;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info{
|
|
height: 430px;
|
|
background: #ccc;
|
|
padding: 0;
|
|
font-size: 24px;
|
|
color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info1{
|
|
background: url('../img/yuxiupdata/banner2-11.png') center center no-repeat;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info2{
|
|
background: url('../img/yuxiupdata/banner2-22.png') center center no-repeat;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info3{
|
|
background: url('../img/yuxiupdata/banner2-33.png') center center no-repeat;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info4{
|
|
background: url('../img/yuxiupdata/banner2-44.png') center center no-repeat;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info img{
|
|
display: block;
|
|
width: 80px;
|
|
height: 80px;
|
|
margin: 133px auto 0 auto;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info span{
|
|
display: block;
|
|
width: 28px;
|
|
height: 4px;
|
|
background: #fff;
|
|
margin: 59px auto 36px auto;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-datails{
|
|
background: rgba(255, 23, 23, 0.9);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 15px;
|
|
right: 15px;
|
|
bottom: 0;
|
|
color: #fff;
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-datails h2{
|
|
font-size:28px;
|
|
margin: 96px 0 0 0;
|
|
padding: 0;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-datails span{
|
|
width: 28px;
|
|
height: 4px;
|
|
margin: 30px auto 38px auto;
|
|
background: #fff;
|
|
display: block;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-datails p{
|
|
font-size:20px;
|
|
margin: 0;
|
|
padding: 0 10%;
|
|
line-height: 2;
|
|
}
|
|
.mainitems .bodycnt .col-lg-2:hover div.bodycnt-datails{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
/**/
|
|
.m-btns{
|
|
color: #FF1717;
|
|
font-size:16px;
|
|
width: 160px;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
background: #fff;
|
|
margin: 60px auto 80px auto;
|
|
border:1px solid rgba(255,23,23,1);
|
|
}
|
|
.m-btns a{
|
|
color: inherit;
|
|
}
|
|
|
|
|
|
|
|
/*物联网解决方案*/
|
|
.inteBody{
|
|
margin-top: 80px;
|
|
margin-bottom: 85px;
|
|
position: relative;
|
|
}
|
|
.inteBody div.col-lg-2{
|
|
position: relative;
|
|
}
|
|
.inteBody div.col-lg-2:hover .intebody-hover{
|
|
display: block;
|
|
}
|
|
.inteBody .intebody-info{
|
|
background: #FAFAFA;
|
|
height: 390px;
|
|
padding: 0;
|
|
margin: 0 -5px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
z-index: 222;
|
|
}
|
|
.inteBody .intebody-info a{
|
|
width: 120px;
|
|
height: 120px;
|
|
margin: 60px auto 0 auto;
|
|
display: block;
|
|
}
|
|
.inteBody .intebody-info h2{
|
|
color: #333;
|
|
font-size: 20px;
|
|
margin: 40px 0 0 0;
|
|
}
|
|
.inteBody .intebody-info p{
|
|
color: #999;
|
|
font-size: 14px;
|
|
margin: 25px 0 0 0;
|
|
padding: 0 25%;
|
|
}
|
|
.inteBody .intebody-hover{
|
|
color: #fff;
|
|
background: #FF1717;
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -5px;
|
|
z-index: 888888;
|
|
overflow: hidden;
|
|
box-shadow:0px 2px 10px 0px rgba(255,23,23,0.33);
|
|
display: none;
|
|
}
|
|
.inteBody .intebody-hover h2{
|
|
font-size:24px;
|
|
margin: 80px 0 36px 0;
|
|
}
|
|
.inteBody .intebody-hover p{
|
|
font-size:14px;
|
|
margin: 0;
|
|
padding: 0 20%;
|
|
}
|
|
.inteBody .intebody-hover a{
|
|
color: inherit;
|
|
width: 110px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
display: block;
|
|
border:1px solid rgba(255,255,255,1);
|
|
position: absolute;
|
|
bottom: 30px;
|
|
left: 50%;
|
|
margin-left: -55px;
|
|
}
|
|
|
|
|
|
|
|
/*软件应用开发*/
|
|
.applicatBody{
|
|
margin: 80px auto;
|
|
}
|
|
.applicatBody .appbody-info{
|
|
height: 400px;
|
|
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
|
|
overflow: hidden;
|
|
}
|
|
.applicatBody .appbody-info img{
|
|
display: block;
|
|
width: 100px;
|
|
height: 100px;
|
|
margin: 80px auto 52px auto;
|
|
}
|
|
.applicatBody .appbody-info h2{
|
|
color: #333;
|
|
font-size: 22px;
|
|
margin: 0 0 20px 0;
|
|
padding: 0;
|
|
}
|
|
.applicatBody .appbody-info p{
|
|
color: #999;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 0 18%;
|
|
line-height: 28px;
|
|
}
|
|
|
|
|
|
|
|
/*联网智能硬件*/
|
|
.hardware{
|
|
background: url('../img/yuxiupdata/hardware.png') top center no-repeat #FAFAFA;
|
|
overflow: hidden;
|
|
height: auto;
|
|
}
|
|
.hardware-conter{
|
|
background: #fff;
|
|
padding: 70px;
|
|
text-align: left;
|
|
margin-top: 80px;
|
|
overflow: hidden;
|
|
}
|
|
.hardware-conter img{
|
|
float: left;
|
|
margin: 0 55px 0 0;
|
|
padding: 0;
|
|
}
|
|
.hardware-conter span{
|
|
color: #333;
|
|
font-size: 24px;
|
|
margin-bottom: 20px;
|
|
margin-top: 30px;
|
|
display: inline-block;
|
|
}
|
|
.hardware-conter i{
|
|
width: 28px;
|
|
height: 4px;
|
|
display: block;
|
|
background: #FF1717;
|
|
margin-bottom: 18px;
|
|
font-style: normal;
|
|
}
|
|
.hardware-conter p{
|
|
color: #999;
|
|
font-size: 15px;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
|
|
|
|
/*底部*/
|
|
.footer{
|
|
color: #fff;
|
|
padding: 65px 0;
|
|
background: #393939;
|
|
}
|
|
|
|
.footer h2{
|
|
font-size:18px;
|
|
margin: 0 0 32px 0;
|
|
padding: 0;
|
|
}
|
|
.footer ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.footer ul li a,
|
|
.footer ul li span{
|
|
color: #ccc;
|
|
font-size:14px;
|
|
margin: 10px 0;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
.min-footer{
|
|
line-height: 50px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
.left{
|
|
float: left;
|
|
}
|
|
.right{
|
|
float: right;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*小屏电脑*/
|
|
@media (max-width:770px){
|
|
.carousel-inner .carousel-caption{
|
|
right: 15%;
|
|
bottom: 10%;
|
|
}
|
|
.navbar-default .navbar-brand{
|
|
margin: 4px 0 0 0;
|
|
}
|
|
.navbar-default .navbar-nav > li > a{
|
|
height: auto;
|
|
line-height: 1.5;
|
|
padding: 8px 0;
|
|
}
|
|
.carousel{
|
|
margin-top: 50px;
|
|
}
|
|
.hardware-conter{
|
|
padding: 20px 8px;
|
|
}
|
|
.carousel-inner .carousel-caption .scondh2{
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.carousel-inner .carousel-caption h2{
|
|
font-size: 17px;
|
|
}
|
|
.carousel-inner .carousel-caption .scondh2{
|
|
margin-top: 15px;
|
|
}
|
|
.carousel-inner .carousel-caption h4{
|
|
font-size: 14px;
|
|
}
|
|
.mainitems .headtit{
|
|
font-size: 18px;
|
|
margin-top: 15px;
|
|
}
|
|
.mainitems .minstit{
|
|
font-size: 15px;
|
|
margin-top: 8px;
|
|
}
|
|
.mainitems .bodycnt{
|
|
margin-top: 8px;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info{
|
|
height: auto;
|
|
padding-bottom: 24px;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info img {
|
|
margin: 26px auto 0 auto;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-info span {
|
|
margin: 14px auto 9px auto;
|
|
}
|
|
.inteBody {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.applicatBody {
|
|
margin: 15px auto;
|
|
}
|
|
.m-btns {
|
|
margin: 15px auto;
|
|
}
|
|
.footer {
|
|
padding: 15px 0;
|
|
}
|
|
.footer h2 {
|
|
font-size: 15px;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
.min-footer{
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
padding: 4px 8px;
|
|
text-align: left;
|
|
}
|
|
.applicatBody .appbody-info {
|
|
height: 280px;
|
|
}
|
|
.applicatBody .appbody-info img {
|
|
margin: 20px auto;
|
|
}
|
|
.inteBody .intebody-info {
|
|
height: 280px;
|
|
margin: 5px -5px;
|
|
}
|
|
.inteBody .intebody-info a {
|
|
margin: 20px auto 0 auto;
|
|
}
|
|
.inteBody .intebody-info h2 {
|
|
margin: 15px 0 0 0;
|
|
}
|
|
}
|
|
|
|
/**/
|
|
@media screen and (max-width: 414px){
|
|
.mainitems .bodycnt .bodycnt-datails h2{
|
|
font-size: 22px;
|
|
margin: 15px 0 0 0;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-datails span{
|
|
margin: 14px auto 16px auto;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-datails p{
|
|
font-size: 14px;
|
|
}
|
|
.mainitems .bodycnt .bodycnt-datails{
|
|
left: 47px;
|
|
right: 47px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/*复制电话号码*/
|
|
.servers{
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 0;
|
|
z-index: 888888;
|
|
}
|
|
.servers img{
|
|
width: 50px;
|
|
} |