@charset "utf-8";
/* CSS Document */
html,body {
    height: 100%;overflow: hidden;
}

body,ul,li,a,p,div {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

#wrap {
    overflow: hidden;
    width: 100%;
}

#main {
    height: 100%;
    top: 0;
    position: relative;
}

#page0 {
    background: url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/fm.jpg) no-repeat center center;
    background-size: cover;
}

#page1 {
    background: url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_01.jpg) no-repeat center center;
    background-size: cover;
}

#page2 {
    background: url(http://p2.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_02.jpg) no-repeat center center;
    background-size: cover;
}

#page3 {
    background: url(http://p1.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_03.jpg) no-repeat center center;
    background-size: cover;
}

#page4 {
     background: url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_04.jpg) no-repeat center center;
    background-size: cover;
}

#page5 {
    background: url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_05.jpg) no-repeat center center;
    background-size: cover;
}

#page6 {
    background: url(http://p3.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_06.jpg) no-repeat center center;
    background-size: cover;
}

#page7 {
    background: url(http://p1.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_07.jpg) no-repeat center center;
    background-size: cover;
}

#page8 {
    background: url(http://p1.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_08.jpg) no-repeat center center;
    background-size: cover;
}

#page9 {
    background: url(http://p2.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_09.jpg) no-repeat center center;
    background-size: cover;
}
#page10 {
    background: url(http://p2.ifengimg.com/l/2018/2/77b95ef4db1825d/fm_10.jpg) no-repeat center center;
    background-size: cover;
}

.page {
    width: 100%;
    margin: 0;
    float: left;
    position: relative;
}



.an_btn {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 55px;
    height: 50px;
    background: url(http://p3.ifengimg.com/l/2018/2/77b95ef4db1825d/line.png) no-repeat left center;
    z-index: 99;
	display: none;
}

.an_btn ul {
    width: 1000px;
    margin: 0 auto;
}

.an_btn ul li {
    float: left;
    width: 50px;
    height: 50px;
    background: url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/wdbtn_a.png) no-repeat center;
    line-height: 50px;
    text-align: center;
    padding: 0px 20px;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    position: relative;
}

.an_btn ul li.on {
    background: url(http://p1.ifengimg.com/l/2018/2/77b95ef4db1825d/dqbtn_a.png) no-repeat center;
}

.an_btn ul li.no_ck {
    background: url(http://p1.ifengimg.com/l/2018/2/77b95ef4db1825d/nqbtn_a.png) no-repeat;
}

.an_btn ul li.no_ck .jx_time {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -40px;
    background: url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/tkbtn.png) center top no-repeat;
    width: 87px;
    height: 58px;
    line-height: 24px;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.an_btn ul li.no_ck.on_ck .jx_time {
    top: -60px;
    opacity: 1;
}

.xc_btn, .xc_close {
    width: 60px;
    height: 60px;
    position: fixed;
    left: 50%;
    margin-left: 480px;
    cursor: pointer;
    z-index: 101;
    bottom: -60px;
    transition: all 1s ease;
}

.xc_btn_c {
    bottom: 55px;
    transform: rotate(180deg);
/*animation: upslide 3s infinite ease-in-out;*/;
}

.xc_close {
    display: none;
    bottom: 55px;
}

.tk {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    background: url(http://p2.ifengimg.com/l/2018/2/77b95ef4db1825d/bg.png) no-repeat center bottom;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.tk.sm_cx {
    opacity: 0.3;
    animation: fadeup 2s ease;
}

.tk.cx {
    height: 291px;
    opacity: 1;
    z-index: 100;
}

.mid_tk {
    width: 883px;
    height: 190px;
    margin: 55px auto 0;
    background: #f7f7f7;
}

.mid_tk .small_v {
    width: 338px;
    float: left;
}

.mid_tk .small_v img {
    display: block;
    cursor: pointer;
}

.jbtj {
    width: 100%;
    height: 100%;
    background: url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/bg02.png) no-repeat;
}

.jbtj h1 {
    width: 734px;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
    line-height: 60px;
    font-weight: bold;
}

.jbtj p {
    width: 750px;
    margin: 0 auto;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    font-family: Microsoft Yahei;
}

.jbtj a.ckxq {
    display: block;
    width: 120px;
    height: 28px;
    line-height: 28px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 15px auto 0;
}

.jbtj a.ckxq:hover {
    text-decoration: none;
}

/*视频部分*/

.big_v {
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
}

.big_v img {
   display: block;
   width: 100%;
   opacity: 0;
   transition:all 3s ease;
	
}
.page_cx .big_v img{
    opacity: 1;
}

#Wvideo {
    position: fixed;
    width: 920px;
    height: 518px;
    left: 50%;
    top: 50%;
    margin-left: -460px;
    margin-top: -259px;
    display: block;
	z-index: 103;
}

#player_close {
    display: block;
    width: 40px;
    height: 40px;
    background: url(http://p2.ifengimg.com/l/2018/2/77b95ef4db1825d/btn_close.png) no-repeat;
    margin-left: 920px;
    margin-top: -521px;
    cursor: pointer;
}

#page0 .big_v {
    margin-left: 13.2%;
    top: 55%;
    width: 8.1%;
}

