.Banner {
        padding: 0px 8.5% 0px;
}

.banner {
        position: relative;
}

.banner a::before {
        content: '';
        display: block;
        width: 100%;
        height: 137px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 1);
        /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        /* Firefox 3.6 - 15 */
        background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.banner a {
        display: block;
        position: relative;
}

.bannerPic {
        padding-bottom: 33.05%;
}

.bannertxt {
        line-height: 32px;
        bottom: 43px;
        position: absolute;
        width: 62%;
        left: 12.36%;
}

.banner .slick-prev {
        width: 56px;
        height: 56px;
        left: 10.56%;
        margin: 0;
        top: calc(50% - 28px);
        background: url(../images/prev.png) no-repeat;
}

.banner .slick-prev:hover {
        background: url(../images/next2.png) no-repeat;
}

.banner .slick-next {
        width: 56px;
        height: 56px;
        right: 10.56%;
        margin: 0;
        top: calc(50% - 28px);
        background: url(../images/next.png) no-repeat;
}

.banner .slick-next:hover {
        background: url(../images/prev2.png) no-repeat;
}

.banner .slick-dots {
        bottom: 54px;
        right: 10.56%;
        display: inline-block;
        width: auto;
}

.banner .slick-dots li {
        width: 11px;
        height: 11px;
}

.banner .slick-dots li button {

        background: rgba(255, 255, 255, .69);
}

.banner .slick-dots li.slick-active button {
        background: #fff;
}

/* main */
main {
        display: block;
        overflow: hidden;
}

.mode1 {
        overflow:
                hidden;
        padding: 40px 0;
}

.mode1r {
        width: 322px;
        background: #EFEFEF;

}

.mode1rUl {
        padding: 0 18px 25px 20px;
}

.mode1rUl li {
        margin-bottom: 11px;
        overflow: hidden;
        transition: all .3s ease-in-out;
}

.mode1rUl li:hover {
        transform: translateX(5px);
}

.title {
        border-bottom: 1px solid rgba(25, 120, 210, .1);
        margin-bottom: 22.5px;
        box-sizing: border-box;
        padding: 18px 18px 13.5px 20px;
}

.tit {
        line-height: 32px;
        color: #424594;
        font-weight: bold;
        display: inline-block;
        position: relative;
        padding-left: 15px;
}

.tit::before {
        content: '';
        display: block;
        width: 4px;
        height: 21px;
        background: #424594;
        position: absolute;
        left: 0;
        top: calc(50% - 10.5px);
}

.more {
        line-height: 32px;
        color: #E3A100;
        display: inline-block;
}

.more:hover {
        -webkit-animation: tada 2s linear infinite;
        animation: tada 2s linear infinite
}

@-webkit-keyframes tada {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1)
        }

        10%, 20% {
                -webkit-transform: scale(.9) rotate(-8deg);
                transform: scale(.9) rotate(-8deg)
        }

        30%, 50%, 70% {
                -webkit-transform: scale(1.3) rotate(8deg);
                transform: scale(1.3) rotate(8deg)
        }

        40%, 60% {
                -webkit-transform: scale(1.3) rotate(-8deg);
                transform: scale(1.3) rotate(-8deg)
        }

        100%, 80% {
                -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
        }
}

@keyframes tada {
        0% {
                -webkit-transform: scale(1);
                transform: scale(1)
        }

        10%, 20% {
                -webkit-transform: scale(.9) rotate(-8deg);
                transform: scale(.9) rotate(-8deg)
        }

        30%, 50%, 70% {
                -webkit-transform: scale(1.3) rotate(8deg);
                transform: scale(1.3) rotate(8deg)
        }

        40%, 60% {
                -webkit-transform: scale(1.3) rotate(-8deg);
                transform: scale(1.3) rotate(-8deg)
        }

        100%, 80% {
                -webkit-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0)
        }
}

.mode1rUl {
        padding: 0 18px 20px 20px;
        box-sizing: border-box;
}

.mode1rUl li:hover p {
        color: #424594
}

.date {
        width: 64px;
        height: 59px;
        background: #424594;
        box-sizing: border-box;
        position: relative;
}

