.banner{
    margin-top:90px;
    width:100%
}
.banner img{
    width:100%;
    display: block;
}
.container{
    width: 82.8125%;
    margin:60px auto 0;
    padding:0;
}
.item01-nav{
    width: 100%;
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding:0;
    background:#F5F5F5 ;
    margin:0;
}
.item01-nav li{
    width:20%;
}
.item01-nav li a{
    position: relative;
    display: block;
    margin:12px 0;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #ddd;

}
.item01-content{
    position: relative;
}
.liactive{
    color: #d71718;
}
.li-active{
    width:20% ;
    border-bottom: 3px solid #d71718!important;
    text-align: center;
    position: absolute;
    top:0;
}

.item-lists{
    width:100%;
    margin-top:40px;
}
.item-list{
    width:100%;
    margin-bottom: 40px;
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
    /*-webkit-align-items: center;*/
    /*-ms-align-items: center;*/
    /*-moz-align-items: center;*/
    /*align-items: center;*/
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    height: 356px;
    /*overflow: hidden;*/
}
.item01-one{
    width: 100%;
    margin-top:60px;
    /*position: absolute;*/
}
.item01-one p img{
    width:100% !important;
    display: block!important;
    height:auto!important;
}
.itemImg{
    width:61.761006289%!important;
    flex-shrink:0;
}
.itemImg img{
    width:100%;
    display: block;
}
.item-content{
    width:38.238993711% !important;
    /*padding:30px 0  110px;*/
    flex-shrink:0;
}
.item-content-title{
    margin-left:20px;
    font-size: 30px;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    color:#C8081B;
}
.titlImg{
    margin-right: 20px;
}
.item-content-title img{
    display: block;
}
.item-content-des{
    margin-left:20px;
    font-size: 16px;
    margin-top:20px;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    color:#333333;
    line-height: 30px;
    /*height: 200px;*/
    /*overflow: hidden;*/
}

.learnMore{
    margin-left: 20px;
    width:120px;
    text-align: center;
    font-size: 16px;
    margin-top:50px;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    color:#C8081B;
    border: 1px solid #C8081B;
    border-radius: 90px;
    padding:5px 0;
}
.item-list:nth-child(2n+2) .item-content-des{
    margin-right:20px;
    margin-left:0;
}
.item-list:nth-child(2n+2) .item-content-title{
    margin-right:20px;
    margin-left:0;
}
.item-list:nth-child(2n+2) .learnMore{
    margin-right:20px;
    margin-left:0;
}
.item-list:nth-child(2n+2) .item-content{
    position: relative;
    left:0;
}
.item-list:nth-child(2n+2) .item-content{
    position: absolute;
    left:0;
}
.item-list:nth-child(2n+2) .itemImg{
    position: absolute;
    right:0;
}
@media screen and (min-width: 1200px){
    .item-list{
        height: 380px;
    }
}
@media screen and (min-width: 1300px){
    .item-list{
        height: 430px;
    }
}
@media screen and (min-width: 1400px){
    .item-list{
        height: 450px;
    }
}
@media screen and (min-width: 1450px){
    .item-list{
        height: 470px;
    }
}
@media screen and (min-width: 1500px){
    .item-list{
        height: 530px;
    }
}
@media screen and (min-width: 1550px){
    .item-list{
        height: 550px;
    }
}

.content-box{
    width: 100%;
    margin:40px auto 0;
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}
.content-box ul{
    padding:0;
    margin:0;
}
.leftLists li{
    list-style: none;
    font-size: 16px;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    color:#333333;
    width:160px;
    height:50px;
    line-height: 50px;
    text-align: center;
    background: #F5F5F5;
    /*padding:14px 0;*/
    border-bottom:1px solid #fff;
    cursor: pointer;
}
.leftLists li:hover{
    background: #C7000B;
    color:#fff;
    font-size: 18px;
}
.liActive{
    background: #C7000B!important;
    color:#fff!important;
    font-size: 18px!important;
}
.content-right{
    width: 80%;
}
.video-list{
    margin-bottom: 30px;
}
.videoImg{
    width: 100%;
    border:1px solid #979797;
    position: relative;
}
.videoImg img{
    width: 100%;
    display: block;
}
.videoplay{
    width:100%;
    position: absolute;
    bottom:0;
    left: 0;
    background: rgba(20,13,10,0.70);
    text-align: center;
}
.play-des{
    font-size: 16px;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    color:#ffffff;
    /*margin-left:10px;*/
    padding:12px 0;
}
.content-list .container{
margin: 0;
width: 100%;
}

.customize-exhibition{
    width: 100%;
    background: url("../images/cusBg.png") repeat-x;
    padding-bottom: 30px;
}
.exhibition-title{
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    font-size: 24px;
    color: #c7000b;
    letter-spacing: 4px;
    text-align: center;
    padding:37px 0 15px;
}
.underLine{
    width:65px;
    border-top:2px solid #c7000b;
    margin:0 auto;
}
.exhibition-list{
    width: 82.8125%;
    margin:0 auto;
    padding:40px 0;
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}
.list-item{
    width:23%;
}
.list-img{
    border:5px solid #fff;
}
.list-img img{
    width:100%;
    display: block;
}
.list-des{
    margin:20px 4px 0;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    font-size: 16px;
    color: #DFDFDF;
    letter-spacing: 2px;
    line-height: 25px;
    text-align: justify;
}
.moreUrl a{
    width:170px;
    display: block;
    margin:0 auto;
    font-size: 14px;
    font-family: 'SourceHanSansCN-Medium',sans-serif;
    color:#fff;
    background: #C8081B;
    text-align: center;
    padding:12px 14px;
    border-radius:5px;
}