.pic {
        position: relative;
        overflow: hidden;
    }
    
    .pic img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        transition: all .4s;
        object-fit: cover;
    }
    
    .pic:hover img {
        transform: translate(-50%, -50%) scale(1.2);
    }
    
    .tp-other {
        display: none;
    }
    
    .section1 {
        padding: 60px 0;
    }
    
    .title {
        overflow: hidden;
    }
    
    .title h2 {
        float: left;
        font-size: 36px;
        color: #000;
        font-family: 思源宋体;
        font-weight: normal;
    }
    
    .title .more {
        float: right;
        margin-top: 15px;
    }
    
    .title .more a {
        display: block;
        font-size: 16px;
        color: #bb050f;
    }
    
    .sect1 {
        overflow: hidden;
    }
    
    .sect1-l {
        float: left;
        width: 53%;
    }
    
    .sect1-r {
        float: right;
        width: 44%;
    }
    
    .tread-pic>ul>li {
        float: left;
        width: 46%;
        margin-left: 8%;
        transition: all .3s;
    }
    
    .tread-pic>ul>li:first-child {
        margin-left: 0;
    }
    
    .sect1-l-other {
        display: none;
    }
    
    .sect1 .title {
        padding-bottom: 35px;
    }
    
    .tread-pic>ul>li a {
        display: block;
    }
    
    .tread-pic>ul>li a .pic {
        padding-top: 67%;
    }
    
    .tread-pic>ul>li a .text {
        padding: 15px 15px;
        transition: all .3s;
    }
    
    .tread-pic>ul>li a .text p {
        line-height: 24px;
        font-size: 17px;
        color: #111;
        height: 48px;
        overflow: hidden;
    }
    
    .tread-pic>ul>li:hover a .text {
        background-color: #ca1f1f;
    }
    
    .tread-pic>ul>li:hover a .text p {
        color: #fff;
    }
    
    .tread-text ul li {
        position: relative;
        padding-left: 20px;
        padding-right: 110px;
        line-height: 70px;
        font-size: 17px;
        color: #111;
        border-bottom: 1px solid #dddddd;
        background: url(../images/tread-icon1.png) no-repeat left center;
        border-left: 5px solid transparent;
        transition: all .3s;
    }
    
    .tread-text ul li a {
        display: block;
        font-size: 17px;
        color: #111;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .tread-text ul li span {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px;
        color: #111;
        transition: all .3s;
    }
    
    .tread-text ul li:hover {
        background-image: none;
        border-left: 5px solid #bb050f;
    }
    
    .tread-text ul li:hover a {
        color: #bb050f;
    }
    
    .tread-text ul li:hover span {
        transform: translateX(-5px);
        color: #bb050f;
    }
    
    .sect1-r>ul>li {
        margin-top: 20px;
        border: 1px solid #f1f1f1;
        padding: 20px 15px;
        transition: all .3s;
    }
    
    .sect1-r>ul>li:first-child {
        margin-top: 0;
    }
    
    .sect1-r>ul>li a {
        display: block;
    }
    
    .sect1-r>ul>li a .date {
        float: left;
        width: 65px;
        height: 55px;
        text-align: center;
    }
    
    .sect1-r>ul>li a .date p {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        background-color: #bb050f;
    }
    
    .sect1-r>ul>li a .date span {
        display: block;
        font-size: 18px;
        color: #111;
        line-height: 29px;
    }
    
    .sect1-r>ul>li a .text {
        padding-left: 15px;
        overflow: hidden;
    }
    
    .sect1-r>ul>li a .text h2 {
        font-size: 17px;
        color: #111;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .sect1-r>ul>li a .text p {
        margin-top: 5px;
        font-size: 14px;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .sect1-r>ul>li:hover {
        background-color: #bb050f;
    }
    
    .sect1-r>ul>li:hover .date p {
        color: #bb050f;
        background-color: #fff;
    }
    
    .sect1-r>ul>li:hover .date span {
        color: #fff;
    }
    
    .sect1-r>ul>li:hover .text h2 {
        color: #fff;
    }
    
    .sect1-r>ul>li:hover .text p {
        color: #fff;
    }
    
    .section2 {
        padding-top: 55px;
        padding-bottom: 60px;
        background: url(../images/sect2-bg.png) no-repeat center top;
        background-size: cover;
    }
    
    .sect2 .title {
        position: relative;
    }
    
    .sect2 .title h2 {
        float: none;
        color: #fff;
        text-align: center;
    }
    
    .sect2 .title .more {
        position: absolute;
        right: 580px;
        top: 10px;
    }
    
    .sect2 .title .more a {
        color: #fff;
    }
    
    .party ul {
        margin-left: -24px;
        margin-right: -24px;
        padding-top: 55px;
        padding-bottom: 80px;
    }
    
    .party ul li {
        margin: 0 24px;
    }
    
    .party ul li a {
        display: block;
        transition: all .3s;
    }
    
    .party ul li a .pic {
        padding-top: 70%;
    }
    
    .sect2 ul li a .text {
        background-color: #fff;
        height: 170px;
        box-sizing: border-box;
        padding: 20px;
        transition: all .3s;
    }
    
    .sect2 ul li a .text h2 {
        line-height: 20px;
        font-size: 17px;
        color: #111;
        height: 40px;
        overflow: hidden;
        font-weight: normal;
    }
    
    .sect2 ul li a .text p {
        line-height: 24px;
        height: 72px;
        line-height: 24px;
        font-size: 14px;
        color: #666;
        overflow: hidden;
        margin-top: 15px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    
    .sect2 ul li a:hover .text {
        background-color: #bb050f;
    }
    
    .sect2 ul li a:hover .text h2 {
        color: #fff;
    }
    
    .sect2 ul li a:hover .text p {
        color: #fff;
    }
    
    .party .slick-prev {
        left: 43%;
        top: auto;
        bottom: 0;
        width: 83px;
        height: 32px;
        background: url(../images/party-l.png) no-repeat center center;
        z-index: 9;
    }
    
    .party .slick-next {
        right: 43%;
        top: auto;
        bottom: 0;
        width: 83px;
        height: 32px;
        background: url(../images/party-r.png) no-repeat center center;
        z-index: 9;
    }
    
    .section3 {
        padding-top: 90px;
        background: url(../images/sect3-bg.png) no-repeat center center;
        background-size: cover;
        padding-bottom: 50px;
    }
    
    .sect3 .title h2 {
        float: none;
        text-align: center;
        margin-bottom: 60px;
    }
    
    .sect3>ul>li {
        margin-bottom: 30px;
    }
    
    .sect3>ul>li.one .pic {
        padding-top: 63.6%;
    }
    
    .sect3>ul>li.one ul li {
        float: left;
        width: 48.5%;
        margin-left: 3%;
    }
    
    .sect3>ul>li.one ul li:first-child {
        margin-left: 0;
    }
    
    .sect3>ul>li.two .pic {
        padding-top: 67%;
    }
    
    .sect3>ul>li.two ul li {
        float: left;
        width: 31.25%;
        margin-left: 3.125%;
    }
    
    .sect3>ul>li.two ul li:first-child {
        margin-left: 0;
    }
    
    .section4 {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    
    .sect4>ul>li {
        float: left;
        width: 31%;
        margin-left: 3.5%;
        box-sizing: border-box;
        border: 1px solid #f1f1f1;
    }
    
    .sect4>ul>li:first-child {
        margin-left: 0;
    }
    
    .sect4>ul>li .topic {
        position: relative;
        height: 116px;
    }
    
    .sect4>ul>li.child1 .topic {
        background: url(../images/s4-topic1.png) no-repeat right center;
        background-size: 100% 100%;
    }
    
    .sect4>ul>li.child2 .topic {
        background: url(../images/s4-topic2.png) no-repeat right center;
        background-size: 100% 100%;
    }
    
    .sect4>ul>li.child3 .topic {
        background: url(../images/s4-topic3.png) no-repeat right center;
        background-size: 100% 100%;
    }
    
    .sect4>ul>li .topic::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    
    .sect4>ul>li h2 {
        position: relative;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 36px;
        font-weight: normal;
        font-family: 思源宋体;
        line-height: 116px;
        padding-left: 30px;
        box-sizing: border-box;
    }
    
    .sect4>ul>li.child1 .topic::before {
        background: url(../images/s4-zd1.png) no-repeat left center;
        background-size: 100% 100%;
    }
    
    .sect4>ul>li.child2 .topic::before {
        background: url(../images/s4-zd2.png) no-repeat left center;
        background-size: 100% 100%;
    }
    
    .sect4>ul>li.child3 .topic::before {
        background: url(../images/s4-zd3.png) no-repeat left center;
        background-size: 100% 100%;
    }
    
    .sect4>ul>li ul {
        padding: 15px 35px 5px 30px;
    }
    
    .sect4>ul>li ul li {
        border-bottom: 1px dashed #dddddd;
        line-height: 58px;
        transition: all .3s;
    }
    
    .sect4>ul>li ul li:last-child {
        border-bottom: none;
    }
    
    .sect4>ul>li ul li a {
        display: block;
        font-size: 17px;
        color: #111111;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .sect4>ul>li ul li:hover {
        background-color: #bb050f;
    }
    
    .sect4>ul>li ul li:hover a {
        color: #fff;
    }
    
    @media screen and (max-width: 1490px) {
        .sect2 ul {
            margin-left: 0;
            margin-right: 0;
        }
    }
    
    @media screen and (max-width: 1440px) {
        .sect1-r>ul>li {
            margin-top: 10px;
        }
        .party .slick-prev {
            left: 40%;
        }
        .party .slick-next {
            right: 40%;
        }
        .section1 {
            padding: 20px 0;
        }
        .section2 {
            padding: 20px 0;
        }
        .sect2 .title .more {
            right: 10px;
        }
        .section3 {
            padding: 20px 0;
        }
        .section4 {
            padding: 20px 0;
        }
    }
    
    @media screen and (max-width:1000px) {
        .sect1-l {
            float: none;
            width: auto;
        }
        .sect1-r {
            float: none;
            width: auto;
        }
        .party ul li {
            margin: 10px;
        }
        .party .slick-prev {
            left: 30%;
        }
        .party .slick-next {
            right: 30%;
        }
        .sect4>ul>li {
            float: none;
            width: auto;
            margin-left: 0;
        }
        .sect4>ul>li ul li {
            line-height: 32px;
        }
    }
    
    @media screen and (max-width:700px) {
        .sect1-l {
            display: none;
        }
        .sect1-l-other {
            position: relative;
            display: block;
            padding-bottom: 25px;
        }
        .sect1-l-other h2 {
            text-align: center;
            font-size: 24px;
            color: #000;
            font-family: 思源宋体;
            font-weight: normal;
        }
        .sect1-l-other .more {
            position: absolute;
            bottom: 0;
            right: 0;
        }
        .sect1-l-other .more a {
            font-size: 16px;
            color: #bb050f;
        }
        .tread-others>ul li a {
            display: block;
        }
        .tread-others>ul li a .pic {
            padding-top: 67%;
        }
        .tread-others>ul li a .text {
            padding: 15px 15px;
            transition: all .3s;
        }
        .tread-others>ul li a .text p {
            line-height: 24px;
            font-size: 17px;
            color: #111;
            height: 48px;
            overflow: hidden;
        }
        .tread-others .slick-dots {
            width: auto;
            right: 25px;
            bottom: 100px;
        }
        .tread-others .slick-dots li {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #fff;
        }
        .tread-others ul.slick-dots li.slick-active {
            background-color: #c92440;
        }
        .sect1-r {
            margin-top: 0px;
        }
        .title {
            position: relative;
        }
        .title h2 {
            font-size: 24px;
            float: none;
            text-align: center;
        }
        .title .more {
            position: absolute;
            top: 10px;
            right: 0;
        }
        .party .slick-prev {
            left: 15%;
        }
        .party .slick-next {
            right: 15%;
        }
        .party ul {
            padding-top: 20px;
            padding-bottom: 65px;
        }
        .sect3 .title h2 {
            margin-bottom: 20px;
        }
        .tp-other {
            display: block;
        }
        .tp {
            display: none;
        }
        .tp-other ul li a {
            display: block;
        }
        .tp-other ul li a .pic {
            padding-top: 67%;
        }
        .tp-other .slick-prev {
            width: 24px;
            height: 25px;
            left: 20px;
            background: url(../images/banner-l.png) no-repeat center center;
        }
        .tp-other .slick-next {
            width: 24px;
            height: 25px;
            right: 20px;
            background: url(../images/banner-r.png) no-repeat center center;
        }
        .tread-text ul li {
            line-height: 50px;
            margin-top: 10px;
        }
        .ft-r ul li {
            display: block;
            float: none;
            width: 100%;
        }
        .ft-r ul li:nth-child(3n-2),
        .ft-r ul li:nth-child(3n-1) {
            width: auto;
        }
        .ft-l p {
            display: block;
            margin-left: 0;
        }
        .sect4>ul>li ul {
            padding: 10px;
        }
        .sect4>ul>li ul li a {
            font-size: 14px;
        }
        .sect4>ul>li .topic {
            height: 80px;
        }
        .sect4>ul>li h2 {
            line-height: 80px;
        }
        .tread-text ul li a {
            font-size: 14px;
        }
        .title .more {
            margin-top: 0;
        }
        .sect4>ul>li h2 {
            font-size: 26px;
        }
    }