html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: arial, 微软雅黑;
}
.header {
width: 100%;
height: 75px;
padding:10px 0 0 0;
background-color: #ebebeb;
clear: both;
}
.nav {
width: 1024px;
margin: 0 auto;
}
.nav li {
float: left;
width: 130px;
height: 45px;
line-height:45px;
list-style: none;
text-align: center;
font-size: 16px;
color: #ccc;
text-shadow: 1px 1px 1px #000;
cursor: pointer;
}
.current {
background-color: #00ccff;
border-radius: 5px;
box-shadow: 1px 1px 2px #e9e9e9;
color: #fff!important;
cursor: pointer;
}
.logo{
font-weight: 400;
font-size: 28px!important;
font-style: oblique;
font-family: arial, 微软雅黑;
color:#5EC0EF!important;
margin-right:30px!important;
margin-left: -100px;
text-shadow: 1px 1px 1px #5EC0EF!important;
}
.container {
background: #0cf;
height: 750px;
padding: 50px 0 100px 0;
color: #fff;
width: 100%!important;
}
.slider {
width: 1024px;
margin: 0 auto;
}
.slider, .slider img {
height: 600px !important
}
.carousel-inner .item p {
margin: 25px;
text-indent: 20px;
}
.appsWrap {
width: 1024px;
margin: 0 auto;
}
.appsWrap h1 {
border-left: 5px solid #00cdff!important;
text-indent: 10px;
}
.itemList {
height: 110%;
clear: both!important;
margin: 30px auto;
font-size: 12px;
font-family: 微软雅黑;
-webkit-padding-start: 0 !important;
-moz-padding-start: 0 !important;
padding-start: 0 !important
}
.itemList li {
float: left;
list-style: none;
margin: 20px 19px;
width: 300px;
height: 203px;
border: 1px solid #d2d2d2;
background: #ebebeb
}
.itemList li:hover {
float: left;
list-style: none;
margin: 20px 19px;
width: 300px;
height: 203px;
border: 1px solid #d2d2d2;
background: #ebebeb;
position: relative
}
.itemList li img {
position: relative;
width: 100%
}
.itemList li img:hover {
position: relative;
top: -20px;
left: -30px;
width: 120%;
z-index: 5;
margin-bottom: -25px
}
.imgContent {
width: 90%;
margin: 10px auto
}
.carousel-indicators {
top: 550px
}
.imgContent label {
position: absolute
}
.downloadBtn {
width: 80px;
height: 30px;
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
background: #00cdff;
border: 0;
float: right;
margin-top: 5px;
animation: jump .8s infinite;
position: relative;
cursor: pointer;
}
.downloadBtn:hover {
animation: jump 0s infinite
}
@keyframes jump {
0% {
top: 0;
animation-timing-function: ease-in
}
50% {
top: 10px;
height: 30px;
animation-timing-function: ease-out
}
55% {
top: 10px;
height: 30px;
animation-timing-function: ease-in
}
65% {
top: 5px;
height: 30px;
animation-timing-function: ease-out
}
95% {
top: 0;
animation-timing-function: ease-in
}
100% {
top: 0;
animation-timing-function: ease-in
}
}
.pop {
width: 850px;
margin: 40px auto;
min-height: 670px;
border-radius: 5px;
-webkit-border-radius: 5px;
background: #f7f7f7;
font-family: arial, 微软雅黑;
font-size: 12px;
color: #666;
position: relative;
display: none
}
.popContent {
width: 760px;
margin: 0 auto;
}
.popContent ul li {
list-style: none
}
.popHeader {
padding-left: 105px;
position: relative;
min-height: 86px
}
.popHeader h4 {
padding-top: 15px
}
.item-icon {
position: absolute;
width: 80px;
height: 80px;
left: 0
}
.item-icon img {
width: 100%;
display: inline-block
}
.sliderItem {
width: 130px;
height: 217px;
margin: 0 10px;
list-style: none;
float: left;
}
.sliderItem img {
width: 100%
}
.popBody {
position: relative;
height: 217px;
padding-left: 60px;
margin-top: 20px
}
.arrowBtn {
position: absolute;
top: 40%;
cursor: pointer
}
.l20 {
left: 20px
}
.r60 {
right: 60px
}
.closePop {
position: absolute;
right: -12px;
top: -12px;
cursor: pointer;
z-index: 10
}
.installBtn {
width: 80px;
height: 40px;
border-radius: 5px;
-webkit-border-radius: 5px;
background: #689f39;
color: #fff;
border: 0;
position: absolute;
right: 50px;
cursor: pointer;
z-index: 10;
text-align: center;
line-height: 40px;
text-decoration: none
}
.companyInfo {
font-size: 14px;
color: #777
}
.companyInfo p {
text-indent: 20px;
}
.slider .carousel-control {
top: 250px !important
}
.footer {
position: fixed;
bottom: 0;
width: 100%;
background-color: #010101;
opacity: 0.9;
height: 40px;
line-height: 40px;
}
.footer p {
width: 1024px;
margin: 0 auto;
font-size: 12px;
color: #fff;
text-align: center;
}