#container{
    overflow: hidden;
    min-width: 1200px;
}
#banner{
    height: 1039px;
    background-color: rgb(187,36,36);
}
#banner .main{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
#banner .main .logo{
    position: absolute;
    left: 948px;
    top: 87px;
}
#banner .main .girl{
    position: absolute;
    left: 30px;
    top: 147px;
}
#banner .main .zhanfang{
    position: absolute;
    left: 221px;
    top: 178px;
}
#banner .main .boy{
    position: absolute;
    left: 446px;
    top: 312px;
}
#banner .main .memory{
    position: absolute;
    left: 264px;
    top: 445px;
}
#banner .main .inner{
    width: 601px;
    height: 164px;
    position: absolute;
    left: 189px;
    top: 547px;
}
#banner .main .inner .daoyu{
    margin-top: 0;
    font-size: 42px;
    font-weight: normal;
    font-stretch: normal;
    color: #f5e46e;
}
#banner .main .inner .qingnian{
    margin-left: 80px;
    font-size: 16px;
    color: #f5e46e;
}
#banner .main .bg{
    position: absolute;
    left: -56px;
    top: 780px;
}
#banner .main .bg .blank1{
    width: 650px;
    height: 369px;
    position: absolute;
    left: 154px;
    top: 58px;
    background: white;
}
#banner .main .bg .subslogan{
    position: absolute;
    left: 834px;
    top: 223px;
}
#banner .main .bg .word{
    width: 985px;
    height: 32px;
    font-size: 33px;
    font-weight: normal;
    font-stretch: normal;
    color: #ffffff;
    position: absolute;
    left: 163px;
    top: 458px;
}
#text{
    min-width: 1200px;
    height: 268px;
    margin-top: 410px;
}
#text .inner{
    width: 1152px;
    margin: 0 auto;
    position: relative;
}
#text .inner .leftdiv{
    float:left;
    width:50%;
    border-right: 1px solid #000;
}
#text .inner .rightdiv{
    float:right;
    width:500px;
}

#text .inner .text{
    width: 500px;
    font-size: 20px;
    line-height: 2;
    padding-top: 10px;
    color: #040000;
    border-bottom: 1px dashed #030000;
}
#shetu{
    position:relative;
    width: 1200px;
    height: 339px;
    margin: 0 auto;
}
#shetu .wenming{
    position: absolute;
    bottom: 159px;
    left: 146px;
}
#shetu .des-01{
    position: absolute;
    bottom: 201px;
    left: -139px;
}
#shetu .des-02{
    position: absolute;
    bottom: 14px;
    left: 1023px;
}
#yellow{
    min-width: 1200px;
    height: 656px;
    background: url("mx20190501_yellow.png") no-repeat center;
    padding-top: 122px;
}
#yellow .content_pre{
    margin: 0 auto;
    width: 1183px;
    position: relative;
}
#bookSwiperContainer{
    margin: 0 100px;
}
#bookSwiperContainer .mx-swiper-item {
}
#bookSwiperContainer .mx-swiper-item .img{
    height: 260px;
    background: white;
}
#bookSwiperContainer .mx-swiper-item .text{
    margin: 20px;
    line-height: 20px;
    text-align: center;
}
#bookSwiperPrev{
    margin-top: -43px;
    width: 0;
    height: 0;
    border-right: 50px solid white;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    background: transparent;
}
#bookSwiperNext{
    margin-top: -43px;
    width: 0;
    height: 0;
    border-left: 50px solid white;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    background: transparent;
}
#bookSwiperPrev:hover{
    border-right-color: rgba(255,255,255,.5);
}
#bookSwiperNext:hover{
    border-left-color: rgba(255,255,255,.5);
}
#pic{
    position: relative;
    width: 1200px;
    height: 584px;
    margin: 0 auto;
}
#pic .des-03{
    background: url("mx20190501_des-03.png") no-repeat;
    width: 603px;
    height: 265px;
    position: absolute;
    top: -86px ;
    right: 147px;
}
#pic .des-04{
    background: url("mx20190501_des-04.png") no-repeat;
    width: 255px;
    height: 265px;
    position: absolute;
    top: -80px ;
    left: 0;
}
#pic .jingshen{
    background: url("mx20190501_hongyang.png") no-repeat center;
    width: 718px;
    height: 50px;
    left: 221px;
    top: 245px;
    position: absolute;
}
#pic p{
    padding-top: 334px;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    color: #040000;
    letter-spacing: 1px;
}
#list{
    width: 1137px;
    margin: 0 auto;
}
#list:before{
    content: '';
    display: block;
    background: url("mx20190501_des-05.png") no-repeat;
    width: 255px;
    height: 270px;
    position: absolute;
    top: 3338px;
    left: 0;
    z-index: -1;
}
#list:after{
    content: '';
    display: block;
    background: url("mx20190501_des-06.png") no-repeat;
    width: 95px;
    height: 94px;
    position: absolute;
    top: 3489px;
    right: 0;
    z-index: -1;
}
#list .leftlist:before{
    content: '';
    display: block;
    background: url("mx20190501_des-07.png") no-repeat;
    width: 247px;
    height: 417px;
    position: absolute;
    top: 4463px;
    right: 0;
    z-index: -1;
}
#list .leftlist:after{
    content: '';
    display: block;
    background: url("mx20190501_des-08.png") no-repeat;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 4035px;
    left: 0;
    z-index: -1;
}
#list .leftlist{
    width: 520px;
    float: left;
}
#list .rightlist{
    width: 520px;
    float: right;
}
#list .zhounian{
}
#list .zhounian h1{
    line-height: 40px;
    min-height: 90px;
    padding: 5px 0;
    font-size: 20px;
}
#list .zhounian .leftzhounian{
    width: 230px;
    height: 155px;
    background: #f5e46e;
    float: left;
}
#list .zhounian .rightzhounian{
    margin-left: 260px;
    min-height: 200px;
    font-size: 14px;
    line-height: 30px;
}
#line{
    min-width: 1200px;
    height: 441px;
    background: url("mx20190501_line.png") no-repeat center;
    margin-top: 259px;
    position: relative;
    z-index:1;
}
#line .zhuimeng{
    position: relative;
    width: 821px;
    height: 100%;
    margin: 0 auto;
}
#line .zhuimeng .img1{
    position: absolute;
    top: 195px;
}
#line .zhuimeng .img2{
    position: absolute;
    left: -293px;
    top: -90px;
}
#pic7{
    min-width: 1200px;
    height: 580px;
    background: rgb(187,36,36);
    position: relative;
    margin-top: -143px
}
#pic7 .arr{
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 40px solid white;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
}
#pic7 .kuang{
    margin: 30px auto 0;
    width: 1180px;
    background: white;
    padding: 20px;
}
#pic7 .kuang .lishi{
    overflow: hidden;
}
#pic7 .kuang .lishi .left{
    width: 400px;
    float: left;
}
#pic7 .kuang .lishi .left h1{
    font-size: 25px;
    margin-bottom: 23px;
}
#pic7 .kuang .lishi .left p{
     font-size: 21px;
}
#pic7 .kuang .lishi .right{
    width: 674px;
    float: right;
}
#pic7 .kuang .lishi .right img{
}
footer{
    padding: 138px 0 50px;
}
footer h1{
    text-align: center;
    margin-bottom: 10px;
    font-size: 42px;
}
footer p{
    font-size: 29px;
    text-align: center;
}
footer p.copy{
    margin-top: 80px;
    font-size: 21px;
    line-height: 29px;
}
footer p.copy span{
    margin-top: 50px;
    font-size: 17px;
}