.banner {
    position: relative;
    margin: auto;
    max-width: 1920px;
    width: 100%;
    height: 324px;
}

.banner .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.banner .mid {
    position: relative;
    margin: auto;
    padding-top: 177px;
    max-width: 1377px;
    width: 100%;
    z-index: 1;
}

.banner .title {
    display: flex;
    align-items: center;
    padding: 0 20px;
    width: 312px;
    height: 147px;
    background-color: #BA1F26;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
}

.banner .title .cn {
    margin-bottom: 15px;
    font-size: 30px;
}

.banner .title .en {
    font-size: 16px;
}

.main {
    margin: auto;
    max-width: 1920px;
    width: 100%;
}

.mainMid {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1377px;
    width: 100%;
    box-sizing: border-box;
}

.mainLeft {
    margin-bottom: 30px;
    width: 312px;
}

.mainLeft ul {
    width: 100%;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.mainLeft ul li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 86px;
}

.mainLeft ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 35px;
    width: 100%;
    height: 86px;
    box-sizing: border-box;
    background-color: #F8F7F7;
    border-bottom: 1px solid #e5e5e5;
}

.mainLeft ul li a p {
    font-size: 24px;
    color: #444444;
}

.mainLeft ul li a.active p {
    color: #BA1F26;
}

.mainLeft ul li a p:hover {
    color: #BA1F26;
}

.mainLeft ul li a img {
    width: 10px;
    height: 18px;
}

.mainRight {
    width: 1035px;
}

.position {
    display: flex;
    align-items: center;
    margin: 20px 0;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background-color: #F8F7F7;
    color: #6e6e6e;
    font-size: 14px;
}

.mainRight>.title {
    padding: 0 5px;
    color: #353434;
    font-size: 24px;
    font-weight: bold;
}

.mainList {
    margin-bottom: 30px;
    width: 100%;
}

.mainList li {
    width: 100%;
}

.mainList a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 0;
    border-bottom: 1px dashed #e1e1e1;
    width: 100%;
}

.mainList a .imgbox{
    width: 195px;
    height: 130px;
}

.mainList a .imgbox img{
    width: 100%;
    height: 100%;
}

.mainList a .rigbox{
    width: 820px;
}

.mainList a .rigbox .rigTitle{
    width: 100%;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mainList a .rigbox .rigCon{
    font-size: 16px;
    color: #bbb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 定义显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.8;
    margin: 10px 0;
}

.mainList a .rigbox .date{
    font-size: 16px;
    color: #aaa;
}
/*.mainList .txtbox {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.mainList .txtbox .triangular {*/
/*    margin-right: 10px;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-top: 5px solid transparent;*/
/*    border-left: 7px solid #008dc9;*/
/*    border-bottom: 5px solid transparent;*/
/*}*/

/*.mainList .txtbox p {*/
/*    width: 780px;*/
/*    font-size: 16px;*/
    /* 单行省略号 */
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/

/*.mainList a:hover p{*/
/*    color: #BA1F26;*/
/*}*/


/*.mainList .date {*/
/*    font-size: 16px;*/
/*    color: #a6a6a6;*/
/*}*/