@charset "utf-8";
/* CSS Document */

body{ color:#fff; font-family:"Microsoft Yahei"; text-align:center;}

.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
    }


		.box{position: relative;width:100%; height:100%;margin:0 auto;display: block;}

        .pic1{position: absolute;left: 130px; top:10px; height:100%; z-index: 114;}
		.pic2{position: absolute;right:200px; top:10px; height:100%; z-index: 114;}
		.pic3{position: absolute;left:0; top:0; width:100%; z-index: 113;}
		.pic1>img{ height:100%; display:block;}
		.pic2>img{ height:100%; display:block;}
        .main{position: relative; height:100%;}
.section .bot{
	position: absolute;
	bottom: 10px;
	text-align: center;
	width:100%;
	z-index:999;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	}
.section .bot p, .section .bot p a{
	font-size:14px;
	color:#fff;
	}
.section .bot p a:hover{
	color:#e6212a;
	transition: all 0.3s linear;
	}
	
#fullpage{position:fixed!important; width:100%; top:0;}

.mousetip>a{
	display:block;
	width:100%;
	height:100%;
	}
.mousetip{
background:url(../images/mousetip.png) no-repeat center;
cursor: pointer;
position: absolute;
z-index: 999;
bottom: 40px;
left: 50%;
margin-left: -49px;
background-size: 98px 38px;
width: 98px;
height: 38px;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: BIcon;
animation-iteration-count: infinite;
}



.section1{
	background:url(../images/home1.jpg) no-repeat center/cover;
	}
.section2{
	background:url(../images/home2.jpg) no-repeat center/cover;
	}
.section3{
	background:url(../images/home3.jpg) no-repeat center/cover;
	}
.section4{
	background:url(../images/home4.jpg) no-repeat center/cover;
	}
.section5{
	background:url(../images/home5.jpg) no-repeat center/cover;
	}
.section1-phone{
	background:url(../images/home1_wap.jpg) no-repeat center/cover;
	}
.section2-phone{
	background:url(../images/home2_wap.jpg) no-repeat center/cover;
	}
.section3-phone{
	background:url(../images/home3_wap.jpg) no-repeat center/cover;
	}
.section4-phone{
	background:url(../images/home4_wap.jpg) no-repeat center/cover;
	}
.section5-phone{
	background:url(../images/home5_wap.jpg) no-repeat center/cover;
	}

.swiper-slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background:url(../images/banner_bg.png) center;
    z-index: 5;
    display: block;
}
.swiper-slide .video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	width:100%;
}
.swiper-slide .img{
	width:8%;
	top:0;
    left: 46%;
	position:absolute;
	z-index:9;
	}
.swiper-slide video#bgvid {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../images/banner1.jpg) center center no-repeat;
    background-size: cover;
}
.swiper-slide:first-child{
	display:block;
	}

.swiper-slide:nth-child(2){
	display:none;
	}
	
	


@media (max-width: 996px){
.box{
	opacity:0;
	}
.swiper-slide:before{
	background:none;
	}
.swiper-slide:first-child{
	display:none;
	}
.swiper-slide:nth-child(2){
	display:block;
	}
.section .bot p, .section .bot p a{
	font-size:12px;
	line-height:16px;
	}

.section1{
	background:url(../images/home1_wap.jpg) no-repeat center/cover;
	}
.section2{
	background:url(../images/home2_wap.jpg) no-repeat center/cover;
	}
.section3{
	background:url(../images/home3_wap.jpg) no-repeat center/cover;
	}
.section4{
	background:url(../images/home4_wap.jpg) no-repeat center/cover;
	}
.section5{
	background:url(../images/home5_wap.jpg) no-repeat center/cover;
	}
}