.date span {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        padding: 4px;
        bottom: 0;
        width: 100%;
        margin: auto;
        box-sizing: border-box;
}

.day {
        text-align: center;

        line-height: 27px;
        border-bottom: 1px solid #fff;
        margin-bottom: 2.5px;
        font-weight: bold;
}

.year {
        line-height: 16px;
        white-space: normal;
        word-break: normal;
}

.mode1eInfor {
        margin-left: 73.5px;
        line-height: 28px;
        height: 56px;
        overflow: hidden;
        color: #333;
}

/* mode1l */
.mode1l {
        margin-right: 366px;
        background: #EFEFEF;
}

.mode1lUl1 a {
        display: block;
        position: relative;
}

.mode1lUl1 a::before {
        content: '';
        display: block;
        width: 100%;
        height: 66.45px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 1);
        /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        /* Firefox 3.6 - 15 */
        background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.mode1Pic {
        /* width: 375px; */
        overflow: hidden;
}

.mode1Img {
        padding-bottom: 56.27%;
}

.date1 {
        position: absolute;
        padding: 6px 9px 6px 4px;
        background: rgba(66, 69, 148, .45);
        border-top-right-radius: 16.5px;
        border-bottom-right-radius: 16.5px;
        top: 9px;
        left: 0;
        line-height: 21px;
}

.mode1txt {
        line-height: 21px;
        height: 42px;
        width: 81.6%;
        overflow: hidden;
        position: absolute;
        left: 8.41px;
        bottom: 12.84px;
}

.mode1Bot {
        padding: 0 22.07px 20px 20px;
        overflow: hidden;
        box-sizing: border-box;
}

.mode1lUl1 {
        width: 375px;
}

.mode1lUl1 .slick-prev {
        width: 20px;
        height: 40px;
        margin: 0;
        top: calc(50% - 20px);
        background: #fff url(../images/arr-l.png) no-repeat;
        background-size: 100% 100%;
        opacity: 0;
}

.mode1lUl1:hover .slick-prev {
        opacity: 1;
}

.mode1lUl1 .slick-next {
        width: 20px;
        height: 40px;
        margin: 0;
        top: calc(50% - 20px);
        background: #fff url(../images/arr-r.png) no-repeat;
        background-size: 100% 100%;
        opacity: 0;
}

.mode1lUl1:hover .slick-next {
        opacity: 1;
}

.mode1lUl1 .slick-dots {
        right: 9px;
        bottom: 29px;
        display: inline-block;
        width: auto;
}

.mode1lUl1 .slick-dots li {
        width: 5px;
        height: 5px;
        position: relative;
        margin: 0 2px;

}

.mode1lUl1 .slick-dots li button {
        border: 1px solid rgba(255, 255, 255, .71);
        background: none;
}

.mode1lUl1 .slick-dots li.slick-active button {
        background: #fff;
        border: 1px solid #fff;
}

.mode1lUl2 {
        margin-left: 393px;
}

.mode1lUl2 li {
        margin-bottom: 16px;
        transition: all .3s ease-in-out;
}

.mode1lUl2 li:hover p {
        color: #424594
}

.mode1lUl2 li:hover {
        transform: translateX(5px);
}

.date3 {
        line-height: 19px;
        color: #999;
        margin-left: 10px;
}

.mode1Infor {
        line-height: 19px;
        height: 38px;
        color: #999;
        margin-top: 5px;
        overflow: hidden;
}

/* mode2 */
.mode2 {
        overflow: hidden;
        padding-bottom: 47px;
}

.mode2r {
        display: block;
        background: #EFEFEF;
        width: 322px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        text-align: center;
        margin-top: 67px;
}

.mode2txt {
        font-size: 50px;
        line-height: 66px;
        height: 132px;
        overflow: hidden;
        font-weight: bold;
        color: #424594;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 106px;
        text-align:
                center;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, .16);
}

.subscribe {
        padding: 13px 30px 10px;
        background: #424594;
        line-height: 32px;
        display: inline-block;
        margin-bottom: 49.14px;
        border-radius: 27.5px;
}

