                                    .banner {
                                        /* background: url(/images/bannerbg.png) no-repeat; */
                                        background-size: cover;
                                        position: relative;
                                        overflow: hidden;
                                        z-index: 10;
                                        box-shadow: 8px 10px 18px rgb(0 0 0 / 20%);
                                    }
                                    
                                    .banner .slick-dots li button {
                                        background: #fff;
                                    }
                                    
                                    .banner .slick-dots li.slick-active button {
                                        background: #0059b3;
                                    }
                                    
                                    .mode1bttom {
                                        margin-top: 20px;
                                    }
                                    
                                    .bannerPic {
                                        padding-bottom: 25%;
                                    }
                                    
                                    .banner li {
                                        position: relative;
                                        z-index: 10 !important;
                                    }
                                    
                                    .Title {
                                        text-align: center;
                                        padding: 50px 0;
                                        position: relative;
                                    }
                                    .Title span:first-child{
                                                                        font-weight:bold;
                                    }
                                    .titlecon {
                                        display: inline-block;
                                        position: relative;
                                        padding: 0 30px;
                                    }
                                    
                                    .titlecon::before {
                                        content: '';
                                        display: block;
                                        height: 100%;
                                        width: 1px;
                                        background: #bcdfff;
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                    }
                                    
                                    .titlecon::after {
                                        content: '';
                                        display: block;
                                        height: 100%;
                                        width: 1px;
                                        background: #bcdfff;
                                        position: absolute;
                                        right: 0;
                                        top: 0;
                                    }
                                    
                                    .titlecon span:first-child {
                                        color: #333;
                                        line-height: 26px;
                                        display: block;
                                        font-family:'Ã©Â»â€˜Ã¤Â½â€œ';
                                    }
                                    
                                    .titlecon span:last-child {
                                        color: #999;
                                        line-height: 26px;
                                    }
                                    
                                    .more {
                                        color: #0f72ca;
                                        line-height: 26px;
                                        right: 0;
                                        position: absolute;
                                        top: 80px;
                                    }
                                    
                                    .mode1 {
                                        background: url(/images/bangb.png) no-repeat;
                                        background-size: 100% 100%;
                                        padding-bottom: 100px;
                                        position: relative;
                                        z-index: 5;
                                    }
                                    
                                    .mode1l {
                                        width: 540px;
                                        background: #fff;
                                        position: relative;
                                        display: block;
                                        /* overflow: hidden; */
                                    }
                                    
                                    .mode1l .date {
                                        position: absolute;
                                        right: 0;
                                        bottom: -16px;
                                        line-height: 31px;
                                        padding: 5px 10px;
                                        padding-left: 38px;
                                        text-align: center;
                                        width: 102px;
                                        height: 31px;
                                        background: url(/images/datebg.png) no-repeat no-repeat;
                                        background-size: 100% 100%;
                                    }
                                    
                                    .mode1l .date::before {
                                        content: '';
                                        display: block;
                                        width: 22px;
                                        height: 22px;
                                        background: url(/images/dateb2.png) no-repeat;
                                        position: absolute;
                                        left: 21px;
                                        top: 10px;
                                    }
                                    
                                    .mode1lImg {
                                        padding-bottom: 56.11%;
                                    }
                                    
                                    .mode1l .mode1linfor {
                                        display: block;
                                        padding: 18px 30px 40px;
                                        box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
                                    }
                                    
                                    .ptit {
                                        line-height: 26px;
                                        color: #333;
                                        display: block;
                                        margin-bottom: 10px;
                                    }
                                    
                                    .ptinfor {
                                        line-height: 24px;
                                        max-height: 48px;
                                        color: #999;
                                        overflow: hidden;
                                    }
                                    
                                    .mode1rUl {
                                        margin-left: 590px;
                                    }
                                    
                                    .mode1rUl li {
                                        overflow: hidden;
                                        margin-bottom: 48px;
                                        position: relative;
                                        transition: all 1.3s ease-in-out;
                                    }
                                    
                                    .mode1rUl li:hover {
                                        transform: translateX(10px);
                                        transition: all .4s ease-in-out;
                                    }
                                    
                                    .mode1rUl li:nth-child(1):before {
                                        content: '';
                                        display: block;
                                        width: calc(100% - 352px);
                                        height: 1px;
                                        background: #84ccc9;
                                        position: absolute;
                                        left: 352px;
                                        top: 0;
                                    }
                                    
                                    .mode1rUl li:nth-child(2):before {
                                        content: '';
                                        display: block;
                                        width: calc(100% - 352px);
                                        height: 1px;
                                        background: #f6b37f;
                                        position: absolute;
                                        left: 352px;
                                        top: 0;
                                    }
                                    
                                    .mode1rUl li:last-child {
                                        margin-bottom: 0;
                                    }
                                    
                                    .mode1rImg {
                                        width: 352px;
                                    }
                                    
                                    .mode1rPic {
                                        padding-bottom: 56.25%;
                                    }
                                    
                                    .mode1rInfor {
                                        margin-left: 382px;
                                    }
                                    
                                    .mode1rInfor p {
                                        line-height: 26px;
                                        max-height: 78px;
                                        overflow: hidden;
                                        color: #333;
                                        margin-bottom: 25px;
                                        padding-top: 30px;
                                    }
                                    
                                    .mode1rInfor span {
                                        color: #0f72ca;
                                        line-height: 24px;
                                        padding: 5px 13px;
                                        padding-left: 38px;
                                        position: relative;
                                        width: 127px;
                                        height: 32px;
                                        background: url(/images/mode1span.png) no-repeat no-repeat;
                                        background-size: 100% 100%;
                                    }
                                    
                                    .mode1rInfor span::before {
                                        content: '';
                                        display: block;
                                        width: 22px;
                                        height: 22px;
                                        background: url(/images/dateb.png) no-repeat;
                                        position: absolute;
                                        left: 12px;
                                        top: 3px;
                                    }
                                    
                                    .mode1bttom li span {
                                        margin-left: 20px;
                                        line-height: 26px;
                                        color: #999;
                                    }
                                    
                                    .mode1bttom li p {
                                        line-height: 26px;
                                        color: #333;
                                    }
                                    
                                    .mode1bttom li {
                                        padding: 24px 0;
                                        padding-left: 24px;
                                        border-bottom: 1px dashed #e5e5e5;
                                        position: relative;
                                        transition: all 0.4s ease-in-out;
                                    }
                                    
                                    .mode1bttom li:hover {
                                        transform: translateX(10px);
                                        transition: all 0.4s ease-in-out;
                                    }
                                    
                                    .mode1bttom li::before {
                                        content: '';
                                        display: block;
                                        width: 16px;
                                        height: 16px;
                                        background: url(/images/mode1bbe.png) no-repeat;
                                        position: absolute;
                                        left: 0;
                                        top: calc(50% - 8px);
                                    }
                                    /* mode2 */
                                    
                                    .mode2 {
                                        overflow: hidden;
                                        background: url(/images/mode2bg.png) no-repeat;
                                        width: 100%;
                                        background-size: 100% 100%;
                                        padding-top: 100px;
                                        margin-top: -100px;
                                        z-index: 0;
                                        position: relative;
                                        padding-bottom: 30px;
                                    }
                                    
                                    .Title2 span {
                                        color: #fff !important;
                                    }
                                    
                                    .Title2 span:nth-child(2) {
                                        color: rgba(255, 255, 255, .75) !important;
                                    }
                                    
                                    .more2 {
                                        color: rgba(255, 255, 255, .75) !important;
                                    }
                                    
                                    .mode2Ul {
                                        overflow: hidden;
                                        margin: 0 -25px;
                                    }
                                    
                                    .mode2Ul li {
                                        margin-bottom: 20px;
                                        transition: all 0.4s ease-in-out;
                                    }
                                    
                                    .mode2Ul li:hover {
                                        transform: translateY(10px);
                                        transition: all 0.4s ease-in-out;
                                    }
                                    
                                    .mode2Ul li a {
                                        display: block;
                                        margin: 0 25px;
                                        padding: 14px 20px 27px;
                                        background: rgba(255, 255, 255, 1);
                                        position: relative;
                                    }
                                    
                                    .mode2Ul li:hover a {
                                        background: #0f72ca;
                                        color: #fff;
                                    }
                                    
                                    .mode2Ul li:hover a p {
                                        color: #fff;
                                    }
                                    
                                    .mode2Ul li:nth-child(1) a::before {
                                        content: '';
                                        width: 100%;
                                        height: 1px;
                                        background: #f29b76;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                    }
                                    
                                    .mode2Ul li:nth-child(2) a::before {
                                        content: '';
                                        width: 100%;
                                        height: 1px;
                                        background: #acd598;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                    }
                                    
                                    .mode2 .mode2Ul li:nth-child(3) a::before {
                                        content: '';
                                        width: 100%;
                                        height: 1px;
                                        background: #ae5da1;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                    }
                                    
                                    .mode2Ul li:nth-child(4) a::before {
                                        content: '';
                                        width: 100%;
                                        height: 1px;
                                        background: #f19ec2;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                    }
                                    
                                    .mode2Ul li:nth-child(2n) {
                                        margin-top: 30px;
                                    }
                                    
                                    .mode2Ul li a p {
                                        line-height: 26px;
                                        max-height: 78px;
                                        overflow: hidden;
                                        color: #333;
                                    }
                                    
                                    .mode3Top {
                                        margin: 0 -24px;
                                        margin-bottom: 40px;
                                    }
                                    
                                    .modecon {
                                        width: 50%;
                                        display: inline-block;
                                    }
                                    
                                    .modecon a {
                                        margin: 0 24px;
                                        display: block;
                                        position: relative;
                                    }
                                    
                                    .mode3l::before {
                                        content: '';
                                        display: block;
                                        width: 100%;
                                        height: 1px;
                                        background: #bcdfff;
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                    }
                                    
                                    .mode3Pic {
                                        padding-bottom: 56.27%;
                                    }
                                    
                                    .mode3Img {
                                        width: 295px;
                                    }
                                    
                                    .mode3Infor {
                                        margin-left: 295px;
                                        padding-right: 22px;
                                        padding-left: 20px;
                                        border-top: 2px solid #bcdfff
                                    }
                                    
                                    .modecon:hover .mode3Infor {
                                        border-top:2px solid #fff;
                                    }
                                    
                                    .mode3iTop {
                                        line-height: 24px;
                                        max-height: 48px;
                                        color: #333;
                                        overflow: hidden;
                                        margin-bottom: 10px;
                                        /* margin-top: 13px; */
                                        padding-top: 13px;
                                    }
                                    
                                    .mode3iBot {
                                        line-height: 20px;
                                        max-height: 40px;
                                        color: #999;
                                        overflow: hidden;
                                        margin-bottom: 10px;
                                    }
                                    
                                    .mode3Infor span {
                                        line-height: 20px;
                                        color: #0059b3;
                                    }
                                    
                                    .mode3Infor2 {}
                                    
                                    .modecon:hover a {
                                        box-shadow: 8px 0px 10px rgb(0 0 0 / 10%);
                                    }
                                    
                                    .mode3Ul {
                                        margin: 0 -25px;
                                        overflow: hidden;
                                    }
                                    
                                    .mode3Ul li a {
                                        display: block;
                                        margin: 0 25px;
                                        padding-left: 17px;
                                        position: relative;
                                    }
                                    
                                    .mode3Ul li a::before {
                                        content: '';
                                        display: block;
                                        width: 1px;
                                        height: 100%;
                                        position: absolute;
                                        left: 0;
                                        top: 0;
                                    }
                                    
                                    .mode3Ul li:nth-child(1) a:before {
                                        background: #89c997;
                                    }
                                    
                                    .mode3Ul li:nth-child(2) a:before {
                                        background: #aa89bd;
                                    }
                                    
                                    .mode3Ul li:nth-child(3) a:before {
                                        background: #facd89;
                                    }
                                    
                                    .mode3Ul li .tit {
                                        line-height: 26px;
                                        max-height: 52px;
                                        color: #333;
                                        overflow: hidden;
                                        margin-bottom: 10px;
                                    }
                                    
                                    .mode3Ul li .tit2 {
                                        line-height: 24px;
                                        max-height: 48px;
                                        color: #999;
                                        display: block;
                                        overflow: hidden;
                                    }
                                    
                                    .mode3 {
                                        margin-bottom: 50px;
                                        overflow: hidden;
                                    }
                                    
                                    @media screen and (max-width:1201px) {
                                        .mode1rUl {
                                            margin-left: 490px;
                                        }
                                        .mode1l {
                                            width: 440px;
                                        }
                                        .mode1rImg {
                                            width: 320px;
                                        }
                                        .mode1rInfor {
                                            margin-left: 350px;
                                        }
                                        .mode1rUl li::before {
                                            content: '';
                                            display: block;
                                            width: calc(100% - 320px) !important;
                                            left: 320px !important;
                                        }
                                        .mode1rUl li {
                                            margin-bottom: 30px;
                                        }
                                    }
                                    
                                    @media screen and (max-width:1100px) {
                                        .mode3Img {
                                            width: 240px;
                                        }
                                        .mode3Infor {
                                            margin-left: 240px;
                                        }
                                        .banner li::before {
                                            content: '';
                                            display: block;
                                            width: 80px;
                                            height: 85px;
                                            background: url(/images/bannerb.png) no-repeat;
                                            background-size: 80px 85px;
                                            left: 0;
                                            bottom: 0;
                                            position: absolute;
                                        }
                                        .banner li::after {
                                            content: '';
                                            display: block;
                                            width: 80px;
                                            height: 85px;
                                            background: url(/images/bannerafter.png) no-repeat;
                                            background-size: 80px 85px;
                                            right: 0;
                                            bottom: 0;
                                            position: absolute;
                                        }
                                        .mode1rImg {
                                            width: 250px;
                                        }
                                        .mode1rInfor {
                                            margin-left: 261px;
                                        }
                                        .mode1rUl li::before {
                                            content: '';
                                            display: block;
                                            width: calc(100% - 250px) !important;
                                            left: 250px !important;
                                        }
                                        .mode1rUl li {
                                            margin-bottom: 105px;
                                        }
                                        .mode1rInfor p {
                                            margin-bottom: 17px;
                                            padding-top: 20px;
                                        }
                                        .mode1rUl {
                                            margin-left: 470px;
                                        }
                                    }
                                    
                                    @media screen and (max-width: 996px) {
                                        .mode1 {
                                            background: #fff !important;
                                            padding-bottom: 30px !important;
                                            padding-top: 0 !important;
                                            margin-top: 0 !important;
                                        }
                                        .mode1l {
                                            width: 100%;
                                            float: none;
                                            margin-bottom: 36px;
                                        }
                                        .mode1rUl {
                                            margin-left: 0;
                                        }
                                        .mode1rUl li {
                                            margin-bottom: 40px;
                                        }
                                        .mode2 {
                                            background-size: cover;
                                            margin-top: 0;
                                            padding-top: 0;
                                        }
                                        .modecon {
                                            width: 100%;
                                            margin-bottom: 25px;
                                        }
                                        .mode3Top {
                                            margin-bottom: 10px;
                                        }
                                    }
                                    
                                    @media screen and (max-width:768px) {
                                        .mode1bttom li {
                                            padding: 15px 0;
                                            padding-left: 24px;
                                        }
                                        .mode3Ul li {
                                            margin-bottom: 20px;
                                        }
                                        .mode3Ul li a {
                                            display: block;
                                            margin: 0px 20px;
                                        }
                                        .mode3Ul {
                                            margin: 0 -20px;
                                        }
                                        .mode2Ul li a {
                                            display: block;
                                            margin: 0 10px;
                                            padding: 14px 12px 14px;
                                        }
                                        .mode2Ul li:nth-child(2n) {
                                            margin-top: 0;
                                        }
                                        .mode2Ul {
                                            margin: 0 -10px;
                                        }
                                    }
                                    
                                    @media screen and (max-width:479px) {
                                        .mode1l .date {
                                            line-height: 30px;
                                            padding: 5px 20px;
                                            padding-left: 40px;
                                            /* width: 106px; */
                                            /* height: 30px; */
                                        }
                                        .mode1l .date::before {
                                            content: '';
                                            display: block;
                                            width: 22px;
                                            height: 22px;
                                            background: url(/images/dateb2.png) no-repeat;
                                            position: absolute;
                                            left: 30px;
                                            top: 10px;
                                        }
                                        .mode1rInfor p {
                                            margin-bottom: 5px;
                                            padding-top: 13px;
                                        }
                                        .mode1rImg {
                                            width: 215px;
                                        }
                                        .mode3Infor {
                                            height: auto !important;
                                        }
                                        .mode1rInfor {
                                            margin-left: 229px;
                                        }
                                        .mode1rUl li::before {
                                            content: '';
                                            display: block;
                                            width: calc(100% - 215px) !important;
                                            left: 214px !important;
                                        }
                                        .mode1bttom li {
                                            padding: 12px 0;
                                            padding-left: 24px;
                                        }
                                        .Title {
                                            text-align: center;
                                            padding: 24px 0;
                                            position: relative;
                                        }
                                        .more {
                                            top: 55px;
                                        }
                                        .mode1l .mode1linfor {
                                            display: block;
                                            padding: 18px;
                                            padding-bottom: 40px;
                                        }
                                        .mode3Img {
                                            width: 100%;
                                            float: none;
                                            margin-bottom: 5px;
                                        }
                                        .mode3Infor {
                                            margin-left: 0;
                                            height: auto !important;
                                            border: none;
                                            padding-bottom: 5px;
                                        }
                                    }
                                    
                                    @media screen and (max-width:400px) {
                                        .mode1rImg {
                                            width: 100%;
                                            float: none;
                                        }
                                        .mode1rInfor {
                                            margin-left: 0;
                                        }
                                        .mode1rUl li::before {
                                            display: none;
                                        }
                                    }