main {
                overflow: hidden;
            }
            
            .mode1 {
                background: #eee;
                padding-top: 50px;
                overflow: hidden;
            }
            
            .mode1l {
                width: 58.33%;
                float: left;
            }
            
            .mode1slick li a {
                display: block;
                width: 700px;
            }
            
            .mode1img {
                padding-bottom: 56.29%;
                position: relative;
            }
            
            .mode1slick {
                z-index: 10;
            }
            
            .mode1img::before {
                content: '';
                display: block;
                width: 100%;
                height: 78px;
                position: absolute;
                left: 0;
                z-index: 20;
                bottom: 0px;
                background: url(../images/gradual.png) repeat-x;
            }
            
            .slick-dots {
                bottom: 68px;
                display: block;
                float: left;
                width: 168px;
            }
            
            .slick-dots li {
                width: 9px;
                height: 9px;
                margin-right: 16px;
                border-radius: 50%;
                background: rgba(255, 255, 255, .5);
            }
            
            .slick-dots li.slick-active {
                background: rgba(255, 255, 255, 1);
            }
            
            .mode1p {
                width: 95.9%;
                background: #fff;
                margin-left: 29px;
                z-index: 30;
                margin-top: -20px;
                position: relative;
                overflow: hidden;
            }
            
            .mode1p p {
                float: left;
                padding-top: 15px;
                padding-left: 30px;
                padding-right: 30px;
                font-size: 16px;
                float: left;
                line-height: 24px;
                color: #222;
                font-weight: bold;
                display: block;
                display: -webkit-box;
                height: 48px;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                max-width: 560px;
                text-overflow: ellipsis;
            }
            
            .date {
                width: 50px;
                background: #6b397f;
                text-align: center;
                float: right;
                padding-top: 11px;
            }
            
            .date span:nth-child(1) {
                font-size: 30px;
                line-height: 24px;
                color: #fff;
            }
            
            .date span:nth-child(2) {
                font-size: 14px;
                line-height: 24px;
                color: rgba(255, 255, 255, .6);
            }
            
            .mode1r {
                width: 36.67%;
                float: right;
                overflow: hidden;
            }
            
            .mode1Tit {
                overflow: hidden;
            }
            
            .mode1h3 {
                font-size: 24px;
                line-height: 24px;
                font-weight: bold;
                float: left;
                margin-right: 40px;
            }
            
            .mode1h3:hover {
                color: #6b397f;
            }
            
            .more {
                font-size: 14px;
                line-height: 24px;
                color: #757575;
                position: relative;
            }
            
            .more::before {
                content: '';
                display: block;
                width: 160px;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: -3px;
                background: #fff;
            }
            
            .more2::before {
                background: #eee;
            }
            
            .mode1ul li {
                overflow: hidden;
                padding: 14px 0;
                border-bottom: 1px solid #fff;
            }
            
            .mode1sp {
                width: 80px;
                height: 24px;
                font-size: 14px;
                float: right;
                color: #fff;
                margin-left: 24px;
                text-align: center;
                line-height: 24px;
                background: #be99cc;
            }
            
            .mode1rp {
                font-size: 16px;
                color: #222;
                line-height: 27px;
            }
            /* mode2 */
            
            .mode2 {
                overflow: hidden;
                padding: 50px 0;
            }
            
            .mode2left {
                width: 58.33%;
                float: left;
            }
            
            .mode2ul1span {
                width: 111px;
                height: 24px;
                font-size: 14px;
                float: right;
                color: #fff;
                padding-left: 13px;
                margin-left: 24px;
                text-align: center;
                line-height: 24px;
                background: #be99cc;
                position: relative;
            }
            
            .mode2ul1span::before {
                content: '';
                display: block;
                width: 11px;
                height: 11px;
                position: absolute;
                left: 10px;
                bottom: 7px;
                background: url(../images/clock.png);
            }
            
            .mode2ul1 li {
                overflow: hidden;
                padding: 14px 0;
                border-bottom: 1px solid #eee;
                position: relative;
            }
            
            .mode2ul1 li::before {
                content: '';
                display: block;
                width: 4px;
                height: 4px;
                position: absolute;
                left: 0;
                bottom: 25px;
                background: #6b397f;
            }
            
            .mode2ul1 li::after {
                content: '';
                display: block;
                width: 44px;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: 0px;
                display: none;
                background: #222;
            }
            
            .mode2ul1p {
                padding-left: 14px;
                font-size: 16px;
                line-height: 24px;
                color: #222;
            }
            
            .mode2ul1 li:hover .mode2ul1span {
                background: #6b397f;
            }
            
            .mode2ul1 li:hover .mode2ul1p {
                font-weight: bold;
            }
            
            .mode2ul1 li.on::after {
                display: block;
            }
            
            .mode1lbottom {
                overflow: hidden;
                margin-top: 47px;
            }
            
            .mode1lbottom li {
                overflow: hidden;
                width: 33.3%;
                float: left;
            }
            
            .mode1lbottom ul {
                margin-left: -4px;
                /* margin-right: 77px; */
            }
            
            .mode1lbottom li a {
                display: block;
                padding: 14px 0;
                position: relative;
                padding-left: 25px;
                display: block;
                padding-right: 55px;
                /* float: left; */
                margin: 0 9px;
                border-bottom: 1px solid #eee;
            }
            
            .mode2ul2 p {
                font-size: 16px;
                line-height: 24px;
                color: #222;
            }
            
            .mode2ul2 li a::before {
                content: '';
                display: block;
                width: 14px;
                height: 14px;
                position: absolute;
                left: 0;
                bottom: 20px;
                background: url(../images/jie.png);
            }
            
            .mode2right {
                width: 36.67%;
                float: right;
                overflow: hidden;
            }
            
            .mode2rtopimg {
                /* width: 133px; */
                overflow: hidden;
            }
            
            .mode2rtimg {
                padding-bottom: 139.84%;
            }
            
            .mode2rtop ul {
                overflow: hidden;
                margin-top: 14px;
                margin-left: 4px;
            }
            
            .mode2rtop ul li {
                width: 32%;
                display: inline-block;
            }
            
            .mode2rtop ul li a {
                display: inline-block;
                overflow: hidden;
                border: 1px solid #eee;
            }
            .mode2tc { position:relative;}
            .mode2tc p { position:absolute; left:0px; bottom:0px; display: none;}
            .mode2tc:hover p { display: block;}
            .mode2rtop ul p {
                font-size: 16px;
                line-height: 24px;
                color: #222;
                padding: 10px 24px;
                border-top: none;
                display: block;
                display: -webkit-box;
                height: 48px;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                display: none;;
                background:rgba(255, 255, 255, .5)
            }
            .mode2rtop ul p span { height:48px; line-height: 24px; overflow: hidden; display: block;}
            .mode2rtop ul .mode2tc:hover p { display: block;}
            .mode2ul3 li {
                padding: 14px 0;
                border-bottom: 1px solid #eee;
                overflow: hidden;
                padding-left: 26px;
            }
            
            .mode2ul3 li span {
                font-size: 14px;
                line-height: 24px;
                color: #6b397f;
                float: left;
                margin-right: 20px;
                position: relative;
            }
            
            .mode2ul3 li span::before {
                content: '';
                display: block;
                width: 12px;
                height: 14px;
                position: absolute;
                left: -21px;
                bottom: 7px;
                background: url(../images/clock2.png);
            }
            
            .mode2ul3 li p {
                font-size: 16px;
                line-height: 24px;
                color: #222;
            }
            
            @media screen and (max-width:1300px) {
                .mode2rtop ul li {
                    width: 31%;
                }
                .mode1p p {
                    width: 71.92%;
                }
                .mode1slick li a {
                    width: auto;
                }
                .mode1p {
                    margin-left: 21px;
                }
            }
            
            @media screen and (max-width:996px) {
                .mode1l {
                    width: 100%;
                }
                .mode1r {
                    width: 100%;
                    float: left;
                }
                .mode1slick::before {
                    width: 700px;
                }
                .mode2left {
                    width: 100%;
                }
                .mode2right {
                    width: 100%;
                    float: left;
                    margin-top: 50px;
                }
                .mode1r {
                    margin-top: 50px;
                }
                .mode1p {
                    padding-bottom: 20px;
                }
            }
            
            @media screen and (max-width:767px) {
                .mode1slick::before {
                    width: 100%;
                }
                .mode1p {
                    margin-left: 0;
                }
            }
            
            @media screen and (max-width:479px) {
                .mode2rtop ul li a {
                    display: block;
                }
                .mode2rtop ul li {
                    width: 100%;
                    float: none;
                    display: block;
                    margin-bottom: 20px;
                }
                .mode1lbottom li {
                    width: 100%;
                    float: none;
                    display: block;
                }
                .mode1lbottom li a {
                    display: block;
                    width: 100%;
                }
                .mode1p p {
                    padding-left: 6px;
                    padding-right: 15px;
                }
                .slick-dots {
                    bottom: 76px;
                }
                .mode1rp,
                .mode2ul1p,
                .mode2ul2 p,
                .mode2ul3 li p {
                    font-size: 14px;
                }
                .mode1sp,
                .mode2ul1span {
                    font-size: 12px;
                }
            }