@charset "gb2312";
html,body,div,p,ul,li,h1,h2,h3,h4,h5,h6,form,input,a,img,span,ol, dl, dt, dd,select,section,footer,header{margin:0; padding:0;}
ul,ol,li{list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
a img,img { border: 0 none; vertical-align: top; }
img{border:0 none; display: block;} 
button { cursor: pointer; }
a{text-decoration: none;outline: none;}
a:focus{outline:none;}
html,body{width:100%;height:100%; font-family: "微软雅黑","Microsoft YaHei", "Arial Narrow";}
.clearfix:after{content:""; display: block; clear: both;}
.clearfix{zoom:1;}
.hide{display: none;}
body{overflow: hidden;}
.swiper-container,.swiper-wrapper,.swiper-slide{width:100%; height:100%;}
.swiper-slide {background: #ccc;position:relative; }
.suggest{width: 300px;font-size: 12px;margin: 1% auto 3%;display: block;color: #fff;}
@media (max-width: 1000px){
	.sec1>p{width:25%;}
	.sec8>p{width:25%;}
	.sec2>p{width:38.75%;}
}
@media (min-width: 1000px){
	.sec1>p{width:480px;}
	.sec8>p{width:480px;}
	.sec2>p{width:744px;}
}
@media (max-width: 1024px){
    .sec3>ul>li>img{margin-top:8%; width:18%;}
    .sec3 .word{margin-top: -4.5%}
}
@media (min-width: 1025px){
    .sec3>ul>li>img{margin-top:8%; width:16%;}
    .sec3 .word{margin-top: -2%}
}
video{position:absolute; display: none; }

/*nav*/
.Mininav{ width:100%; height:92px; background:url("http://n.sinaimg.cn/31e47777/20150828/he.png"); position:fixed; z-index:9999;display: none;}
.top-nav{width: 1000px;margin: 0 auto;height: 92px;}
.tn-left{float: left;}
.top-nav>div{margin-top: 16px; }
.tn-left a.logo,.Mininav .timeline-time li{float: left;}
.tn-left a.logo{display:block; width:140px; height:60px; background: url(http://n.sinaimg.cn/31e47777/20150828/sian.png) no-repeat left 9px;  background-size:100%;}
.tn-left a.title {float: left;height:32px;line-height: 33px;font-size: 20px;margin-left: 30px; color: #fff; margin-top:14px;}
.tn-left a.title:hover{ color:#d33a2e; text-decoration:none;}
.tn-right{float: right;width:80px;}
.tn-right .bshare-custom{ width: 27px;height: 60px; float: left; line-height: 200px;overflow: hidden;margin-right: 25px; cursor: pointer;}
.tn-right .bshare-custom.icon-medium a.bshare-more.more-style-addthis{ width: 27px;height: 60px; float: left; background:url('http://n.sinaimg.cn/31e47777/20150828/nav_share.png') no-repeat center; cursor: pointer; padding: 0px !important;margin: 0px !important;}
.tn-right .cmnt{width: 28px;height: 60px; float: left; line-height: 200px;overflow: hidden; background: url('http://n.sinaimg.cn/31e47777/20150828/nav_discuss.png') no-repeat center; cursor: pointer;}
#bsPanel{position: fixed!important;}

/* 封面 */
.sec1{background: url(http://n.sinaimg.cn/31e47777/20150828/page1bk.jpg) no-repeat center; background-size:cover;}
.sec1>.title{width:36.510417%; margin:6% auto 0.5%;}
.sec1>p{font-size: 14px; color:#ffffff; margin:0 auto 3%; line-height: 26px;letter-spacing:2px;}
.sec1>.btn{width:5.306122%; margin:1% auto;}

.word{width:200px;margin-left:5%; }
/* 那条路封面 */
.sec2{background: #000;}
.sec2>img{position:relative; top:18.5728%; left:0; right:0; width:41.875%; margin:auto;}
.sec2>p{ font-size: 20px; color:#ffffff;  text-align: center; position:absolute; top:44%; left:0; right:0; margin:auto;line-height: 38px;letter-spacing:2px;}

/* 那条路图集 */
/*.sec3 .word{margin-top:-4%;}*/
.sec3>ul{position: absolute; top:0; left:0; width:100%; height:100%;}
.sec3>ul>.li1{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-1.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li2{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-2.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li3{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-3.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li4{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-4.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li5{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-5.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li6{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-6.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li7{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-7.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li8{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-8.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li9{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-9.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li10{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-10.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li11{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-11.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li12{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-12.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li13{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-13.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li14{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-14.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li15{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-15.jpg) no-repeat center;background-size: cover;}
.sec3>ul>.li16{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish1-16.jpg) no-repeat center;background-size: cover;}
.sec3>ul>li{float:left; width:100%; height:100%;}

/*.sec3>ul>li>img{margin-top:6%; width:16%;}*/
/*.word{width:200px;margin-left:3.75%; margin-top:-3%;}*/
.word>h3{font-size: 30px; font-weight: bold; color:#fff;padding-bottom:12px;}
.word>p{padding:14px 0; font-size: 14px; color:#fff; border-top:2px solid #fff; border-bottom: 2px solid #fff;}
.leftBtn{position:absolute; top:50%; left:0; width:56px; height:100px; background:url(../images/btnLR.png) no-repeat 0 0; }
.rightBtn{position:absolute; top:50%; right:0; width:56px; height:100px; background:url(../images/btnLR.png) no-repeat -60px 0; }
.leftBtn:hover{background:url(http://n.sinaimg.cn/31e47777/20150828/btnLR_hover.png) no-repeat 0 0; }
.rightBtn:hover{background:url(http://n.sinaimg.cn/31e47777/20150828/btnLR_hover.png) no-repeat -60px 0; }
/* 那些老兵图集 */
.sec5 .word,.sec7 .word{margin-top: 30%}
.sec5>ul{position: absolute; top:0; left:0; width:100%; height:100%;}
.sec5>ul>.li1{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-1.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li2{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-2.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li3{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-3.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li4{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-4.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li5{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-5.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li6{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-6.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li7{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-7.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li8{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-8.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li9{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-9.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li10{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-10.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li11{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-11.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li12{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-12.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li13{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-13.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li14{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-14.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li15{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-15.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li16{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish2-16.jpg) no-repeat center;background-size: cover;}
.sec5>ul>.li17{background:#000;}
.sec5>ul>li{float:left; width:100%; height:100%; position:relative;}

.sec5>ul>li>img{margin-top:92px; width:15.104167%;}
/*.word{width:200px;margin-left:70px; margin-top:-3%;}*/
.word>h3{font-size: 30px; font-weight: bold; color:#fff;padding-bottom:12px;}
.word>p{padding:14px 0; font-size: 14px; color:#fff; border-top:2px solid #fff; border-bottom: 2px solid #fff;line-height: 20px;}
.leftBtn{position:absolute; top:50%; left:0; width:56px; height:100px; background:url(http://n.sinaimg.cn/31e47777/20150828/btnLR.png) no-repeat 0 0; }
.rightBtn{position:absolute; top:50%; right:0; width:56px; height:100px; background:url(http://n.sinaimg.cn/31e47777/20150828/btnLR.png) no-repeat -60px 0; }


/*视频播放按钮*/
.li17>a{position:absolute; top:0; left:0 ; right:0; bottom:0;  width:104px; height:104px; margin:auto; background: url(http://n.sinaimg.cn/31e47777/20150828/playbtn_03.png) no-repeat 0 0; display: none;}


/* 第七页 */
.sec7>ul{position: absolute; top:0; left:0; width:100%; height:100%;}
.sec7>ul>.li1{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-1.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li2{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-2.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li3{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-3.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li4{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-4.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li5{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-5.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li6{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-6.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li7{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-7.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li8{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-8.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li9{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-9.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li10{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-10.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li11{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-11.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li12{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-12.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li13{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-13.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li14{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-14.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li15{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-15.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li16{background: url(http://n.sinaimg.cn/f4cece4b/20150831/publish3-16.jpg) no-repeat center;background-size: cover;}
.sec7>ul>.li17{background:#000;}
.sec7>ul>li{float:left; width:100%; height:100%; position:relative;}

.sec7>ul>li>img{margin-top:92px; width:15.104167%;}

.word>h3{font-size: 30px; font-weight: bold; color:#fff;padding-bottom:12px;}
.word>p{padding:14px 0; font-size: 14px; color:#fff; border-top:2px solid #fff; border-bottom: 2px solid #fff;}
.leftBtn{position:absolute; top:50%; left:0; width:56px; height:100px; background:url(http://n.sinaimg.cn/31e47777/20150828/btnLR.png) no-repeat 0 0; }
.rightBtn{position:absolute; top:50%; right:0; width:56px; height:100px; background:url(http://n.sinaimg.cn/31e47777/20150828/btnLR.png) no-repeat -60px 0; }

/*第八页  封底 */
.sec8{background: url(http://n.sinaimg.cn/31e47777/20150828/fengdibk.jpg) no-repeat center; background-size:cover;}
.sec8>.fengdititle{width:21%; margin:10% auto 0; }
.sec8>p{font-size: 16px; color:#ffffff; margin:6% auto 0;text-align: center;line-height: 26px;letter-spacing: 2px}
.sec8>.fengdiBtnBox{width:700px; text-align: center; margin:120px auto;}
.fengdiBtnBox>div{width:105px; height:105px; margin:0 35px;float: left;}
.fengdiBtnBox a{display: block;width: 100%;height: 100% }
.fengdiBtnBox a:hover{margin-top: -20px;opacity: 0.7}
.bshare-custom .bshare-more.more-style-addthis:hover{margin-top: -20px!important;}
.sharebtn{background:url(http://n.sinaimg.cn/31e47777/20150828/fengdibtn_03.png) no-repeat 0 0;}
.pinglunbtn{background: url(http://n.sinaimg.cn/31e47777/20150828/fengdibtn_05.png) no-repeat 0 0;}
.aginbtn{background: url(http://n.sinaimg.cn/31e47777/20150828/fengdibtn_07.png) no-repeat 0 0;}
.morebtn{background: url(http://n.sinaimg.cn/31e47777/20150828/fengdibtn_09.png) no-repeat 0 0;}
.bshare-custom .bshare-more.more-style-addthis:hover #bsPanel{top:80px!important;}

/* 进度条 */
.pagination{width:100%; text-align: center; position:absolute; bottom:5%; left:0;}
.pagination>span{display: inline-block; width:10px; height:10px; margin-left:16px; border-radius:50%; border:1px solid #fff;}
.pagination>span.active{background: #fff;}

/*动效*/
.animated,.animatedDelay05,.animatedDelay10 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animatedDelay05{
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
}
.animatedDelay10{
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.animated.flipOutX{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}