/*Reset*/
*{ vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; padding:0; margin:0; border:none;}
body{ font-family:STXihei,Microsoft YaHei,SimSun,Arial; font-size:62.5%;}
ol, ul{ list-style:none;} 
img{ border:none; text-decoration:none; display:block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px;}
a{text-decoration:none;} 
a img, :link img, :visited img{ border:0px;} 
.clear {clear:both;} 
.ph_clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .ph_clearfix {height: 1%;}
*+html .ph_clearfix {min-height: 1%;}

#loading{ background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/loading.jpg) center right no-repeat; background-size:cover; width:100%; height:100%; position:fixed; top:0; left:0; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; z-index:99999999;}
#loading .icon{ position:absolute; width:80px; left:50%; top:50%; margin-left:-100px; margin-top:-40px; -webkit-animation:shun360 2s linear infinite; animation:shun360 2s linear infinite;}
@-webkit-keyframes shun360{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes shun360{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

html,body{ width:100%; height:100%;}
.swiper-container{ position:absolute; top:0; left:0; width:100%; height:100%;}
.swiper-slide{ position:relative;}
.conbox{ position:absolute;}  
 
.page1{ background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/firstBg.gif) no-repeat center; background-size:cover;}
.page2{ background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/r01.jpg) no-repeat center; background-size:cover;}
.page3{ background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/r02.jpg) no-repeat center; background-size:cover;}
.page4{ background:url(http://y3.ifengimg.com/l/2016/14/7b74d38872df3f4/r03.jpg) no-repeat center; background-size:cover;}
.page5{ background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/r04.jpg) no-repeat center; background-size:cover;}
.page6{ background:url(http://y0.ifengimg.com/l/2016/14/7b74d38872df3f4/r05.jpg) no-repeat center; background-size:cover;}
.page7{ background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/r06.jpg) no-repeat center; background-size:cover;}
.page8{ background:url(http://y0.ifengimg.com/l/2016/14/7b74d38872df3f4/r07.jpg) no-repeat center; background-size:cover;}
.page9{ background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/r08.jpg) no-repeat center; background-size:cover;}
.page10{ background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/r09.jpg) no-repeat center; background-size:cover;}
.page11{ background:url(http://y0.ifengimg.com/l/2016/14/7b74d38872df3f4/lastBg.jpg) no-repeat center; background-size:cover;}


/*page1*/

.niao{ width:83px; height:81px; background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/niao.gif) no-repeat; background-size:contain; position:absolute; bottom:30%; right:20%;}
.chuan{ width:120px; height:36px; background:url(http://y3.ifengimg.com/l/2016/14/7b74d38872df3f4/chuan.gif) no-repeat; background-size:contain; position:absolute; bottom:80px; left:60px;}
.c1t{ width:48px; height:175px; background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/c1t.png) no-repeat; background-size:contain; position:absolute; left:146px; top:10%;}
@-webkit-keyframes c1tA{
    0%{ -webkit-transform:scale(0.5);opacity:0.5;}
    100%{ -webkit-transform:scale(1);opacity:1;}
}
@keyframes c1tA{
    0%{ transform:scale(0.5);opacity:0.5;}
    100%{ transform:scale(1);opacity:1;}
}
.c2t{ width:53px; height:172px; background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/c2t.png) no-repeat; background-size:contain;  position:absolute; left:198px; top:10%;}
@-webkit-keyframes c2tA{
    0%{ -webkit-transform:scale(2)}
    100%{ -webkit-transform:scale(1)}
}
@keyframes c2tA{
    0%{ transform:scale(2)}
    100%{ transform:scale(1)}
}
.vidBtn{ width:60px; height:60px; background:url(http://y0.ifengimg.com/l/2016/14/7b74d38872df3f4/play.png) no-repeat; background-size:contain;  position:absolute; left:288px; top:25%;}
#p1_video{ position:absolute; top:0px; left:0px; z-index:99; background:rgba(0,0,0,0.6);}
#closevid{ display:none; width:40px; position:absolute; top:0px; right:0px; z-index:999;}
#closevid img{ width:100%;}

/*wei zi*/
.wxxs{ opacity:0; -webkit-transition:all 1.5s ease-in; position:absolute;}
.wz01{ height:197px; width:151px; background:url(http://y0.ifengimg.com/l/2016/14/7b74d38872df3f4/wz01.png) no-repeat; background-size:contain; top:16%; right:8%;}
.wz02{ height:189px; width:199px; background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/wz02.png) no-repeat; background-size:contain; top:16%; right:8%;}
.wz03{ height:189px; width:204px; background:url(http://y3.ifengimg.com/l/2016/14/7b74d38872df3f4/wz03.png) no-repeat; background-size:contain; top:16%; right:8%;}
.wz04{ height:215px; width:199px; background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/wz04.png) no-repeat; background-size:contain; top:15%; left:10%;}
.wz05{ height:213px; width:246px; background:url(http://y0.ifengimg.com/l/2016/14/7b74d38872df3f4/wz05.png) no-repeat; background-size:contain; top:15%; right:8%;}
.wz06{ height:209px; width:210px; background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/wz06.png) no-repeat; background-size:contain; top:16%; left:8%;}
.wz07{ height:195px; width:240px; background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/wz07.png) no-repeat; background-size:contain; top:16%; left:8%;}
.wz08{ height:193px; width:213px; background:url(http://y2.ifengimg.com/l/2016/14/7b74d38872df3f4/wz08.png) no-repeat; background-size:contain; top:16%; right:8%;}
.wz09{ height:189px; width:221px; background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/wz09.png) no-repeat; background-size:contain; top:20%; left:10%;}

.hint{ width:14px; height:25px; background:url(http://y3.ifengimg.com/l/2016/14/7b74d38872df3f4/hint.png) no-repeat; background-size:contain; position:absolute; top:50%; right:14px; margin-top:-12px; -webkit-animation:hint-move 1.2s .3s infinite ease-in-out;}
@-webkit-keyframes hint-move{
	0%{opacity:0; right:14px;}
	70%{opacity:1; right:10px;}
	100%{opacity:0; right:6px;}
}
@-webkit-keyframes hint-move{
	0%{opacity:0; right:14px;}
	70%{opacity:1; right:10px;}
	100%{opacity:0; right:6px;}
}
.logo{ width:89px; height:23px; background:url(http://y3.ifengimg.com/l/2016/14/7b74d38872df3f4/logo.png) no-repeat; background-size:contain; position:absolute; bottom:18px; right:18px;}

/*lastpage*/
.tit{ width:113px; height:26px; background:url(http://y0.ifengimg.com/l/2016/14/7b74d38872df3f4/tit.png) no-repeat; background-size:contain; position:absolute; top:18%; left:50%; margin-left:-56px; opacity:0; -webkit-transition:all 1s ease-in;}
.title{ width:348px; height:73px; background:url(http://y3.ifengimg.com/l/2016/14/7b74d38872df3f4/title.png) no-repeat; background-size:contain; position:absolute; top:33%; left:50%; margin-left:-174px; opacity:0; -webkit-transition:all 1.5s 0.5s ease-in;}
.logoR{ width:69px; height:18px; background:url(http://y3.ifengimg.com/l/2016/14/7b74d38872df3f4/logoR.png) no-repeat; background-size:contain; position:absolute; bottom:5%; right:5%;}
.ret{ width:65px; height:16px; background:url(http://y1.ifengimg.com/l/2016/14/7b74d38872df3f4/ret.png) no-repeat; background-size:contain; position:absolute; bottom:-16px; left:50%; margin-left:-33px; -webkit-transition:all 0.3s 1.5s ease-in;}