@import url(fyanimate.css);
.wxCon { position: relative; width: 100%; height: 1017px; background-color: #46c269; overflow: hidden; }
.wxCon .arrow { position: absolute; bottom: 20px; left: 50%; margin-left: -35px; width: 22px; height: 24px; background: url(../images/arrow3.png) no-repeat; -webkit-animation: goNextBtn 2s linear infinite; animation: goNextBtn 2s linear infinite; cursor: pointer; z-index: 3; }

.wxMainBg {cursor: pointer; position: absolute;display: none; left: 50%; bottom: 0; margin-left: -384px; width: 768px; height: 937px; background:url(../images/img8.png) center top no-repeat; }
.wxMainBg .menu1 {position: absolute; width: 112px; height: 112px; top: 213px; left: 127px; background: url(../images/wx.png) 0 -655px no-repeat; }
.wxMainBg .menu1 dt { line-height: 112px; }
.wxMainBg .menu1 dd { top: 85px; left: -235px; background: url(../images/wx.png) 0 -83px no-repeat; }
.wxMainBg .menu2 {position: absolute; width: 117px; height: 117px; top: 101px; left: 402px; background: url(../images/wx.png) 0 -767px no-repeat; }
.wxMainBg .menu2 dt { line-height: 117px; }
.wxMainBg .menu2 dd { top: 104px; left: 91px; background: url(../images/wx.png) 0 -39px no-repeat; }
.wxMainBg .menu3 { position: absolute; width: 120px; height: 120px; top: 368px; left: 122px; background: url(../images/wx.png) 0 -884px no-repeat; }
.wxMainBg .menu3 dd { top: 85px; left: -235px; background: url(../images/wx.png) 0 -171px no-repeat; }
.wxMainBg .menu4 { position: absolute; width: 120px; height: 120px; top: 273px; left: 564px; background: url(../images/wx.png) 0 -1004px no-repeat; }
.wxMainBg .menu4 dd { top: 104px; left: 91px; background: url(../images/wx.png) 0 -127px no-repeat; }
.wxMainBg dt { width: 100%; height: 100%; font-size: 20px; color: #fff; text-align: center; line-height: 120px; }
.wxMainBg dd { position: absolute; display: none; width: 243px; height: 44px; line-height: 1.4; color: #fff; font-size: 14px; 
	text-align: center; transform-origin: center center; padding: 3px 15px 0;box-sizing: border-box;}

.wxHand { position: absolute; bottom: -10px; left: 50%; margin-left: -115px; width: 249px; height: 686px; background: url(../images/img9.png) center top no-repeat; -webkit-animation: goNextBtn 2s linear infinite; }

@media (max-width:768px) {
    .wxMainBg{background: none;z-index: 1;}
    .wxHand{background-size: 70%;height: 70vh;}
    .wxCon{height: 100vh}
    .wxMainBg {left: 0; bottom: 0; margin-left: 0; width: 100%; height: 100%;}
    .wxCon .arrow {margin-left: -18px;}
    .wxMainBg .menu1{top: 83px; right: 7px;left: auto;}
    .wxMainBg .menu2{top: 83px; left: 7px;}
    .wxMainBg .menu3{top: 313px; right: 7px;left: auto;}
    .wxMainBg .menu4{top: 313px; left: 7px;}
    .wxMainBg dd{z-index: 99}
}