.subscribe:hover {
        -webkit-animation: vertical 2s ease infinite;
        animation: vertical 2s ease infinite
}

.mode22 {
        margin-right: 366px;
}

.mode2l {
        margin: 0 -22px;
        overflow: hidden;
}

.mode22l {
        width: 50%;
        float: left;
}

.mode22l1 {
        margin: 0 22px;
}

.title2 {
        margin-bottom: 0;
        padding: 0;
        padding-top: 18px;
        padding-bottom: 13.5px;
}

@-webkit-keyframes vertical {
        0% {
                -webkit-transform: translate(0, -3px);
                transform: translate(0, -3px)
        }

        4% {
                -webkit-transform: translate(0, 3px);
                transform: translate(0, 3px)
        }

        8% {
                -webkit-transform: translate(0, -3px);
                transform: translate(0, -3px)
        }

        12% {
                -webkit-transform: translate(0, 3px);
                transform: translate(0, 3px)
        }

        16% {
                -webkit-transform: translate(0, -3px);
                transform: translate(0, -3px)
        }

        20% {
                -webkit-transform: translate(0, 3px);
                transform: translate(0, 3px)
        }

        100%, 22% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
        }
}

@keyframes vertical {
        0% {
                -webkit-transform: translate(0, -3px);
                transform: translate(0, -3px)
        }

        4% {
                -webkit-transform: translate(0, 3px);
                transform: translate(0, 3px)
        }

        8% {
                -webkit-transform: translate(0, -3px);
                transform: translate(0, -3px)
        }

        12% {
                -webkit-transform: translate(0, 3px);
                transform: translate(0, 3px)
        }

        16% {
                -webkit-transform: translate(0, -3px);
                transform: translate(0, -3px)
        }

        20% {
                -webkit-transform: translate(0, 3px);
                transform: translate(0, 3px)
        }

        100%, 22% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
        }
}

.mode2ul2 {
        height: 363.8px;
        overflow-y: auto;
        margin-top: 23px;
}


.mode2ul2::-webkit-scrollbar {
        width: 3px;
        height: 1px;
        display: none;
}


.mode2ul2::-webkit-scrollbar-thumb {
        border-radius: 1px;
        background-color: rgba(25, 120, 210, .0);

}


.mode2ul2::-webkit-scrollbar-track {
        border-radius: 6px;
        background: #F6FEFE;
}

.mode2UlList {
        /* padding-top: 31px; */
        position: relative;
        box-sizing: border-box;
}

.mode2UlList::before {
        content: '';
        display: block;
        width: 2px;
        height: 100%;
        background: #ededed;
        position: absolute;
        left: 161px;
        top: 0;
}

.mode2UlList li {
        margin-bottom: 34px;
        overflow: hidden;
}

.mode2UlList li:hover p {
        color: #424594;
}

.date4 {
        width: 124.83px;
        height: 43.2px;
        line-height: 43.2px;
        text-align: center;
        color: #424594;
        border: 1px solid #424594;
        border-radius: 21.6px;
}

.clock {
        margin-left: 21px;
        width: 28px;
        display: inline-block;
        height: 28px;
        margin-top: 7px;
        float: left;
        overflow: hidden;
        position: relative;
        z-index: 10;
}

.mode2UlList li:hover .clock {
        -webkit-animation: pulse 2s linear infinite;
        animation: pulse 2s linear infinite
}

.tabs {
        padding-top: 10px;
        margin-left: 121px;
}

.mode22l .til_tab {
        color: #b1b1b1;
        line-height: 24px;
        margin: 0 8px;
        cursor: pointer;
        display: inline-block;
}

.mode22l .til_tab.on {
        color: #333;
}

.mode2Top {
        line-height: 28px;
        color: #333;
}

.mode2bot {
        line-height: 28px;
        height: 28px;
        color: #424594;
        overflow: hidden;
}

.mode2Pic {
        width: 231px;
        overflow: hidden;
}

.mode2Img {
        padding-bottom: 60.17%;
}

.mode22l .tabListBox {
        position: relative;
        display: none;
        margin-top: 23px;
}

.more2 {
        position: absolute;
        right: 0;
        top: -66px;
}

