@charset “utf-8″;
html{border:0;}
body{margin:0 auto;text-align:center; font-size:12px; font-family: "Source Han Sans","Microsoft YaHei",'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;}
div,dl,dt,dd,ol,ul,b,li,p,h1,h2,input,h6,h5,form{ margin:0; padding:0;list-style:none; font-weight:normal;}
dl,ul,li,p{text-align:left;}
i{list-style: none;font-style: normal;}
img{border:0px;}
.clear{clear:both; overflow:hidden;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#EE4B4B; text-decoration:none;}
em{font-style: normal;}

#mainArticle{background:#f2f2f2 url('../img/bg.jpg') no-repeat;background-size: cover;position: fixed;width: 100%;height: 100%;overflow: hidden;}
#mainArticle #sharelogo{display: none;}

.mainbody{width: 776px;margin: auto;position: fixed;height: 100%;right: 0;left: 0;}

.mainbody .i-show{position: absolute;text-align: left;width: 776px;height: 712px;top: 50%;margin-top: -356px;}
.mainbody .i-show .phone{width: 776px;height: 712px;z-index: 1000;top: 33px;position: absolute;}

.i-er{position: relative;z-index: 1002;width: 400px;height: 456px;margin-left: 430px;top: 50%;text-align: center;margin-top: -228px;}
.i-er p{font-size: 16px;color: #fff;text-align: center;margin-bottom: 10px;font-weight: bold;}
.i-er img{width: 200px;}
.i-er .goindex a{display: block;background: #448aca;height: 50px;width: 200px;margin: auto;line-height: 50px;font-size: 18px;color: #fff;border-radius: 10px;margin-top: 15px;}
.i-er .goindex a:hover{background: #3B78B0;}

.forIE8{display: none;}

/*分享*/
.fenXang .fenC{background:#000;filter:Alpha(opacity=50);background: rgba(0,0,0,.5);width: 100px;margin: 20px auto;height: 35px;line-height: 35px;font-size: 16px;color: #fbb03b;border-radius: 5px;}
.fenXang .bdsharebuttonbox a{margin:0 0 5px 10px;  }
.fenXang .bdsharebuttonbox .bds_tsina,
.fenXang .bdsharebuttonbox .bds_weixin,
.fenXang .bdsharebuttonbox .bds_qzone,
.fenXang .bdsharebuttonbox .bds_sqq,
.fenXang .bdsharebuttonbox .bds_tqf
{ background: url(../img/share.png) no-repeat;width: 46px; height: 46px; padding: 0; float: left;}
.fenXang{width: 100%;margin: 0 auto; padding:20px 0 20px 0; }
.fenXang .bdsharebuttonbox{width: 280px;margin: auto;}
.fenXang span{float: left; width: 50px; height: 46px; line-height: 46px; font-size: 14px;}
.fenXang .bdsharebuttonbox .bds_tsina{ background-position: 0px 1px;}
.fenXang .bdsharebuttonbox .bds_weixin{ background-position: -56px 1px;}
.fenXang .bdsharebuttonbox .bds_qzone{ background-position: -224px 1px;}
.fenXang .bdsharebuttonbox .bds_sqq{ background-position: -168px 1px;}
.fenXang .bdsharebuttonbox .bds_tqf{ background-position: -113px 1px;}

/*iframe*/
.box{position: absolute;left: 26px;top: 151px; z-index: 1001;width: 293px;height: 461px;}
.box img{position: absolute;bottom: -3px;width: 100%;height: 40px;}
.box .iframe{border: 0;width: 293px;height: 461px;}
.box .iframe.none{display: none}
.box .bottom:after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 22px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 11px;
    background: url(../img/web-swipe-tip.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: webSwipeTipAfter 1.8s infinite;
    animation: webSwipeTipAfter 1.8s infinite;
/*ease-in-out*/
    z-index: 100;
}
@keyframes webSwipeTipAfter {
    0% {
        bottom: 4px;
        opacity: 0;
        filter: alpha(opacity=100)
    }
    50% {
        bottom: 12px;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        bottom: 20px;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.box h2{position: absolute;top: -19px;width: 303px;text-align: center;font-size: 12px;}
.box .erwei{display: none;}

/*forIE8*/
.forIE8{display: block\9;position: absolute\9;z-index: 900\9;}
.forIE8 img{width: 293px\9;height: 461px\9;}