@charset "gb2312";
/*初始化样式*/
body {font-size: 60px;background-color: #000;/*font-family: 微软雅黑, Microsoft YaHei, Helvetica, Tahoma, StSun, 宋体, SimSun, sans-serif;color: #444;background-color: #F5F5F5;*/margin: 0px;padding: 0px;width: 100%;height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;/* Fix of Webkit flickering */position: fixed;}
ul {margin: 0px;padding: 0px;}
li {list-style: none;}
img{display:block;border:0;}
/*公共样式*/
.opac{opacity: 0;}
.swiper-container{width: 640px;margin: 0 auto;position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;/* Fix of Webkit flickering */z-index: 100;}
.swiper-slide{width: 100%;height: 100%;position: relative;z-index: 998;}
.swiper-slide .cont div{position: absolute;}

.slide1{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e47cae9d92/bg1.jpg) no-repeat center center;background-size: cover;}
.slide1 .loading{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/loading.gif) no-repeat;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -50px;background-size: contain;}
.slide1 .loading .txt{font: 16px/100px "微软雅黑";color: #FFF;text-align: center;}
.slide1 .cont{display: none;}
.slide1 .cont div{opacity: 0;}
.slide1 .logo{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/logo.png) no-repeat;width: 120px;height: 76px;top: 1.7%;left: -300px;}
.slide1 .tit1{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/tit1.png) no-repeat;width: 140px;height: 223px;top: 11.1%;left: -300px;}
.slide1 .tit2{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/tit2.png) no-repeat;width: 117px;height: 188px;top: 31%;right: -300px;}
.slide1 .xiaofeng{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/xiaofeng.png) no-repeat;width: 480px;height: 539px;top: -300px;left: 16.9%;}
.slide1 .quan{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/quan.png) no-repeat;width: 356px;height: 356px;top: 12.2%;left: 22.2%;}
.slide1 .pao1{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/pao1.png) no-repeat;width: 513px;height: 427px;top: 7%;left: 15.5%;}
.slide1 .pao2{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/pao2.png) no-repeat;width: 506px;height: 374px;top: 5%;left: 12.5%;}
.slide1 .pao3,.slide1 .pao4,.slide1 .pao5{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/pao1.png) no-repeat;width: 513px;height: 427px;top: 7%;left: 15.5%;}
.slide1 .txt1{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/txt.png) no-repeat;width: 334px;height: 209px;top: 63.5%;left: 50%;margin-left: -167px;}
.slide1 .btn{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/join_btn.png) no-repeat;width: 241px;height: 62px;bottom: 4.5%;left: 50%;margin-left: -120px;}