.mode22l .tabListBox li:nth-child(1) .mode2Infor {
        margin-left: 243.83px;
}

.mode22l .tabListBox li:nth-child(1) .mode2Top p {
        line-height: 21px;
        color: #333;
        display: inline-block;
        padding-bottom: 13px;
        border-bottom: 1px solid #eee;
        margin-bottom: 13px;
}

.mode22l .tabListBox li:nth-child(1) .mode2bot {
        line-height: 28px;
        height: 84px;
        overflow: hidden;
        color: #999;
}

.mode22l .tabListBox li:nth-child(1):hover .mode2bot {
        color: #424594
}

.mode22l .tabListBox li {
        overflow: hidden;
        margin-bottom: 31.37px;
        transition: all .3s ease-in-out;
}

.mode22l .tabListBox li:hover {
        transform: translateX(5px);
}

.mode22l .tabListBox li:nth-child(1) {
        margin-bottom: 47.75px;
}

@-webkit-keyframes pulse {
        0% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
        }

        50% {
                -webkit-transform: scale(.8);
                transform: scale(.8)
        }

        100% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
        }
}

@keyframes pulse {
        0% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
        }

        50% {
                -webkit-transform: scale(.8);
                transform: scale(.8)
        }

        100% {
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
        }
}

@-webkit-keyframes bounce {
        0%, 10%, 100%, 20%, 50%, 80% {
                -webkit-transform: translateY(0);
                transform: translateY(0)
        }

        40% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px)
        }

        60% {
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px)
        }
}

.mode2ctet {
        line-height: 28px;
        max-height: 56px;
        overflow: hidden;
        color: #333;
        margin-left: 189px;
}

/* mode3 */
.mode3 {
        overflow: hidden;
        /* padding-bottom: 60px; */
}

.mode33 {
        overflow: hidden;
        padding: 29.13px 0 62.11px;
        box-sizing: border-box;
        min-height: 695px;
}

.mode3l {
        /* height: 578px; */
        width: 356px;
        position: absolute;
        overflow: hidden;
}

.mode3l ul {
        box-sizing: border-box;
        overflow-y: auto;
        height: 677px;
        /* width: calc(100% - 28px) !important; */
}

.mode3mouse {
        position:
                absolute;
        right: 2px;
        top: 0;
        overflow-y: auto;
        height: 578px;
}

.mode3mouse::-webkit-scrollbar {
        width: 3px;
        height: 1px;
        display: none;
}


.mode3mouse::-webkit-scrollbar-thumb {
        border-radius: 1px;
        background-color: rgba(25, 120, 210, .0);

}


.mode3mouse::-webkit-scrollbar-track {
        border-radius: 6px;
        background: #F6FEFE;
}

.mode3mouse dd {
        width: 28px;
        height: 78px;
        background: url(../images/mode3tbg.png) no-repeat !important;
        background-size: 100% 100%;
}

.more_tab {
        opacity: 0;
}

.more_tab.on {
        opacity: 1;
}

.mode3l .til_tab {
        padding: 28px 29px;
        line-height: 21px;
        color: #333;
        box-sizing: border-box;
        position: relative;
        z-index: 20;
        background: #EFEFEF;
        /* margin-right: 31px; */
        width: calc(100% - 28px) !important;
}

.mode3r {
        margin-left: 395px;
        display: none;
}

.til_tab h3 {
        line-height: 22px;
        position: relative;
        font-weight: normal;
        z-index: 10;
}

.mode3l .til_tab.on {
        /* width: 356px; */
        background: #424594;

}

.til_tab.on h3 {
        font-weight: bold;
        color: #fff;
}

.mode3l .til_tab.on::before {
        content: '';
        display: block;
        width: 28px;
        height: 100%;
        background: url(../images/mode3tbg.png) no-repeat;
        position: absolute;
        right: -28px;
        top: 0;
        background-size: 100% 100%;
}

.mode3rTop {
        margin-bottom: 56px;
        border-bottom: 1px solid #E1E1E1;
}

.mode3rTop a {
        display:block;
        line-height: 21px;
        color: #333;
        margin: 41px 0 15px;
        font-weight: normal;
}

