/*2019-3-14 首页改版
*/
html,body{
width: 100%;
height: 100%;
}
.banner-containerBox{
width: 100%;
height: 100%;
position: relative;
}
.footer{
width: 100%;
padding-top:40%;
}
.videoPlayer-box{
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.3);
left: 0;
top: 0;
overflow: hidden;
display: none;
}
.videoPlayer-box .videoContainer{
width: 66.67%;
height: 66.67%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background:rgba(0,0,0,1);
}
.videoContainer .index-video{
width: 100%;
height: 100%;
}
.videoPlayer-box.videoContainer-anime{
display: block;
}
.videoPlayer-box.videoContainer-anime .videoContainer{
-webkit-animation:videoContainer-anime 0.5s ease both;
animation:videoContainer-anime 0.5s ease both;
}
@-webkit-keyframes videoContainer-anime {
0% {
    opacity: 0;
    -webkit-transform:translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    -o-transform: translate(-50%,-100%);
    -moz-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
}
100% {
    opacity: 1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
}
@keyframes videoContainer-anime {
0% {
    opacity: 0;
    -webkit-transform:translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
100% {
    opacity: 1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
}
/*轮播主体*/
.slide-bg-init{
width: 100%;
height: 100%;
}
.slide-bg1{
background: url("../images/indeximg/1-1.png") no-repeat center;
background-size: cover;
}
.slide-bg2{
background: url("../images/indeximg/1-2.png") no-repeat center;
background-size: cover;
}
.slide-bg3{
background: url("../images/indeximg/1-3.png") no-repeat center;
background-size: cover;
}

.button{
  border: none;
  color: white;
  margin: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  cursor: pointer;

}

.twocontentbg3{/*第二屏内容*/
height: 300px;
width: 75%;
left: 13%;
position: absolute;
top: 38%;
}
.fourcontentbg3{/*第四屏内容*/
height: 260px;
width: 75%;
left: 14%;
position: absolute;
top: 30%;
}
.fivecontentbg3{/*第五屏内容*/
height: 400px;
width: 85%;
left: 10%;
position: absolute;
top: 30%;
}
.Company{/*公司介绍*/
height: 100%;
width:28%; 
float:left;
margin-left:4%
}
.company-text{
margin-top:10%;
}
.Solution{/*解决方案*/
height: 100%;
width:33%; 
float:left;
}

.background-Solution{/*解决方案*/
height: 62%;
width:26%;
float:left;
display: block;
}

#lastBanner .swiper-slide img{
	width:100%;
	height:70%;
}
.contact{/*联系我们*/
height: 100%;
width:50%; 
float:left;
}
.middle{ margin-top:5px; margin-right:auto; margin-left:auto;}
.middle p{ line-height:50px; font-size:16px;}
.middle h4{font-size:17px;}
.middle a{ text-decoration:underline;}
.middle a:hover{ color:#FF0004;}
.toNextContainer{
position: absolute;
bottom: 2.87%;
left: 50%;
-webkit-transform:translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
transform: translate(-50%,0);
font-size:0.14rem;
display: inline-block;
cursor: pointer;
}
.toNextContainer>img{
width: 0.44rem;
height: 0.16rem;
display: block;
margin-top: 0.08rem;
margin-left: 50%;
-webkit-transform:translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
transform: translate(-50%,0);
}

.two-title{
width: 100%;
text-align: center;
display: inline-block;
height:0.61rem;
font-size:0.48rem;
font-weight:bold;
color:rgba(245,253,255,1);
line-height:0.61rem;
position: absolute;
top:12%;
}

.foot-container{
width: 100%;
position: absolute;
left: 0;
top:0;
height: auto;
}
.foot-container .foot-bg5{
width: 100%;
display: block;
}
#lastBanner.swiper-container{
width: 100%;
height:50%;
position: absolute;
top:30%;
left: 18%;
}
#lastBanner .swiper-wraper{
width: 60.36rem;
-webkit-transition: all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition: all 0.3s ease;
}
#lastBanner .swiper-slide{
width: 4rem;
height: 4rem;
margin-right: 0.3rem;
float: left;
}

.morebutton{
position: absolute;
top: 79%;
text-align: center;
z-index: 2;
width: 100%;
margin:0 auto;
}
.control-bar{
position: absolute;
top: 65%;
text-align: center;
z-index: 2;
width: 100%;
}
.control-bar .bar-item{
width:1rem;
height:0.07rem;
background:rgba(255,255,255,1);
opacity:0.3;
border-radius: unset;
margin-left: 0.3rem;
display: inline-block;
cursor: pointer;
}
.control-bar .bar-item.active{
opacity:1!important;
}