@charset "utf-8";
.box3 ul{margin-top: 32px;}
.box3 li{float:left;width:23%;margin-right: 2.6%;}
.box3 li:last-child{margin-right: 0;}
.box3 li .img{width:100%;height:208px;overflow: hidden;position: relative;}
.box3 li .img img{width:100%;height:208px;object-fit: cover;transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;object-fit: cover;}
.box3 li:hover img{transform: scale(1.1);}
.box3 li .text{padding:20px 16px;box-shadow: 0 0 18px 0 rgb(0 0 0 / 13%);}
.box3 li h2{line-height: 30px;height: 60px;font-family: 'SourceSerif4Semibold';}
.box3 li p{margin-top: 23px;color: #ababab;padding-left: 21px; background: url(../image/sjtb.png) no-repeat left center;
    font-family: 'SegoeUIEmoji';}
.box3 li:hover .text a{color: #9b0d14;}
.box3 li:hover .text p{color:#9b0d14;background-image: url(../image/sjtb_1.png);
  }
.title1 {
    margin-bottom: 50px;
    position: relative;
    font-family: 'SourceSerif4Semibold';
}

.title1 .name {
    font-size: 28px;
    color: #9b0d14;
    float: left;
}

.title1 .more {
    font-size: 14px;
    color: #999999;
    float: right;

}

.title1 .name,
.title1 .more {
    line-height: 30px;
}

.title1 .more:hover {
    transition: all 0.4s;
    color: #9b0d14;
}

.box1 {
    background-color: #fcf7f8;
}

.box1 .left {
    width: 65%;
    padding-right: 3.5%;
    box-sizing: border-box;
}

.box1 .left .list {}

.box1 .left .list .item1 {
    transition: all 0.4s;
    background-color: #ffffff;
    width: 50%;
    float: left;
}

.box1 .left .list .item1 .img {
    overflow: hidden;
}

.box1 .left .list .item1 img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.box1 .left .list .item1 .wz {
    padding: 15px;
    font-family: 'SourceSerif4Semibold';
}

.box1 .left .list .item1 .bt {
    line-height: 32px;
    font-size: 18px;
    color: #9b0d14;
    margin-bottom: 7px;
    transition: all 0.4s;
}

.box1 .left .list .item1 .sj {
    font-size: 14px;
    color: #999999;
    transition: all 0.4s;
}

.box1 .left .list .item1:hover img {
    transition: all 0.4s;
    transform: scale(1.1);
}

.box1 .left .list .item1:hover {
    background: #9b0d14;
    color: #ffffff;
}

.box1 .left .list .item1:hover .bt,
.box1 .left .list .item1:hover .sj {
    color: #ffffff;
}

.box1 .left .list .item2 {
    width: 50%;
    padding-left: 30px;
    float: left;
    box-sizing: border-box;
}

.box1 .left .list .item2 .item {
    padding: 26px 0;
    border-bottom: 1px solid #d4d3d3;
}

.box1 .left .list .item2 .item:nth-child(1) {
    padding-top: 0px;
}

.box1 .left .list .item2 .bt {
    line-height: 30px;
    margin-bottom: 10px;
    font-family: 'SourceSerif4Semibold';
}

.box1 .left .list .item2 .sj {
    color: #999999;
    padding-left: 21px;
    background: url(../image/sjtb.png) no-repeat left center;
    font-family: 'SegoeUIEmoji';
    line-height: 18px;
}

.box1 .left .list .item2 .item:hover {
    border-bottom: 1px solid #9b0d14;
    transition: all 0.4s;
}

.box1 .left .list .item2 .item:hover .bt {
    color: #9b0d14;
}

.box1 .left .list .item2 .item:hover .sj {
    background-image: url(../image/sjtb_1.png);
    color: #9b0d14;
    transition: all 0.4s;
}

.box1 .right {
    width: 35%;
}

.box1 .right .item {
    padding: 25px 0;
    border-bottom: 1px solid #d4d3d3;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: 20px;
}

.box1 .right .item:nth-child(1) {
    padding-top: 0px;
    padding-bottom: 24px;
    /* margin-top: -1px; */
}

.box1 .right .sj {
    /* width: 70px; */
    height: 70px;
    background: #9b0d14;
    color: #ffffff;
    text-align: center;
    font-family: "Georgia";
    /* float: left; */
    /* margin-right: 20px; */
    /* height: 80px; */
    padding: 0px 10px;
    box-sizing: border-box;
}

.box1 .right .sj1 {

    font-size: 30px;
    padding-top: 5px;
    padding-bottom: 3px;
    white-space: nowrap;
}

.box1 .right .sj2 {

    white-space: nowrap;
}

.box1 .right .bt {
    height: 90px;
    display: flex;
    align-items: center;
}

.box1 .right .bt .l3 {
    line-height: 30px;
    font-family: 'SourceSerif4Semibold';
}

.box1 .right .item:hover {
    border-bottom: 1px solid #9b0d14;
    color: #9b0d14;
    transition: all 0.4s;
}

.box1 .right .item:hover .sj {
    background: url(../image/sjicon.png);
    background-size: cover;
}

.box2 .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box2 .list .zuo {
    width: 42%;
    overflow: hidden;
}

.box2 .list .zuo img {
    width: 100%;
    height: 835px;
    object-fit: cover;
}

.box2 .list .zuo:hover img {
    transition: all 0.4s;
    transform: scale(1.1);
}

.box2 .list .you {
    width: 58%;
    padding-left: 20px;
    box-sizing: border-box;
}

.box2 .list .you .youlist {
    background: #f8f8f8;
}

.box2 .list .you .youlist1 {
    padding: 0px 20px;
}

.box2 .list .you .item {
    padding: 25px 0;
    border-bottom: 1px solid #d4d3d3;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}

.box2 .list .you .item::before {
    content: '';
    left: 0px;
    width: 4px;
    height: 50px;
    background-color: #b61b22;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.4s;
}

.box2 .list .you .bt {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    margin-bottom: 11px;
    font-family: 'SourceSerif4Semibold';
}

.box2 .list .you .sj {
    color: #999999;
    padding-left: 21px;
    background: url(../image/sjtb.png) no-repeat left center;
    font-family: 'SegoeUIEmoji';
    line-height: 18px;
}

.box2 .list .you .back {
    width: 100%;
    margin-top: 35px;
}


.box2 .list .you .item:hover {
    border-bottom: 1px solid #9b0d14;
    transition: all 0.4s;
}

.box2 .list .you .item:hover .bt {
    color: #9b0d14;
}

.box2 .list .you .item:hover .sj {
    background-image: url(../image/sjtb_1.png);
    color: #9b0d14;
    transition: all 0.4s;
}

.box2 .list .you .item:hover::before {
    opacity: 1;
}

@media screen and (max-width: 1480px) {
    .box2 .list .zuo img {
        height: 52vw;
    }
}

@media screen and (max-width: 1000px) {
      .box3 li {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 30px;
}

.box3 li:nth-child(even) {
	margin-right: 0;
}

.box3 li .img,
.box3 li .img img {
	height: 270px;
}

.box3 li .text {
	padding-left: 20px;
	padding-right: 20px;
}
    .box1 .left .list .item2,
    .box1 .left .list .item1,
    .box1 .left,
    .box1 .right {
        width: 100%;
        float: none;
        padding-right: 0%;
        padding-left: 0%;
    }

    .box1 .right,
    .box1 .left .list .item2 {
        margin-top: 30px;
    }

    .title1 {
        margin-bottom: 25px;
    }



    .box1 .left .list .item1 img {
        height: 61vw;
    }


}

@media screen and (max-width: 900px) {
.box2 .list .zuo img{height:760px;}
}


@media screen and (max-width: 800px) {
    .title1 .name {
        font-size: 23px;
    }

    .box2 .list .zuo,
    .box2 .list .you {
        width: 100%;
        float: none;
        padding-right: 0%;
        padding-left: 0%;
    }

    .box2 .list .you {
        margin-top: 30px;
    }

    .box2 .list {
        display: block;
    }

    .box2 .list .zuo img {
        height: 590px;
        max-width: 400px;
        margin: auto;
    }
}


@media screen and (max-width: 580px) {
   .box2 .list .zuo img{height: 580px;}
   .box3 li {
	width: 100%;
}

.box3 li:nth-child(even) {
	margin-right: 0;
}

.box3 li .img,
.box3 li .img img {
	height: 310px;
}
}