body {

    width: 100%;

    height: 100%;

    background-color: #f0ece1

}



/*  */



.w1174 {

    width: 1174px;

    margin: 0 auto;

}



img {

    vertical-align: top;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



#headerWrap {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 80px;

    line-height: 80px;

    line-height: 80px;

    background: url("../img/headerbg.jpg");

    z-index: 10;

}



#headerWrap .header {

    overflow: hidden;

}



#headerWrap .header .logo {

    padding: 22px 0;

    height: 36px

}



/* 时间轴 */



#contentWrap {

    margin-top: 104px;

    position: relative;

    overflow: hidden;

    padding-bottom: 60px;

}



#contentWrap .leftTimeLine {

    position: fixed;

    left: 373px;

    top: 150px;

    width: 166px;

    height: 693px;

    padding: 47px 0 42px 0;

    box-sizing: border-box;

}



#contentWrap .leftTimeLine .timeLineWraper {

    overflow: hidden;

    width: 100%;

    height: 100%;

    position: relative;

}



#contentWrap .leftTimeLine .toTop {

    position: absolute;

    top: -46px;

    left: 24px;

    width: 92px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    font-size: 14px;

    color: #d0b98c;

    border: 1px solid #d0b98c;

    cursor: pointer;

}



#contentWrap .leftTimeLine .line {

    position: absolute;

    top: 34px;

    left: 72px;

    width: 1px;

    height: 624px;

    background-color: #d0b98c;

    z-index: -1;

}



#contentWrap .leftTimeLine .prevLeftImg {

    position: absolute;

    top: 0px;

    left: 55px;

    width: 34px;

    height: 34px;

    background: url("../img/preImg.png") no-repeat center center;

}



#contentWrap .leftTimeLine .nextRightImg {

    position: absolute;

    bottom: 0px;

    left: 55px;

    width: 34px;

    height: 34px;

    background: url("../img/nextImg.png") no-repeat center center;

}



.timeLineItem {

    height: 44px;

    margin-bottom: 18px;

    cursor: pointer;

}



.timeLineItem span {

    vertical-align: middle;

}



.timeLineItem .time {

    width: 48px;

    height: 44px;

    line-height: 44px;

    font-size: 16px;

    color: #4d4d4d;

    text-align: right;

    display: inline-block;

}



.timeLineItem .timeAct {

    font-size: 24px;

    color: #ba271a;

}



.timeLineItem .dot {

    width: 43px;

    height: 44px;

    display: inline-block;

    background: url("../img/dot.png") no-repeat 16px center;

}



.timeLineItem img {

    border: 1px solid #988f77;

}



.timeLineItem .dotAct {

    background: url("../img/dotAct.png") no-repeat 10px center;

}



.nextStop,

.prevStop {

    opacity: 0.5;

}



@media screen and (min-width: 1024px) {

    /* 解决ie下fixed抖动问题 */

    html,

    body {

        height: 100%;

        overflow: auto;

        margin: 0;

    }

}



@media screen and (max-width: 1680px) {

    #contentWrap .leftTimeLine {

        left: 244px;

    }

}



@media screen and (max-width: 1600px) {

    #contentWrap .leftTimeLine {

        left: 204px;

    }

}



@media screen and (max-width: 1440px) {

    #contentWrap .leftTimeLine {

        left: 126px;

    }

}



@media screen and (max-width: 1360px) {

    #contentWrap .leftTimeLine {

        left: 90px;

    }

}



@media screen and (max-width: 1280px) {

    #contentWrap .leftTimeLine {

        left: 46px;

    }

}



@media screen and (max-width: 1174px) {

    .w1174 {

        width: 96%;

    }

}



@media screen and (max-width: 1152px) {

    .w1024Wrap {

        position: fixed;

        width: 100%;

        height: 220px;

        top: 80px;

        left: 0;

        background-color: #f0ece1;

        z-index: 100;

    }

    #contentWrap .leftTimeLine {

        transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

        -webkit-transform: rotate(-90deg);

        -o-transform: rotate(-90deg);

        transform-origin: center top;

        margin-top: 40px;

        padding-top: 60px;

        /* left: 145px; */

        left: 186px;

    }

    #contentWrap .rightCon {

        float: none;

        margin: 200px auto 0;

    }

    .timeLineItem {

        height: 74px;

        padding-top: 10px;

    }

    .timeLineItem img {

        transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

    }

    .timeLineItem .time {

        transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

    }

    #contentWrap .leftTimeLine .toTop {

        transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        top: -70px;

    }

}