.mode3rTop .mode3txt{
        line-height: 37px;
        height: 111px;
        overflow: hidden;
        color: #999;
        margin-bottom: 43px;
}

.mode3Bot h3 {
        line-height: 21px;
        color: #333;
        margin-bottom: 27px;
        font-weight: normal;
}

.mode3Ul1 {
        margin: 0 -11px;
        overflow: hidden;
}

.mode3Ul1 a {
        display: block;
        margin: 0 11px;
}

.mode3Ul1 li {
        margin-bottom: 22px;
}

.mode3Pic {
        padding-bottom: 56.47%;
}



@media screen and (max-width: 1685px) {
        .Banner {
                padding: 0px 3.5% 4px;


        }
}

@media screen and (max-width:1460px) {
        .mode22l .tabs {
                margin-left: 120px;
        }

        .mode22l .til_tab {
                margin: 0;
        }

        .mode3l {
                width: 276px;
                height: 626px;
        }

        .mode3l ul {
                /* width: 230px; */
        }

        .mode3r {
                margin-left: 300px;
        }

        .mode3rTop {
                margin-bottom: 24px;
                border-bottom: 1px solid #E1E1E1;
        }

        .mode3rTop p {

                margin-bottom: 27px;
        }

        .mode3mouse dd {
                background: url(../images/mode3tbg3.png) no-repeat !important;
                height: 120px;
        }

        .mode3l .til_tab {
                padding: 38px 29px;
        }
}
@media screen and (max-width:1400px){
.mode3l ul{
              height: 592px;
        }}
@media screen and (max-width:1300px) {
        .mode1Bot {
    padding: 0 22.07px 25px 20px;
        }
        .mode3rTop p {
                margin-bottom: 50px;
        }

        .mode22l .tabs {
                margin-left: 100px;
        }

        .mode3l .til_tab {
                padding: 23px 30px;
        }

        .mode1rUl li {
                margin-bottom: 13px;
        }
        .mode3l ul{
              height: 562px;
        }
}

@media screen and (max-width:1200px) {
        .mode1lUl1 {
                width: 300px;
        }

        .mode1lUl2 {
                margin-left: 325px;
        }

        .mode1r {
                width: 260px;
                background: #EFEFEF;
        }

        .mode1l {
                margin-right: 290px;
                background: #EFEFEF;
        }

        .mode1txt {
                width: 79.6%;
        }

        .mode1lUl2 li {
                margin-bottom: 8px;
        }

        .mode1rUl li {
                margin-bottom: 10px;
        }

        .mode1rUl {
                padding-bottom: 0;
        }

        .mode2r {
                width: 260px;

        }

        .mode22 {
                margin-right: 290px;
        }

        .mode3rTop {
                margin-bottom: 48px;
                border-bottom: 1px solid #E1E1E1;
        }

}

@media screen and (max-width:1100px) {
        .mode1r {
                width: 100%;
                float: none;
                margin-bottom: 20px;
        }

        .mode1rUl {
                padding-bottom: 20px
        }

        .mode1l {
                width: 100%;
        }

        .mode1lUl1 {
                width: 340px;
        }

        .mode1lUl2 {
                margin-left: 360px;
        }

        .mode1lUl2 li {
                margin-bottom: 12px;
        }

        .mode22 {
                margin-right: 0;
        }

        .mode2r {
                width: 100%;
                float: none;
                margin-bottom: 20px;
                margin-top: 0;
        }

        .mode22l .tabs {
                margin-left: 110px;
        }

        .mode2 {
                overflow: hidden;
                padding-bottom: 0;
        }

        .mode3Bot h3 {
                margin-bottom: 48px;

        }

        .mode3rTop {
                margin-bottom: 30px;
                border-bottom: 1px solid #E1E1E1;
        }

        .mode3rTop p {
                margin-bottom: 33px;
                line-height: 25px;
                height: 75px;
        }

        .mode3r {
                margin-left: 0;
                margin-top: 20px;
        }

        .mode3Bot h3 {
                margin-bottom: 24px;
        }

        .mode3l .til_tab {
                padding: 16px 30px;
        }

        .mode3Ul1 a {

                margin: 0 5px;
        }

        .mode3Ul1 li {
                margin-bottom: 10px
        }

        .mode3Ul1 {
                margin: 0 -5px;
        }

        .mode3l {
                width: 100%;
                height: 290px;
                position: static;
                float: none;
        }

        .mode3l ul {
                width: 100%;
                height: 290px;
        }

        .mode3mouse {
                display:
                        none;
        }

        .til_tab h3 {
                height: auto;
        }

        .mode33 {
                overflow: hidden;
                padding: 29.13px 0 30.11px;
                box-sizing: border-box;
        }
}



