.frame-bg .back{    background: url(../images/zl/page_bg.jpg) no-repeat 50% 0;}
.framezl1 .frame-bg .back ,.frame1 .frame-bg .back{background: url(../images/zl/bg.jpg) no-repeat 50% 0;}
.framezl1 .frame-con{width: 1280px;height: 750px;margin-left: 0px;}

.snow {position: fixed;top: 0;color: #fff;z-index: 9999;}
.snow {position: absolute;top: 0;left: 0;z-index: 5;width: 100%;height: 877px;background: url(../images/zl/xue.png) 0 0;opacity: .4;animation: snowDrop linear 30s infinite;-webkit-animation: snowDrop linear 30s infinite;}
@-webkit-keyframes  snowDrop{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 2000px;
  }
}

@-moz-keyframes snowDrop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 2000px;
  }
}
@keyframes snowDrop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0px 2000px;
  }
}

.zi_1{position: absolute;width:129px;height:432px;top: 464px;left: 114px;color: #fff;background: url(../images/zl/font1.png) no-repeat;}
.zi_2{position: fixed;width:211px;height:425px;top: 22px;left: 861px;color: #fff;background: url(../images/zl/font2.png) no-repeat;}

.hua_1{position: fixed;width:605px;height:387px;bottom: 0;left:-218px;color: #fff;z-index: 9999;background: url(../images/zl/hua_1.png) no-repeat;transform-origin:73px 23px;animation: ahua_1 6s linear infinite;}
.hua_2{position: fixed;width:200px;height:393px;bottom: 0;right:-218px;;color: #fff;z-index: 9999;background: url(../images/zl/hua_2.png) no-repeat;transform-origin:100px 238px;animation: ahua_2 6s linear infinite;}
@keyframes ahua_1{
	0%{transform:rotateY(0) rotateZ(10deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(3deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(10deg);}
	
}
@keyframes ahua_2{
	0%{transform:rotateY(0) rotateZ(-13deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(5deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(-13deg);}
	
}
.title_new{background: url(../images/zl/font.png) no-repeat;width: 627px;height: 234px;position: absolute;top: -900px;left: 535px;/*opacity: 0;animation: leftout 1s 1s ease forwards;*/z-index: 888;}
/*@keyframes leftout{
	0%{transform: translateY(-900px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}*/

/* ΅ΖΑύ */
.bxdl{perspective:1000;-webkit-perspective:1000;transform-style: preserve-3d;position: relative;z-index: 99;width: 1000px;margin: 0 auto;}
.bxdl a{position: absolute;display: block;}
.dlo {background: url(../images/zl/dr1.png) no-repeat;}
.del_1{background: url(../images/zl/deng_1.png) no-repeat;width: 300px;height: 300px;top: 25px;left: -7px;transform-origin:73px 23px;animation: delo1 6s linear infinite;}
@keyframes delo1{
	0%{transform:rotateY(0) rotateZ(13deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(-13deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(13deg);}
	
}
.del_1:hover{background: url(../images/zl/deng_2.png) no-repeat;}
.del_2{background: url(../images/zl/deng_3.png) no-repeat;width: 300px;height: 300px;top: 13px;left: 165px;transform-origin:72px 20px;animation: delo2 6s linear infinite;}
@keyframes delo2{
	0%{transform:rotateY(0) rotateZ(-5deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(5deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(-5deg);}
	
}
.del_2:hover{background: url(../images/zl/deng_4.png) no-repeat;}
.del_3{background: url(../images/zl/deng_5.png) no-repeat;width: 300px;height: 300px;top: 17px;left: 331px;transform-origin:69px 20px;animation: delo3 6s linear infinite;}
@keyframes delo3{
	0%{transform:rotateY(0) rotateZ(9deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(-9deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(9deg);}
	
}
.del_3:hover{background: url(../images/zl/deng_6.png) no-repeat;}
.del_4{background: url(../images/zl/deng_7.png) no-repeat;width: 300px;height: 300px;top: 240px;left: -26px;transform-origin:69px 20px;animation: delo4 6s linear infinite;}
@keyframes delo4{
	0%{transform:rotateY(0) rotateZ(28deg);}
	25%{transform:rotateY(0) rotateZ(0);}
	50%{transform:rotateY(0) rotateZ(-8deg);}
	75%{transform:rotateY(0) rotateZ(0);}
	100%{transform:rotateY(0) rotateZ(28deg);}
	
}
.del_4:hover{background: url(../images/zl/deng_8.png) no-repeat;}



#menu li .n7{background: url(../images/zl/nav.png) -72px -205px no-repeat;}
#menu li .n7:hover,#menu li.active .n7{background-position:-231px -205px;}
#menu li .n8{background: url(../images/zl/nav.png) -72px -276px no-repeat;}
#menu li .n8:hover,#menu li.active .n8{background-position:-231px -276px;}
#menu li .n9{background: url(../images/zl/nav.png) -72px -348px no-repeat;}
#menu li .n9:hover,#menu li.active .n9{background-position: -231px -348px;}
#menu li .n10{background: url(../images/zl/nav.png) -72px -420px no-repeat;}
#menu li .n10:hover,#menu li.active .n10{background-position: -231px -420px;}
#menu li .n11{background: url(../images/zl/nav.png) -72px -491px no-repeat;}
#menu li .n11:hover,#menu li.active .n11{background-position:-231px -491px ;}


.framexzfb .frame-con{height: 750px;}
.framexzfb h2{position: absolute;right: -0px;display: block;background: url(../images/zl/icon.png) no-repeat -423px 0;width: 101px;height: 438px;text-indent: -999em;float: left;margin-top: 70px;/* margin-right: 20px; */}
.xzfb{width: 1179px;padding-top:15px;float: left;margin-right: 100px; }
.xzfb .swap-con{position: relative;width: 1180px;height: 780px;overflow: hidden;margin-left: 0px;margin-bottom: 15px;}
.xzfb .swap-con li{position: absolute;top: 0;left: 0;}
.xzfb .swap-con li .title{position:absolute;width:637px;height:201px;left: 414px;top: 34px;}
.xzfb .swap-dot{position: absolute;top: 118px;left: 975px;display: block;width: 191px;height: 592px;text-align: center;font-size: 0;}
.xzfb .swap-dot li{float: left;display: block;width: 191px;}
.xzfb .swap-dot li.n1{/* width: 115px; */}
.xzfb .swap-dot li.n6{width: 115px;}
.xzfb .swap-dot li a{display: block;width: 112px;height: 188px;}
.xzfb .swap-dot li.active{background: url(../images/zl/xzfb_1.png) no-repeat;}
.xzfb .swap-dot .n1{background: url(../images/zl/xzfb_2.png) no-repeat;}
.xzfb .swap-dot .n1.active{background: url(../images/zl/xzfb_1.png) no-repeat;}
.xzfb .swap-dot .n2{background: url(../images/zl/xzfb_8.png) no-repeat;}
.xzfb .swap-dot .n2.active{background: url(../images/zl/xzfb_7.png) no-repeat;}
.xzfb .swap-dot .n3{background: url(../images/zl/xzfb_13.png) no-repeat;}
.xzfb .swap-dot .n3.active{background: url(../images/zl/xzfb_12.png) no-repeat;}
.framexzfb .swap-nav{float: left;border-left: 2px solid #6d634f;margin-top: 10px;padding-top: 30px;}
.framexzfb .swap-nav li{background: url(../images/dot_hover.png) no-repeat 0 50%;padding-left: 30px;font-size: 28px;line-height: 48px;margin-bottom: 40px;margin-left: -9px;}
.framexzfb .swap-nav a{color: #86724d;;}
.framexzfb .swap-nav a:hover{color: #d6ba86;}
.framexzfb .swap-nav .active a{color: #d6ba86;}

.framewssj .frame-con{height: 750px;}
.framewssj h2{position: absolute;right: -50px;position: absolute;right: -50px;display: block;background: url(../images/zl/icon.png) no-repeat -106px 0;width: 101px;height: 438px;text-indent: -999em;float: left;margin-top: 70px;margin-right: 20px;}
.wssj{width: 1000px;padding-top:15px;float: left;margin-right: 100px;}
.wssj .swap-con{position: relative;width: 1000px;height: 670px;overflow: hidden;margin-left: 14px;margin-bottom: 29px;}
.wssj .swap-con li{position: absolute;top: 0;left: 0;}
.wssj .swap-dot{position: relative;display: block;margin-left: 118px;width: 898px;height: 111px;text-align: center;font-size: 0;background: url(../images/zl/wssj_2.png) 0 -0px no-repeat;z-index:2}
.wssj .swap-dot-bg{position: absolute;top: 750px;left: -1px;display: block;margin-left: 118px;width: 898px;height: 111px;text-align: center;font-size: 0;background: url(../images/zl/wssj_2.png) 0 -219px no-repeat;z-index:0;}
.wssj .swap-dot li{float: left;display: block;width: 170px;cursor:pointer;}
.wssj .swap-dot li.n1{width: 272px;}
.wssj .swap-dot li.n6{width: 115px;}
.wssj .swap-dot li a{display: block;width: 112px;height: 107px;}
.wssj .swap-dot li.active{background: url(../images/zl/wssj_2.png) no-repeat;}
.wssj .swap-dot .n1.active{background-position: 0 -109px;}
.wssj .swap-dot .n2.active{background-position: -273px -109px;}
.wssj .swap-dot .n3.active{background-position: -441px -109px;}
.wssj .swap-dot .n4.active{background-position: -613px -109px;}
.wssj .swap-dot .n5.active{background-position: -439px -15px;}
.wssj .swap-dot .n6.active{background-position: -547px -15px;}
.wssj .swap-dot .n7.active{background-position: -662px -15px;}
.wssj .swap-dot .n8.active{background-position: -770px -15px;}
.wssj .swap-dot .n9.active{background-position: -878px -15px;}
.wssj .gameintro{position:absolute;top: 44px;left: 237px;width: 748px;line-height: 34px;font-size: 14px;color: #ffecba;}
.wssj .gameintro span{float:left;width: 35px;height: 35px;margin-bottom: 63px;background: url(../images/zl/icon.png) -15px -4px no-repeat;}
.wssj .gameintro2{position:absolute;top: 311px;left: -1px;width: 687px;line-height: 34px;font-size: 14px;color: #ffecba;}
.wssj .gameintro2 span{float:left;width: 79px;height: 33px;margin-bottom: 0px;color:##ffd76d;}
.wssj .tx{position:absolute;left: 77px;top: 60px;width: 139px;height: 150px;background: url(../images/zl/wssj_1.png) -12px -2px no-repeat;}
.wssj .tx2{background-position: -145px -2px;}
.wssj .tx3{background-position: -271px -2px;}
.wssj .tx4{background-position: -418px -2px;}
.wssj .zwjn{position:absolute;left: 61px;top: 252px;width: 89px;height: 113px;background: url(../images/zl/wssj_1.png) -546px -22px no-repeat;}
.framewssj .swap-nav{float: left;border-left: 2px solid #6d634f;margin-top: 10px;padding-top: 30px;}
.framewssj .swap-nav li{background: url(../images/dot_hover.png) no-repeat 0 50%;padding-left: 30px;font-size: 28px;line-height: 48px;margin-bottom: 40px;margin-left: -9px;}
.framewssj .swap-nav a{color: #86724d;;}
.framewssj .swap-nav a:hover{color: #d6ba86;}
.framewssj .swap-nav .active a{color: #d6ba86;}

.skills{position: absolute;}
.skills-con{position: absolute;top: 367px;left: 76px;width: 60px;height: 286px;}
.skills-con .skill{cursor: pointer;width: 58px;height: 56px;margin-bottom: 11px;position: relative;z-index: 2;background: url(../images/zl/wssj_1.png) no-repeat;}
.skills-con .s1{background-position:-22px -182px;}
.skills-con .s2{background-position:-22px -247px;}
.skills-con .s3{background-position:-22px -315px;}
.skills-con .s4{background-position:-22px -380px;}
.skills-con .s21{background-position:-162px -182px;}
.skills-con .s22{background-position:-162px -247px;}
.skills-con .s23{background-position:-162px -315px;}
.skills-con .s24{background-position:-162px -380px;}
.skills-con .s31{background-position:-301px -182px;}
.skills-con .s32{background-position:-301px -247px;}
.skills-con .s33{background-position:-301px -315px;}
.skills-con .s34{background-position:-301px -380px;}
.skills-con .s41{background-position: -441px -182px;}
.skills-con .s42{background-position:-441px -247px;}
.skills-con .s43{background-position:-441px -315px;}
.skills-con .s44{background-position:-441px -380px;}
.skills .skill{position: absolute; cursor: pointer;}
.skills-con .skill p{position: absolute;left: 233px;transform:translate(-50%,0);color: #ffecba;padding: 11px 25px;width: 282px;height: 81px; opacity: 0; display: none; bottom:100%;line-height: 27px;transition: all .5s;background: url(../images/zl/wssj_12.png) no-repeat;}
.skills-con .skill p.two{line-height: 30px;padding: 19px 25px;height: 65px;}
.skills-con .skill p strong{color: #fed66d;}
.skills-con .skill:hover p{display: block;opacity:1;top: -7px;}
.wssjnav{width: 685px;height: 403px;position: absolute;top: 243px;left: 239px;}
.wssjnav .hd{}
.wssjnav .hd img{display:block;width: 100%;margin-top: -40px}
.wssjnav .lhd img{margin-top: -33px;}
.wssjnav .rhd{display:none;}
.wssjnav .lhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/long.png) no-repeat;}
.wssjnav .rhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/niu.png) no-repeat;}
.wssjnav .bd{width:94px;margin:0 auto;position: absolute;top: 0;left: 0;z-index: 2;}
.wssjnav .larrow{position: absolute;left: -58px;top: 162px;display: block;width:42px;height:45px;background: url(../images/zl/icon.png) -0px -47px no-repeat;margin-right:10px;}
.wssjnav .larrow:hover,.wssjnav .larrow.on{background: url(../images/zl/icon.png) -0px -106px no-repeat;}
.wssjnav .rarrow{position: absolute;top: 162px;left: 694px;display: block;width:42px;height:45px;background: url(../images/zl/icon.png) -56px -50px no-repeat;}
.wssjnav .rarrow:hover,.wssjnav .rarrow.on{background: url(../images/zl/icon.png) -56px -109px no-repeat;}

/**/
.framebqmz .frame-con{height: 750px;}
.framebqmz h2{position: absolute;right: -50px;display: block;background: url(../images/zl/icon.png) no-repeat -212px 0;width: 101px;height: 438px;text-indent: -999em;float: left;margin-top: 70px;margin-right: 20px;}
.bqmz{width: 1000px;padding-top:15px;float: left;margin-right: 100px;}
.bqmz .swap-con{position: relative;width: 1000px;height: 670px;overflow: hidden;margin-left: 14px;margin-bottom: 29px;}
.bqmz .swap-con li{position: absolute;top: 0;left: 0;}
.bqmz .swap-dot{position: relative;display: block;margin-left: 0px;width: 982px;height: 111px;text-align: center;font-size: 0;z-index:2;    padding-top: 64px;}
.bqmz .swap-dot-bg{position: absolute;top: 750px;left: -1px;display: block;margin-left: 118px;width: 898px;height: 111px;text-align: center;font-size: 0;background: url(../images/zl/bqmz_2.png) 0 -219px no-repeat;z-index:0;}
.bqmz .swap-dot li{float: left;display: block;width: 481px;cursor:pointer;background: url(../images/zl/bqmz_1.png) no-repeat;}
.bqmz .swap-dot li.n1{}
.bqmz .swap-dot li.n6{width: 115px;}
.bqmz .swap-dot li a{display: block;width: 112px;height: 71px;}
.bqmz .swap-dot li.active{}
.bqmz .swap-dot .n1{background-position: 0 -253px;}
.bqmz .swap-dot .n1.active{background-position: 0 -174px;}
.bqmz .swap-dot .n2{background-position: 0 -96px;}
.bqmz .swap-dot .n2.active{background-position: -0px -17px;}
.bqmz .zmdiv{display:block;position: absolute;top: 99px;left: 75px;width: 805px;}
.bqmz .zmdiv img{display:block;margin:0 auto;}
.bqmz .gameintro{position:absolute;top: 384px;left: 14px;width: 748px;line-height: 32px;font-size: 14px;color: #ffecba;}
.bqmz .gameintro2{left: -51px;width: 810px;top: 366px;}
.bqmz .gameintro span{float:left;width: 35px;height: 35px;margin-bottom: 63px;background: url(../images/zl/icon.png) -15px -4px no-repeat;}
.bqmz .gameintro em{color:#ffd76d;}
.bqmz .tx{position:absolute;left: 77px;top: 37px;width: 253px;height: 50px;background: url(../images/zl/bqmz_1.png) -23px -394px no-repeat;}
.bqmz .tx2{background-position: -16px -345px;}
.framebqmz .swap-nav{float: left;border-left: 2px solid #6d634f;margin-top: 10px;padding-top: 30px;}
.framebqmz .swap-nav li{background: url(../images/dot_hover.png) no-repeat 0 50%;padding-left: 30px;font-size: 28px;line-height: 48px;margin-bottom: 40px;margin-left: -9px;}
.framebqmz .swap-nav a{color: #86724d;;}
.framebqmz .swap-nav a:hover{color: #d6ba86;}
.framebqmz .swap-nav .active a{color: #d6ba86;}

.bqmznav{width: 685px;height: 403px;position: absolute;top: 106px;left: 140px;}
.bqmznav .item{display:none;}
.bqmznav .item.on{display:block;}
.bqmznav .hd{}
.bqmznav .hd img{display:block;width: 550px;margin-top: -3px;margin: 0 auto;}
.bqmznav .lhd img{}
.bqmznav .rhd{display:none;}
.bqmznav .lhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/long.png) no-repeat;}
.bqmznav .rhd a{position:relative;display: block;width:164px;height:164px;background: url(../images/niu.png) no-repeat;}
.bqmznav .bd{width:94px;margin:0 auto;position: absolute;top: 0;left: 0;z-index: 2;}
.bqmznav .larrow{position: absolute;left: -58px;top: 162px;display: block;width:42px;height:45px;background: url(../images/zl/icon.png) -0px -47px no-repeat;margin-right:10px;}
.bqmznav .larrow:hover,.bqmznav .larrow.on{background: url(../images/zl/icon.png) -0px -106px no-repeat;}
.bqmznav .rarrow{position: absolute;top: 162px;left: 694px;display: block;width:42px;height:45px;background: url(../images/zl/icon.png) -56px -50px no-repeat;}
.bqmznav .rarrow:hover,.bqmznav .rarrow.on{background: url(../images/zl/icon.png) -56px -109px no-repeat;}

/**/
.frameyhzl .frame-con{height: 750px;}
.frameyhzl h2{position: absolute;right: -50px;display: block;background: url(../images/zl/icon.png) no-repeat -317px 0;width: 101px;height: 438px;text-indent: -999em;float: left;margin-top: 70px;margin-right: 20px;}
.yh{width: 987px;padding-top:15px;float: left;margin-right: 100px;}
.yh .swap-con{position: relative;width: 967px;height: 580px;overflow: hidden;margin-left: 14px;margin-bottom: 15px;}
.yh .swap-con li{position: absolute;top: 0;left: 0;}
.yh .swap-dot{display: block;width: 986px;height: 188px;text-align: center;font-size: 0;background: url(../images/zl/yhzl_1.png) 0 -206px no-repeat;}
.yh .swap-dot li{float: left;display: block;width: 108px;}
.yh .swap-dot li.n1{width: 115px;}
.yh .swap-dot li.n6{width: 115px;}
.yh .swap-dot li a{display: block;width: 112px;height: 188px;}
.yh .swap-dot li.active{background: url(../images/zl/yhzl_1.png) no-repeat;}
.yh .swap-dot .n1.active{background-position:0 -15px;}
.yh .swap-dot .n2.active{background-position: -115px -15px;}
.yh .swap-dot .n3.active{background-position: -223px -15px;}
.yh .swap-dot .n4.active{background-position: -331px -15px;}
.yh .swap-dot .n5.active{background-position: -439px -15px;}
.yh .swap-dot .n6.active{background-position: -547px -15px;}
.yh .swap-dot .n7.active{background-position: -662px -15px;}
.yh .swap-dot .n8.active{background-position: -770px -15px;}
.yh .swap-dot .n9.active{background-position: -878px -15px;}
.frameyhzl .swap-nav{float: left;border-left: 2px solid #6d634f;margin-top: 10px;padding-top: 30px;}
.frameyhzl .swap-nav li{background: url(../images/dot_hover.png) no-repeat 0 50%;padding-left: 30px;font-size: 28px;line-height: 48px;margin-bottom: 40px;margin-left: -9px;}
.frameyhzl .swap-nav a{color: #86724d;;}
.frameyhzl .swap-nav a:hover{color: #d6ba86;}
.frameyhzl .swap-nav .active a{color: #d6ba86;}