@charset "utf-8";
/* CSS Document */
img{ display:block;}
html{ width:100%; height: 100%;}
body{ width: 100%; height:100%; background:url(http://p3.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/bg.jpg) no-repeat center 36px;}
.col_w1000{ width:1000px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.page1{ height: 1060px; position:relative;}
.p1_1{ width:444px; height: 345px; position: absolute; left:256px; top:46px; margin-left:-500px; opacity: 0;}
.p1_2{ width:59px; height: 91px; position: absolute; left:576px; top:57px; margin-top:-100px; opacity: 0;}
.p1_3{ width:26px; height: 454px; position: absolute; left:113px; top:383px; opacity: 0;}
.p1_4{ width:610px; height: 582px; position: absolute; right:0px; top:370px; margin-right:-100px; opacity: 0;}
.p1_5{ width:28px; height: 186px; position: absolute; left:58px; top:338px; opacity: 0;}
.p1_6{ width:46px; height: 156px; position: absolute; right:238px; top:74px;  margin-right:-100px;}
.video01{ width: 104px; height: 151px; position: absolute; left:224px; top:612px; cursor: pointer; opacity: 0; margin-top:30px;}
/*分享*/
/*body{ _background-image:url(about:blank); _background-attachment:fixed;}*/ /* ie6 fixed hack */
.share_sd{ position:absolute; left:42px; top:536px;  opacity: 0;} 
.sd_ie6{ _position:absolute; _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.offsetHeight)/2); _margin-top:302px;} /* ie6 fixed hack */
.sd_list{ width:60px; height:40px;}
.sd_list li{ position:relative; width:60px; height:40px;}
.sd_list li a{ display:block; width:60px; height:40px; background: url(http://p1.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/shareBg.png) no-repeat; float:left;}
.sd_list .sd_one .st{ background-position:-180px 0px;}
.sd_list .sd_tc{ position:absolute; left:-180px; top:0px; width:180px; height:60px; display:none; overflow: hidden;}
.sd_list .sd_tc .qz{ background-position:0px 0px;}
.sd_list .sd_tc .wx{ background-position:-120px 0px;}
.sd_list .sd_tc .swb{ background-position:-60px 0px;}
.sd_wx_tc{ width:96px; height:96px; padding:7px 7px 12px 7px; position:absolute; left:-150px; top:-116px; display:none;}
.sd_two{ display:none;}


.page2{ position: relative; width: 1000px; margin: 0 auto;}
.list01{ width:1000px; height: 670px; background: url(http://p0.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/box2Bg.jpg) no-repeat; position: relative;}
.list01 li,.list01 .pic{ position:absolute;}
.list01 .btn{ cursor:pointer;}
.list01 .l01{ width: 138px; height: 190px; left: 110px; top: 28px;}
.list01 .l02{ width: 164px; height: 94px; left: 194px; top: 226px;}
.list01 .l03{ width: 138px; height: 186px; left: 348px; top: 79px;}
.list01 .l04{ width: 115px; height: 166px; left: 554px; top: 54px;}
.list01 .l05{  width: 206px; height: 98px; right: 196px; top: 206px;}
.list01 .l06{  width: 136px; height: 168px; right: 104px; top: 50px;}
.list01 .l07{ width: 196px; height: 54px; right: 50px; top: 362px;}
.list01 .l08{ width: 164px; height: 170px; right: 84px; top: 445px;}
.list01 .l09{ width: 186px; height: 180px; right: 300px; top: 426px;}
.list01 .l10{ width: 160px; height: 108px; right: 438px; top: 392px;}
.list01 .l11{ width: 160px; height: 194px; left: 300px; top: 450px;}
.list01 .l12{ width: 160px; height: 160px; left: 82px; top: 490px;}
.list01 .l13{ width: 210px; height: 90px; top: 392px;}
.list01 .l13 a{ display:block;}
.list01 .l01 .btn,.list01 .l03 .btn,.list01 .l04 .btn,.list01 .l06 .btn,.list01 .l08 .btn,.list01 .l09 .btn,.list01 .l11 .btn,.list01 .l12 .btn{ width:24px; height: 42px; background: url(http://p1.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/b01.png) no-repeat; position: absolute;}
.list01 .l02 .btn,.list01 .l05 .btn,.list01 .l07 .btn,.list01 .l10 .btn,.list01 .l13 .btn{ width:24px; height: 24px; background: url(http://p0.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/b02.png) no-repeat; position: absolute;}
.list01 .l01 .btn{ left:57px; bottom:0px;}
.list01 .l02 .btn{ left:67px;}
.list01 .l02 .pic{ top:40px;}
.list01 .l03 .btn{ left:32px; bottom:2px;}
.list01 .l04 .btn{ left:46px; bottom:0px;}
.list01 .l05 .btn{ left:108px;}
.list01 .l05 .pic{ left:3px; top:44px;}
.list01 .l06 .btn{ left:58px; bottom:0px;}
.list01 .l07 .btn{ right:0px; top:20px;}
.list01 .l08 .btn{ left:38px; top:2px;}
.list01 .l08 .pic{ top:53px;}
.list01 .l09 .btn{ left:68px;}
.list01 .l09 .pic{ top:63px;}
.list01 .l10 .btn{ left:75px; bottom:0px;}
.list01 .l11 .btn{ left:68px;}
.list01 .l11 .pic{ left:5px; top:63px;}
.list01 .l12 .btn{ left:98px;}
.list01 .l12 .pic{ top:42px;}
.list01 .l13 .btn{ left:80px; bottom:0px;}

.page3{ overflow: hidden;}
.box03{ margin-top:20px;}
.p3Mid{ width:312px;}
.p3Mid img{ margin:0 auto;}
.p3Mid .mt150{ margin-top:150px;}
.p3Mid .mt94{ margin-top:94px;}
.artical{ width:344px;}
.aTit img{ margin:0 auto;}
.aTxt{ width:344px; height: 678px; background: url(http://p0.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/aTxtBg.png) no-repeat; margin-top:12px; position: relative;}
.aTxtIn{ width:324px; height:600px; overflow:hidden; position:absolute; left:10px; top:22px; word-wrap:break-word;}
.aTxtIn div{position:absolute; top:0;}
.wz img{ margin:0 auto; cursor: pointer;}
.test_scroller{position:absolute; left:324px; top:22px; width:10px; height:600px; -moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;}
.test_scroll_up{position:absolute; background:#fff; width:10px; height:20px; left:0; top:0px;}
.test_scroll_down{position:absolute; background:#fff; width:10px; height:20px; left:0; bottom:0;}

.page4{}
.box04{ margin-top:65px;}
.r1_1{ width:82px; float:left;}
.r1_2{ width:210px; float:left; cursor: pointer;}
.r1_3{ width:230px; height: 210px; float:left; margin:0 34px; position: relative;}
.r1_3 .video03{ position: absolute; left:50%; margin-left:-105px; bottom: 0px;}
.scroll{width:380px; height:210px; float:left; position:relative; overflow:hidden;}
.scroll .pic{width:380px;height:210px;position:absolute; z-index: 6;}
.scroll .pic img{ width:380px;}
.scroll .btPhoto{ display: none;}
.scroll .preBtn{width:22px; height:38px; background: url(http://p2.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/btnL.png) no-repeat; position:absolute; left:0; top:86px;}
.scroll .nextBtn{width:22px; height:38px; background: url(http://p1.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/btnR.png) no-repeat;  position:absolute; right:0; top:86px;}
.scroll .preBtn a,.scroll .nextBtn a{ display:block; width:22px; height:38px;}
.scroll a:hover{ text-decoration:none;}
.txt{position:absolute;left:15px; top: 180px; z-index: 10; font-size: 16px; color: #fff; font-family: microsoft yahei;}
.txt a{color: #fff;}
.txtBg{ position:absolute; width: 380px; height: 40px; background: #000; left: 0; top: 170px; z-index: 8; filter: alpha(opacity=60);opacity: 0.6;}

.page5{}
.box05{ margin-top:65px;}
.p5_1{ width:175px; float:left; margin-left: 14px;}
.p5_2{ width:330px; float:left; margin:0 128px; overflow: hidden;}
.p5_3{ width:220px; float:left;}
.p5_1 .pic{ margin-top:22px;}
.liztTg{ width:296px; overflow: hidden;}
.liztTg li{ width:112px; float:left; margin:28px 36px 0 0;}
.tt img{ margin:0 auto;}
.team{ margin-top:26px;}
.erCode{ padding:30px 0 0 45px;}

.wBtn{ cursor:pointer;}
.zz{ position:fixed; left: 0px; top: 0px; width:100%; height: 100%; background:#000; filter: alpha(opacity=90); -moz-opacity:0.9;
-khtml-opacity:0.6; opacity:0.6; z-index: 9990; display: none;}
.wzTc{ width:638px; height: 824px; position:fixed; left:50%; top:50%; margin:-417px 0 0 -319px; z-index: 9992; display: none;}
.wzList{ width:638px; height: 824px; background: #f3f3f3; position: relative; display: none;}
.wzList h3{text-align:center; font:normal 26px/30px microsoft yahei; color: #333;  border-bottom: 1px solid #999; padding-bottom: 17px;}
.wzList h4{text-align:center; font:normal 16px/30px microsoft yahei; color: #666; padding:5px 0 45px;}
.wzList p{ text-align:center; font:normal 18px/30px microsoft yahei; color: #333;}
.wzIn{ width:538px; height:724px; overflow:hidden; position:absolute; left:50px; top:30px; word-wrap:break-word;}
.wzIn div{ width:538px; position:absolute; top:0;}
.wzIn div img{ margin:0 auto;}
.test11_scroller{position:absolute; left:588px; top:0px; width:10px; height:724px; -moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;}
.test11_scroll_up{position:absolute; background:#f3f3f3; width:10px; height:20px; left:0; top:50px;}
.test11_scroll_down{position:absolute; background:#f3f3f3; width:10px; height:20px; left:0; bottom:0;}
.close{ width: 48px; height: 48px; position: absolute; top:0px; right:-48px; background: url(http://p3.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/close.png) no-repeat; cursor: pointer; display: none;}

#playBox{ display: none;}
.poz{ position:none; position: fixed; left: 50%; top: 50%; margin:-259px 0 0 -460px; z-index: 9994; opacity: 0;}
.poz02{position: absolute; left: 50%; top:410px; margin-left:-460px; z-index: 9994; opacity: 0;}
.ml00{ margin-left:-200px;}
.mr00{ margin-right:-400px;}
.video0{ cursor:pointer;}
.mt20{ margin-top:20px;}
.mt35{ margin-top:35px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mr30{ margin-right:30px;}
.hint{ width:30px; height: 24px; background:url(http://p2.ifengimg.com/l/2017/33/5b2dc7bf2cdbd6c/hint.png) no-repeat; position: absolute; left: 150px; bottom: 20px; -webkit-animation:hint-move 1.2s infinite ease-in-out;}

.an01{-webkit-animation:an01A 1.5s ease infinite;-moz-animation:an01A 1.5s ease infinite;}
@-webkit-keyframes an01A{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes an01A{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}
}

@-webkit-keyframes hint-move{
 0%{opacity:0; bottom:5px;}
 70%{opacity:1; bottom:13px;}
 100%{opacity:0; bottom:18px;}
}