@media screen and (max-width:996px) {
        .banner .slick-prev {
                width: 40px;
                height: 40px;
                left: 5.56%;
                top: calc(50% - 20px);
                background-size: 100% 100%;
        }

        .banner .slick-prev:hover {
                background: url(../images/next2.png) no-repeat;
                width: 40px;
                height: 40px;
                background-size: 100% 100%;
        }

        .banner .slick-next {
                width: 40px;
                height: 40px;
                right: 5.56%;
                top: calc(50% - 20px);
                background-size: 100% 100%;
        }

        .banner .slick-next:hover {
                background: url(../images/prev2.png) no-repeat;
                width: 40px;
                height: 40px;
                background-size: 100% 100%;
        }

        .bannertxt {
                left: 8.36%;
                bottom: 25px;
        }

        .banner .slick-dots {
                right: 5.56%;
                bottom: 32px;
        }

}

@media screen and (max-width:767px) {
        .banner a::before {
                height: 68px;
        }

        .mode1lUl2 li {
                margin-bottom: 16px;
        }

        .mode1lUl1 {
                width: 100%;
                float: none;
                margin-bottom: 20px;
        }

        .mode1lUl2 {
                margin-left: 0;
        }

        .mode1Bot {
                padding-bottom: 20px;
        }

        .mode1txt {
                width: 73.6%;
        }

        .mode22l {
                width: 100%;
                float: none;
        }

        .mode22l .tabListBox li {
                overflow: hidden;
                margin-bottom: 20px !important;
        }


}

@media screen and (max-width:479px) {
        .mode3 {
                overflow: hidden;
                padding-bottom: 25px;
        }

        .bannertxt {
                left: 8.36%;
                bottom: 2px;
                font-size: 14px;
                width: 45%;
        }

        .banner .slick-dots {
                right: 5.56%;
                bottom: 9px;
        }

        .banner a::before {
                height: 35px;
        }

        .mode2Pic {
                width: 100%;
                float: none;
                margin-bottom: 20px;
        }

        .mode2Infor {
                margin-left: 0 !important;
        }

        .mode22l .tabListBox li:nth-child(1) .mode2bot {
                height: auto;
        }

        .mode22l .tabListBox li {
                overflow: hidden;
                margin-bottom: 10px !important;
        }

        .mode22l .tabListBox li:nth-child(1) .mode2Top p {

                margin-bottom: 0;
        }

        .date4 {
                width: 84.83px;
                height: 30.2px;
                line-height: 30.2px;

        }


        .mode2UlList li:hover .clock {
                -webkit-animation: pulse 2s linear infinite;
                animation: pulse 2s linear infinite;
        }

        .clock {
                margin-left: 10px;

                margin-top: 0;

        }

        .mode2UlList::before {
                left: 110px;
        }

        .mode2ctet {

                margin-left: 139px;
        }

        .mode2UlList li {
                margin-bottom: 15px;
                overflow: hidden;
        }

        .mode2txt {
                font-size: 40px;
                line-height: 50px;
                height: 100px;

                margin-top: 49px;

        }

        .mode3rTop h3 {
                margin: 20px 0 0;
                font-weight: normal;
        }

        .mode3rTop p {
                margin-bottom: 30px;
        }

        .mode3rTop {
                margin-bottom: 23px;
                border-bottom: 1px solid #E1E1E1;
        }
}

@media screen and (max-width:400px) {
        .mode22l .tabs {
                margin-left: 90px;
        }
}