@media screen and (max-width: 1024px) {

    #contentWrap .leftTimeLine {

        /* left: 76px; */

        left: 114px;

    }

    #contentWrap .rightCon {

        width: auto;

    }

}



@media screen and (max-width: 576px) {

    #contentWrap .leftTimeLine .toTop {

        display: none

    }

    #contentWrap .leftTimeLine {

        left: -76px;

        ;

    }

}



/* 内容区 */



.iframeCon {

    display: none

}



.yearCon .monthConLeft {

    width: 500px;

    margin-right: 40px;

}



.yearCon .monthCon {

    padding-bottom: 20px;

    border-bottom: 1px solid #dddddd;

    overflow: hidden;

}

/* .newYearCon .monthCon{

    padding-bottom: 24px;

} */

#contentWrap .rightCon{

    float: right;

    background: #fff;

    width: 864px;

    /* height: 3000px; */

    box-shadow: 0px 0px 6px 2px #e0dacd;

    padding:0 40px;

}

.yeartTitle{

	width: 100%;

	font-size: 52px;

	color:#ba271a;

	padding:20px 0 24px 0;

	border-bottom: 1px solid #dddddd;

}

.yearCon{

	overflow: hidden;

	padding-left: 3px;

}

.yearCon .conLeft {

	width: 410px;

}

.yearCon .conRight {

	margin-left: 37px;

	width: 412px;

}

.yearCon .monthCon h5{

	font-size: 23px;

	color:#000;

	padding-top:26px;

	padding-bottom: 18px;

	line-height: 30px;

}

/* .newYearCon .monthCon h5{

    padding-top:24px;

	padding-bottom: 20px;

} */

.yearCon .monthCon p{

	font-size: 16px;

	color: #666;

	line-height: 28px;

}

.yearCon .monthCon img{

	width: 302px;

	border:5px solid #fff;

	box-shadow: 0px 0px 6px 2px #e0dacd;

	margin:30px 0 10px 0; 

}

/* .newYearCon .monthCon img{

    margin-top:30px;

} */

.footer{

	width: 100%;

	padding:20px 0;

	text-align: center;

	font-size: 13px;

	color: #808080;

	border-top:1px solid #dddddd;

}





@media screen and (max-width: 576px) {

    #contentWrap .rightCon{

        padding:0 20px;

        width: auto;

	}

	.yearCon .conLeft {

		width:100%;

	}

	.yearCon .conRight {

		margin-left: 0;

		width: 100%;

	}

    .yearCon .monthConLeft {

        width: 100%;

        margin-right: 0;

    }

    .yearCon .monthCon img{

        margin-top: 10px !important;

        float: left;

    }

    .yearCon .yeartTitle {

        font-size: 34px;

    }

    .yearCon .monthCon h5 {

        font-size: 17px;

        padding: 16px 0 8px 0;

    }

    .yearCon .monthCon p {

        font-size: 14px;

    }

    /* 时间轴部分调整 */

    .w1024Wrap{

        height: 174px; 

    }

    #contentWrap .rightCon{

        margin-top:154px;

    }

    .timeLineItem .time {

        width: 30px;

        height: 44px;

    }

    .timeLineItem .dot {

        width: 36px;

        height: 44px;

    }

    #contentWrap .leftTimeLine .prevLeftImg,#contentWrap .leftTimeLine .nextRightImg{

        left: 39px;

    }

    #contentWrap .leftTimeLine .line{

        left: 54px;

    }

    #contentWrap .leftTimeLine{

        top:118px;

    }   

    .timeLineItem .timeAct{

        margin-top:-16px;

    }

    .yearCon .monthCon{

        padding-bottom: 18px;

    }

}