.slide2{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/bg2.jpg) no-repeat center center;background-size: cover;}
.slide2 .logo{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/logo.png) no-repeat;width: 120px;height: 76px;top: 1.7%;left: 4.7%;}
.slide2 .txt{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/txt2.png) no-repeat;width: 322px;height: 74px;top: 19.8%;left: 50%;margin-left: -161px;}
.slide2 .photo-cont{width: 90%;height: 320px;top: 31.7%;left: 5%;background: #FFF;border-radius: 10px;}
.slide2 .btn{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/chou_btn.png) no-repeat;width: 241px;height: 62px;top: 75.3%;left: 50%;margin-left: -120px;}
.slide2 .photo-cont .tel-box{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/photo_txt.png) no-repeat left 30px;padding-left: 140px}
.slide2 .photo-cont .tel,.slide2 .photo-cont .yzm{width: 326px;height: 46px;border: 1px solid #1775e6;border-radius: 10px;font: 24px/46px "微软雅黑";color: #323232;text-indent: 0.5em;}
.slide2 .photo-cont .submit{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/yan_btn.png) no-repeat;width: 154px;height: 45px;border: none;margin-left: 140px;float: left;  margin-top: 15px;}
.slide2 .photo-cont .yzm-box{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/yan_txt.png) no-repeat 30px 30px;padding-left: 140px;}
.photo-cont-box{width: 475px;height: 218px;position: absolute;top: 50%;left: 50%;margin: -109px 0 0 -237px;}
.photo-cont-box .second{font: 18px/68px "微软雅黑";display: none;float: left;}
.photo-cont-box .second i{color: #FF0000;font-style: normal;}

.slide3{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/bg3.jpg) no-repeat center center;background-size: cover;}
.slide3 .logo{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/logo.png) no-repeat;width: 120px;height: 76px;top: 1.7%;left: 4.7%;}
.slide3 .cont{width: 100%;height: 100%;max-width: 640px;margin: 0 auto;/*background: url(http://2.zol-img.com.cn/zt/tm_54c/af0d14e6c1/zhuang_bg.jpg) no-repeat center top;*/position: relative;margin-top: -3px;}
img#cont-img {width: 100%;position: absolute;}
.cont-rota{position: absolute;top: 5.5%;left: 50%;margin-left: -316px;}
.dizuo{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/dizuo.png) no-repeat;width: 325px;height: 270px;top: 44.3%;left: 50%;margin-left: -162px;}
.tishi-txt{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/tishi.png) no-repeat;width: 446px;height: 40px;top: 82%;left: 50%;margin-left: -223px;}
.rotary-pic{width: 100%;}
.rotaryArrow{width: 50%;position:absolute;top: 25%;cursor:pointer;left: 25%;}
.rotaryArrow img{width: 100%;margin: 0;}
.rotaryArrow1{width: 50%;position:absolute;top: 25%;cursor:pointer;left: 25%;}
.rotaryArrow1 img{width: 100%;margin: 0;}
.rotary-txt{font: 16px/24px "微软雅黑";color: #FFF;text-align: center;width: 100%;max-width: 640px;position: relative;margin: 0 auto;}
.rotary-txt img{width: 100%;margin-top: 11px;}
.rotary-txt .txt{position: absolute;top:5%;left: 50%;min-width: 290px;margin-left: -145px;margin-bottom: 50px;/*margin-bottom: 30px;margin: 0 auto 30px;margin-top: -80px;*/}

.result-hui{position: fixed !important;width: 100%;height: 100%;background: #000;opacity: 0.7;filter:alpha(opacity=70);display: none;top: 0;left:0;z-index: 101;}
.result{display:none;position:absolute;left:5%;top:25%;width:90%;background: #FFF;border-radius: 5px;z-index: 102;height: 249px;}
.result .no-result{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/no.png) no-repeat;width: 211px;height: 164px;top: 50%;left: 50%;margin: -82px 0 0 -105px;display: none;text-align: center;font: 32px/175px "微软雅黑";color: #6b6b6b;}
.result .yes-result{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/yes.png) no-repeat;width: 373px;height: 201px;top: 50%;left: 50%;margin: -100px 0 0 -186px;display: none;font:32px/178px "微软雅黑";color: #0050b4;text-align: center;}
.result .close{background: url(http://img3.fengniao.com/fn_zt/tm_55e/e3e1f9c554/close.png) no-repeat;width: 46px;height: 46px;position: absolute;top: 0;right: 0;}

.maopao{-webkit-animation:bottom-up 2200ms 100ms ease infinite normal;}
.maopao1{-webkit-animation:bottom-up1 2200ms 100ms ease infinite normal;}
/*用到的动画效果*/
/*************** 冒泡效果 ***************/
@-webkit-keyframes bottom-up {
	from {-webkit-transform:scale(.95);top:7%; opacity: 1;}
	to {-webkit-transform:scale(1.15); top:3.5%;opacity: 0;}
}
@-ms-keyframes bottom-up {
	from {-webkit-transform:scale(.95);top:7%; opacity: 1;}
	to {-webkit-transform:scale(1.15); top:3.5%;opacity: 0;}
}
@keyframes bottom-up {
	from {-webkit-transform:scale(.95);top:7%; opacity: 1;}
	to {-webkit-transform:scale(1.15); top:3.5%;opacity: 0;}
}
/*************** 冒泡效果 ***************/
@-webkit-keyframes bottom-up1 {
	from {-webkit-transform:scale(1.15);top:7.5%; opacity: 0;}
	to {-webkit-transform:scale(1.78); top:9%;opacity: 1;}
}
@-ms-keyframes bottom-up1 {
	from {-webkit-transform:scale(1.15);top:7.5%; opacity: 0;}
	to {-webkit-transform:scale(1.78); top:9%;opacity: 1;}
}
@keyframes bottom-up1 {
	from {-webkit-transform:scale(1.15);top:7.5%; opacity: 0;}
	to {-webkit-transform:scale(1.78); top:9%;opacity: 1;}
}
/*************** 震动 ***************/
.zd{ animation:zd 2s ease-out forwards; -webkit-animation:zd 2s ease-out forwards; }
@-webkit-keyframes zd {
	10% {-webkit-transform:translate(0,0);}
	11% {-webkit-transform:translate(-20px,-20px);}
	12% {-webkit-transform:translate(0,0);}13% {-webkit-transform:translate(20px,-20px); }
	14% {-webkit-transform:translate(0,0); }15% {-webkit-transform:translate(0,0);}
	16% {-webkit-transform:translate(-20px,-20px);}17% {-webkit-transform:translate(0,0);}
	18% {-webkit-transform:translate(20px,-20px); }19% {-webkit-transform:translate(0,0); }
}
@keyframes zd {
	10% {transform:translate(0,0);}
	11% {transform:translate(-20px,-20px);}
	12% {transform:translate(0,0);}13% {transform:translate(20px,-20px); }
	14% {transform:translate(0,0); }15% {transform:translate(0,0);}
	16% {transform:translate(-20px,-20px);} 17% {transform:translate(0,0);}
	18% {transform:translate(20px,-20px); }19% {transform:translate(0,0); }
}
.tobig1{-webkit-animation:tobig1 1s ease forwards;}
/*************** 图片放大 ***************/
@-webkit-keyframes tobig1{
	0%{opacity:0;
		-webkit-transform:scale(.3)}
	50%{opacity:1;
		-webkit-transform:scale(1.05)}
	70%{-webkit-transform:scale(.9)}
	100%{-webkit-transform:scale(1);opacity:1;}
}
.huang{-webkit-transform:rotate(18deg);-webkit-animation:huang 2200ms 200ms ease infinite normal;}
/*第二场景的头像动画*/
@-webkit-keyframes huang{
	0%{
		-webkit-transform:rotate(10deg);
		-webkit-transform-origin:bottom center;
	}
	50%{
		-webkit-transform:rotate(-10deg);
		-webkit-transform-origin:bottom center;}
	100%{
		-webkit-transform:rotate(10deg);
		-webkit-transform-origin:bottom center;
	}
}
.huang1{-webkit-transform:rotate(1deg);-webkit-animation:huang1 2200ms 200ms ease infinite normal;}
/*第二场景的头像动画*/
@-webkit-keyframes huang1{
	0%{
		-webkit-transform:rotate(1deg);
		-webkit-transform-origin:bottom center;
	}
	50%{
		-webkit-transform:rotate(-1deg);
		-webkit-transform-origin:bottom center;}
	100%{
		-webkit-transform:rotate(1deg);
		-webkit-transform-origin:bottom center;
	}
}