.wyg_logo {
    position: absolute;
    left: 50%;
    top: 11%;
    width: 25.4%;
    margin-left: -4.5%;
}

#page1 .big_v {
    width: 23.6%;
    margin-left: -23.6%;
    top: 15.6%;
}
#page2 .big_v {
    width: 23.6%;
    margin-left: -23.6%;
    top: 15.6%;
}
#page3 .big_v {
    width: 27%;
    margin-left: 0.8%;
    top: 21%;
}
#page4 .big_v {
    width: 23.7%;
    margin-left: -23.6%;
    top: 15.6%;
}
#page5 .big_v {
    width: 23.6%;
    
    top: 17.9%;
}
#page6 .big_v {
    width: 23.6%;
    margin-left: -413px;
    top: 17.9%;
}
#page7 .big_v {
    width: 23.6%;
    top: 17.9%;
}
#page8 .big_v {
    width: 24%;
	margin-left: -413px;
    top: 17.9%;
}
#page9 .big_v {
    width: 23.7%;
    top: 17.9%;
}
#page10 .big_v {
    width: 21.458%;
    top: 17.9%;
	margin-left: -23.6%;
}

@-webkit-keyframes upslide {
    0%,30% {
        opacity: 0;
        -webkit-transform: translate(0,-6px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0,0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0px,4px);
    }
}



.bg_h{ 
	position:fixed; 
	width:100%; 
	height:100%;
	background:#000;
	left:0;
	top:0; 
	filter:alpha(opacity=50);
	-moz-opacity:0.5; 
	-khtml-opacity:0.5;
	opacity:0.5;
	display:block;
	z-index: 102;
}
/*弹框按钮*/

.roundBgW {
    border-radius: 30px;
    position: absolute;
    animation: pulseW 1.5s 1s infinite alternate;
    -moz-animation: pulseW 1.5s 1s infinite alternate;
 /* Firefox */
    -webkit-animation: pulseW 1.5s 1s infinite alternate;
  /* Safari and Chrome */
    -o-animation: pulseW 1.5s 1s infinite alternate;
 /* Opera */;
}

.roundBgWIn {
    border-radius: 30px;
    position: absolute;
    animation: pulseWIn 1.5s 0.5s infinite alternate;
    -moz-animation: pulseWIn 1.5s 0.5s infinite alternate;
 /* Firefox */
    -webkit-animation: pulseWIn 1.5s 0.5s infinite alternate;
 /* Safari and Chrome */
    -o-animation: pulseWIn 1.5s 0.5s infinite alternate;
 /* Opera */;
}

