.box2 .contain{position: relative}
.box2 .contain .left{height: 570px;width: 430px;border: 1px solid rgb(232,181,181);float: left;margin: 97px 60px -175px 90px;position: relative}
.box2 .contain .bg{position: absolute;top: 125px;left: 0;z-index: 9999}
.box2 .contain .right{float: right;width: 760px}
.box2 .contain .right .art{margin-top: 150px;margin-bottom: 20px}
.box2 .contain .right .p1{font-size: 32px;line-height: 45px;font-weight: bold}
.box2 .contain .right .p2{font-size: 16.22px;color: rgb(182,182,182)}
.box2 .contain .right .p3{line-height: 28px;opacity: 0.7}
.box2 .contain .right .link{display: block;text-align: center;color: rgb(170,0,0);border: 2px solid rgb(170,0,0);margin-top: 30px;width: 187px;height: 37px;line-height: 37px}
.box2 .contain .right .link:hover{background-color: darkred;color: white;transition: 0.5s;}


.box3{background-color: rgb(247,247,247)}
.box3 .white{height: 295px;background-color: white;margin-bottom: -295px}
.box3 .contain .tab .tab-title{height: 36px;display: flex;flex-direction: row;justify-content: space-between;width: 886px;margin: 0 auto 58px ;}
.box3 .contain .tab-title .item{width: 120px;line-height: 36px;text-align: center;font-size: 17px;background-color: rgb(153,153,153);color: white;}
.box3 .contain .tab-title .item:nth-child(3){width: 160px}
.box3 .contain .tab-title .item:hover,.box3 .contain .tab-title .item.item-cur{background-color: rgb(170,0,0);transition: 0.5s}
.box3 .contain .tab-cont {position: relative;background-color: rgb(255,255,255);width: 100%;height: 890px;overflow: hidden;}
.box3 .contain .tab-cont__wrap {position: absolute;}
.box3 .contain .tab-cont .item {width: 1344px;height: auto;text-align: center;color: #fff;}
.box3 .contain .tab-cont .item .nav{display: flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;padding: 58px 0 80px 0;box-sizing: border-box;background-color:rgb(247,247,247)}
.box3 .contain .tab-cont .item .nav .list{width: 23.5%;text-align: center;margin-right:2%;}
.box3 .contain .tab-cont .item .nav .list:nth-child(4n){margin-right:0;}

.box3 .contain .tab-cont .item .nav .list .link{line-height: 47px;}
.box3 .contain .tab-cont .item .nav .list{background-color: white;margin-bottom: 27px}
.box3 .contain .tab-cont .item .nav .list:hover{background-color: rgb(170,0,0);}
.box3 .contain .tab-cont .item .nav .list:hover .link{color: white;transition: 0.5s }
.box3 .contain .tab-cont .item .nav .list .link .pre{overflow: hidden;width:100%;height:315.83px;}
.box3 .contain .tab-cont .item .nav .list .link .pre img{width: 100%;height: 100%;}
.box3 .contain .tab-cont .item .nav .list .link:hover .pre img{transform: scale(1.1);transition: 0.5s}

.box4{ background-color: rgb(255,255,255);padding-bottom: 78px}
.box4 .contain .right .content{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap}
.box4 .contain .right .content .list{height: 160px;width: 48.51%;overflow: hidden;padding: 30px;box-sizing: border-box;background-color: rgb(245,245,245);margin-bottom: 20px;position: relative }
.box4 .contain .right .content .list::before{
    content: '';
    width: 0;
    left: 20px;
    height: 2px;
    border-top: 2px solid white;
    display: block;
    position: absolute;
    top: 5px;

}
.box4 .contain .right .content .list::after{
    content: '';
    width: 0;
    right: 20px;
    height: 2px;
    border-bottom: 2px solid white;
    display: block;
    position: absolute;
    bottom: 5px;

}
.box4 .contain .right .content .list:hover::before{
    width: calc(100% - 40px);
    transition: 1s;
}

.box4 .contain .right .content .list:hover::after{
    width: calc(100% - 40px);
    transition: 1s;
}
.box4 .contain .right .content .list .link{display: flex;flex-wrap: nowrap;flex-direction: row;color: black;height: 100%;width: 100%;position: relative}
.box4 .contain .right .content .list .link .time{text-align: center;box-sizing: border-box;background: rgb(234,208,208);height: 100px;width: 100px;padding-top: 20px}
.box4 .contain .right .content .list .link .time .year{font-size: 38px;line-height: 40px;font-weight: bold;color: rgb(170,0,0)}
.box4 .contain .right .content .list .link .time .day{font-size: 14px;line-height: 20px;font-weight: bold;color: black}
.box4 .contain .right .content .list .link .new{margin-left: 20px;box-sizing: border-box;width: 84%;overflow: hidden;height: 92px}
.box4 .contain .right .content .list .link .new .tle{font-size: 18px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 7px}
.box4 .contain .right .content .list .link .new .news{font-size: 14px;line-height: 18px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:36px;color:#999}
.box4 .contain .right .content .list .link:hover .time{transform: rotateY(360deg);transition: 1s}
.box4 .contain .right .content .list:hover{background-color: rgb(170,0,0)}
.box4 .contain .right .content .list:hover .link .new .tle{color: white;transition: 0.5s}
.box4 .contain .right .content .list:hover .link .new .news{color: white;transition: 0.5s;opacity: 1}



@media (min-width: 1200px) and (max-width: 1344px){
    .box4 .contain .right .content{padding: 0 10px;box-sizing: border-box}
    .box2 .contain .bg{width: 390px;left: 50px}
    .box2 .contain .left{height: 470px;width: 385px;margin: 97px 40px -175px 80px}
    .box2 .contain .right{width: calc(100% - 550px);margin-right: 30px}
    .box2 .contain .right .link{margin-bottom: 30px}

}