ul{list-style: none;margin: 0;padding: 0;}
/*第一个板块的背景*/
.bg1{height: 903px;background:url(../img/bg1_01.jpg) no-repeat center top;overflow: hidden;}
.bg1 .warp{width: 1000px;height: 100%;margin: 0 auto;position: relative;}
.bg1 .warp .logo{position: absolute;top: 20px;left: 20px;}
.bg1 .warp .fontefe{position: absolute;left: -100px;top: 200px;z-index: 30;}
/*人物*/
.manwarp{height: 1300px;position: absolute;top: 0;width: 100%;overflow: hidden;}
.manwarp .warp{width: 1000px;height: 100%;position: relative;margin: 0 auto;}
.manwarp .warp .man{position: absolute;top: -130px;z-index: 10;right: -450px;opacity: 0;}
.donghua{animation:  people 1s ease-out forwards;}
/*二维码*/
.manwarp .warp .qrcode{position: absolute;top: 665px;left: 30px;font-size:0 ;z-index: 20;}
.manwarp .warp .qrcode span{font-size:48px ;text-shadow: 0 1px 3px rgba(255,255,255,1); font-weight:bold;}
.manwarp .warp .qrcode div{display: inline-block;margin-right: 30px;}
.manwarp .warp .qrcode img{width: 185px;}
.manwarp .warp .qrcode div p{height: 20px;text-align: center;color: white;line-height: 20px;font-size: 17px;padding-top:10px ;}
/*第二个板块的背景*/
.bg2{height: 903px;background: url(../img/bg2_02.jpg) no-repeat center top;position: relative;}
.bg2 .icon1{width: 132px;height: 134px;position: absolute;top:-67px;left: 50%;margin-left: -66px;background: url(../img/number.png) left top no-repeat;z-index: 300;}
.bg2 .warp{width: 1000px;height: 100%;margin: 0 auto;position: relative;}
.bg2 .warp .video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width:710px;height: 398px;overflow: hidden;border: 5px solid #31708F;box-shadow: 0px 5px 20px 5px rgba(0,0,0,.6);}
.bg2 .warp .video img{transition: all .3s;}
.bg2 .warp:hover .video img{transform: scale(1.1);}
/*第三个板块的背景*/
.bg3{height: 610px;background: url(../img/bg3.jpg) no-repeat center top;position: relative;}
.bg3 .icon1{width: 132px;height: 134px;position: absolute;top:-67px;left: 50%;margin-left: -66px;background: url(../img/number.png) -132px top no-repeat;z-index: 300;}
.bg3:hover{background: url(../img/bg3.jpg) no-repeat center bottom;}
/*第四个板块的背景*/
.bg4{height: 610px;background: url(../img/bg4.jpg) no-repeat center top;position: relative;}
.bg4 .icon1{width: 132px;height: 134px;position: absolute;top:-67px;left: 50%;margin-left: -66px;background: url(../img/number.png) -264px top no-repeat;z-index: 300;}
.bg4:hover{background: url(../img/bg4.jpg) no-repeat center bottom;}
/*第五个板块的背景*/
.bg5{height: 610px;background: url(../img/bg5.jpg) no-repeat center top;position: relative;}
.bg5 .icon1{width: 132px;height: 134px;position: absolute;top:-67px;left: 50%;margin-left: -66px;background: url(../img/number.png) -396px top no-repeat;z-index: 300;}
.bg5:hover{background: url(../img/bg5.jpg) no-repeat center bottom;}
/*第六个板块的背景*/
.bg6{height: 610px;background: url(../img/bg6.jpg) no-repeat center top;position: relative;}
.bg6 .icon1{width: 132px;height: 134px;position: absolute;top:-67px;left: 50%;margin-left: -66px;background: url(../img/number.png) -528px top no-repeat;z-index: 300;}
.bg6:hover{background: url(../img/bg6.jpg) no-repeat center bottom;}

/**/
.videoBg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.8);z-index: 900;display: none;}
.videoPlay{width: 800px;height: 450px;position: fixed;top: 50%;left: 50%;margin-left: -400px;margin-top: -275px;z-index: 1001;display: none;}

/*动画*/
@keyframes people{
	from{right: -650px;opacity: 0;}
	to{right: -450px;opacity: 1;}
}