.roundBgWInner {
    border-radius: 30px;
    position: absolute;
	/*animation: pulseWInner 1.5s infinite alternate;
	-moz-animation: pulseWInner 1.5s infinite alternate; 
	-webkit-animation: pulseWInner 1.5s infinite alternate; 
	-o-animation: pulseWInner 1.5s infinite alternate; */;
}

.roundBgW {
    height: 60px;
    width: 60px;
    left: 0px;
    top: 0px;
}

.roundBgWIn {
    height: 54px;
    width: 54px;
    left: 3px;
    top: 3px;
}

.roundBgWInner {
    height: 50px;
    width: 50px;
    left: 5px;
    top: 5px;
    background: url(http://p1.ifengimg.com/l/2018/2/77b95ef4db1825d/btn_ts.png) no-repeat center;
}

@keyframes pulseW {
    from {
        background: rgba(35,182,153, 0);
    }

    to {
        background: rgba(35,182,153, 0.3);
    }
}

@-moz-keyframes pulseW /* Firefox */ {
    from {
        background: rgba(35,182,153, 0);
    }

    to {
        background: rgba(35,182,153, 0.3);
    }
}

@-webkit-keyframes pulseW /* Safari and Chrome */ {
    from {
        background: rgba(35,182,153, 0);
    }

    to {
        background: rgba(35,182,153, 0.3);
    }
}

@-o-keyframes pulseW /* Opera */ {
    from {
        background: rgba(35,182,153, 0);
    }

    to {
        background: rgba(35,182,153, 0.3);
    }
}

@keyframes pulseWIn {
    from {
        background: rgba(35,182,153, 0);
    }

    to {
        background: rgba(35,182,153, 0.4);
    }
}

@-moz-keyframes pulseWIn /* Firefox */ {
    from {
        background: rgba(255,255,255, 0);
    }

    to {
        background: rgba(255,255,255, 0.4);
    }
}

@-webkit-keyframes pulseWIn /* Safari and Chrome */ {
    from {
        background: rgba(255,255,255, 0);
    }

    to {
        background: rgba(255,255,255, 0.4);
    }
}

@-o-keyframes pulseWIn /* Opera */ {
    from {
        background: rgba(255,255,255, 0);
    }

    to {
        background: rgba(255,255,255, 0.4);
    }
}

@keyframes pulseWInner {
    from {
        background: rgba(35,182,153, 0);
    }

    to {
        background: rgba(35,182,153, 0.7);
    }
}

@-moz-keyframes pulseWInner /* Firefox */ {
    from {
        background: rgba(255,255,255, 0);
    }

    to {
        background: rgba(255,255,255, 0.7);
    }
}

@-webkit-keyframes pulseWInner /* Safari and Chrome */ {
    from {
        background: rgba(255,255,255, 0);
    }

    to {
        background: rgba(255,255,255, 0.7);
    }
}

@-o-keyframes pulseWInner /* Opera */ {
    from {
        background: rgba(255,255,255, 0);
    }

    to {
        background: rgba(255,255,255, 0.7);
    }
}





/*弹框内容*/
.fl {
    float: left;
}

.w545 {
    width: 545px;
}

.servicesBox {
    height: 190px;
    line-height: 18px;
    color: #999999;
    font-size: 12px;
}

.servicesBox .serBox {
    cursor: pointer;
    display: inline;
    width: 545px;
    height: 190px;
    float: left;
    overflow: hidden;
    background-color: #f7f7f7;
    position: relative;
    font-family: Microsoft Yahei;
}

.servicesBox .serBoxOn {
    font-family: "Microsoft Yahei";
    display: none;
    width: 545px;
    height: 190px;
    background: #23b699;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 19;
}

.servicesBox .serBox .pic1 {
    width: 545px;
    height: 100px;
    line-height: 130px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99;
}

.servicesBox .serBox .pic2 {
    width: 545px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: -545px;
    z-index: 99;
}

.servicesBox .serBox .pic1 h2 {
    font-size: 20px;
    color: #23b699;
}

.servicesBox .serBox .pic2 h2 {
    font-size: 20px;
    color: #ffffff;
}

.servicesBox .serBox .txt1 {
    width: 545px;
    height: 90px;
    color: #2b2b2b;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 100px;
    left: 0px;
    z-index: 99;
}

.servicesBox .serBox .txt2 {
    width: 545px;
    height: 130px;
    line-height: 24px;
    position: absolute;
    top: 60px;
    right: -545px;
    z-index: 99;
}

.servicesBox .serBox p {
    width: 480px;
    margin: 0 auto;
    color: #fff;
}

.servicesBox .serBox .txt1 p {
    color: #23b699;
    font-size: 14px;
}

.servicesBox .serBox .txt2 p {
    color: #ffffff;
    font-size: 14px;
}

.servicesBox .serBox .txt1 p a {
    font-size: 14px;
    color: #23b699;
}

.servicesBox .serBox .txt2 p a {
    font-size: 14px;
    color: #fff;
}

.servicesBox .serBox p a:hover {
    text-decoration: none;
}






@-webkit-keyframes fadeup {
  0% {
    height: 0;
  }
  50% {
    height: 55px;
  }
  100% {
    height:0px;
  }
}

@keyframes fadeup {
  0% {
    height: 0;
  }
  50% {
    height: 55px;
  }
  100% {
    height:0px;
  }
}



/*右侧跟随*/
.share_sd{ position:fixed; right:20px; bottom:80px; z-index:99;} 
.sd_list{ width:50px;}
.sd_list li{ position:relative; width:50px; height:50px; margin-bottom:1px;}
.sd_list li a{ display:block; width:50px; height:50px; background:url(http://y1.ifengimg.com/l/2015/15/a176c3cadce853f/share_list_02.png) no-repeat;}
.sd_list .sd_one .st{ background-position:0px -102px;}
.sd_list .sd_one .st:hover{ background-position:0px -357px;}
.sd_list .sd_one .st_h{background-position:0px -357px;}
.sd_list .sd_two a{ background-position:0px -153px; color:#fff; text-align:center; height:20px; padding-top:30px;}
.sd_list .sd_two a:hover{ background-position:0px -408px;}
.sd_list .sd_three{ margin-bottom:0px;}
.sd_list .sd_three a{ background-position:0px -102px;}
.sd_list .sd_three a:hover{ background-position:0px -255px;}
.sd_list .sd_tc{ position:absolute; left:-155px; top:0px; width:155px; height:50px; display:none;}
.sd_list .sd_tc a{ background:url(http://y3.ifengimg.com/l/2015/15/a176c3cadce853f/share_left.png) no-repeat; float:left;} 
.sd_list .sd_tc .qz{ background-position:0px 0px;}
.sd_list .sd_tc .qz:hover{ background-position:-200px 0px;}
.sd_list .sd_tc .wx{ background-position:-50px 0px;}
.sd_list .sd_tc .wx:hover{ background-position:-250px 0px;}
.sd_list .sd_tc .swb{ background-position:-150px 0px;}
.sd_list .sd_tc .swb:hover{background-position:-350px 0px;}
.sd_list .sd_tc .tt{ background:url(http://y2.ifengimg.com/l/2015/15/a176c3cadce853f/share_ls.png) no-repeat;  width:5px;}
.sd_list .sd_tc .tt_h{ background:url(http://y0.ifengimg.com/l/2015/15/a176c3cadce853f/share_ls_h.png) no-repeat; }
.sd_wx_tc{ width:96px; height:96px; padding:7px 7px 12px 7px; background:url(http://p0.ifengimg.com/l/2018/2/77b95ef4db1825d/wx_tc.png) no-repeat; position:absolute; left:-135px; top:-116px; display:none;}

.js_cmtNum_R{display: none;}


/**/

.zzf_logo{width:457px;position: fixed;top:2.2%;right: 24%; }
.zzf_logo img{width: 100%;display: block;}


#ps{display: none;}





#page3 .mid_tk .small_v{float: right;}