.banner img{
    width: 100%;
}
.banner {
    overflow: hidden;
    position: relative;
}
.banner .swiper-pagination-bullet-active {
    background-color: #fff !important;
    opacity: 1 !important;
}
.bg1{
    /* background-image: url(../images/bg1.png); */
    background: #F7F8FA;
    background-size: 100% 100%;
    padding-top: 30px;
}
.bg3{
    /* background-image: url(../images/bg3.png); */
    background: #F7F8FA;

    background-size: 100% 100%;
    padding-top: 40px;
}
.bg2{
    background-image: url(../images/3bg.png);
    background-size: 100% 100%;
    padding-top: 60px;
}
.title{
    position: relative;
    text-align: center;
    margin-bottom: 39px;
}
.title > .more{
    position: absolute;
    right: 0;
    top: 0;
}
.title-box{
    display: flex;
    justify-content: center;
}
.title-box > div{
    text-align: center;
    cursor: pointer;
}
.title-box > div > img:nth-child(2){
    display: none;
}
.title-box > div:nth-child(1) > img:nth-child(2){
    display: block;
}
.title-box > div:nth-child(1) > img:nth-child(1){
    display: none;
}
.title-box > div:nth-child(2){
    margin: 0 28px;
}
.more-box{
    position: absolute;
    top: 0;
    right: 0;
}
.more-box > a {
    display: none;
}
.more-box > a:nth-child(1){
    display: block;
}
.wrapper-box > div{
    padding: 56px 0;
    display: none;
}
.wrapper-box > div:nth-child(1){
    display: block;
}
.wrapper-box > div > a{
    display: inline-block;
    width: 377px;
    height: 130px;
    border-radius: 0px 25px 0px 25px;
    border: 1px solid #A9BCDD;
    margin-bottom: 30px;
    vertical-align: top;
    padding: 32px 22px;
    transition: all .5s;
}
.wrapper-box > div > a:nth-child(2),
.wrapper-box > div > a:nth-child(5){
    margin: 0 29px;
}
.wrapper-box > div > a > .time{
    background: url(../images/rili2.png);
    width: 63px;
    height: 64px;
    font-size: 16px;
    color: #1848A5;
    line-height: 80px;
    text-align: center;
    display: inline-block;
    margin-right: 13px;
    vertical-align: middle;
}
.wrapper-box > div > a > .text{
    display: inline-block;
    width: 250px;
    height: 39px;
    font-weight: 400;
    font-size: 15px;
    color: #181B21;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    vertical-align: middle;
}
.wrapper-box > div > a:hover{
    background: #1848A5;
}
.wrapper-box > div > a:hover .text{
    color:#FFFFFF ;
}
.wrapper-box > div > a:hover .time{
    color: #FFFFFF;
    background: url(../images/rili1.png);
}
.swiper-box{
    width: 687px;
    height: 461px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}
.swiper-box .swiper-slide{
    width: 687px;
    height: 461px;
}
.swiper-box .swiper-slide a{
    position: relative;
}
.swiper-box .swiper-slide p{
    display: block;
    padding: 24px 10px;
    width: 432px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
}
.swiper-box .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-box .swiper-pagination {
    position: absolute;
    bottom: 13px !important;
    right: 5px!important;
    z-index: 9999;
    text-align: right;
}
.swiper-box .swiper-pagination-bullet-active{
    opacity: 1 !important;
    width: 20px;
    height: 20px;
    background: #235CBA!important;
    color: #fff !important;
}
.swiper-box .swiper-pagination-bullet{
    opacity: 1;
    width: 20px;
    height: 20px;
    background: #E6E6E6;
    text-align: center;
    border-radius: 0;
    color: #7C828C;
}
.news-box{
    width: 490px;
    height: 503px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    position: relative;
}
.more1-box{
    position: absolute;
    right: 0;
    top: 0;
}
.more1-box > a:last-child{
    display: none;
}
.news-wrapper > div{
    display: none;
}
.news-wrapper > div:nth-child(1){
    display: block;
}
.title-w > div{
    width: 166px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 0px 18px 0px 18px;
    border: 1px solid #5689DC;
    font-weight: 400;
    font-size: 20px;
    color: #235CBA;
    line-height: 54px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}
.title-w .ac{
    background: #235CBA;
    color:#FFFFFF;
    font-weight: 600;
}
.item-one a{
    display: block;
    margin-top: 28px;
}
.item-one a > p{
    width: 88%;
    display: inline-block;
    font-size: 16px;
    color: #24272C;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.item-one a:hover p{
    color: #235CBA;
}
.item-one a:hover p::before{
    background: #235CBA;
}
.item-one a > p::before{
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #C5CEDD;
    margin-right: 10px;
}
.item-one a > span{
    width: 8%;
    display: inline-block;
    font-size: 14px;
    color: #7D7F81;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}
.left-title{
    width: 66px;
    margin-right: 36px;
    display: inline-block;
    vertical-align: top;

}
.left-title > img{
    margin-bottom: 41px;
}
.right-news{
    width: 1089px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
}
.right-news .swiper-slide{
    width: 343px;
    height: 201px;
    background: linear-gradient(0deg, #FFFFFF, #EDF0F6);
    box-shadow: 1px 9px 16px 0px rgba(195,198,200,0.71);
    border: 1px solid #E3E5E8;
    padding: 32px 24px;
    margin-top: 34px;
    transition: all .5s;
}
.right-news .swiper-slide > a >div {
    margin-bottom: 22px;
}
.right-news .swiper-slide > a >div >span{
    font-size: 15px;
    color: #838993;
}
.right-news .swiper-slide > a >div >span:first-child{
    font-size: 24px;
    color: #235CBA;
}
.right-news .swiper-slide > a h2{
    display: inline-block;
    text-overflow: -o-ellipisis-lastline;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #1F2123;
    height: 40px;
    font-weight: 400;
    margin-bottom: 26px;
}
.right-news .swiper-slide > a p{
    font-size: 13px;
    color: #707377;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.right-news .swiper-slide:hover{
    margin-top: 19px;
    background: url(../images/tzgg-ac.png);
    background-size: 111% 125%;
    background-position: -18px -18px;
}
.right-news .swiper-slide:hover a >div >span:first-child{
    font-size: 24px;
    color: #fff;
}
.right-news .swiper-slide:hover a > h2{
    color: #fff;
}
.right-news .swiper-slide:hover a > p{
    color: #87A4D6;
}

.xian{
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 100%;
}
.tzgg-left{
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 9;
    cursor: pointer;
}
.tzgg-right{
    position: absolute;
    right: 0;
    bottom:0;
    z-index: 9;
    cursor: pointer;
}

.right-news .swiper-pagination-bullets{
    display: flex;
    justify-content: space-evenly;
    bottom: 17px !important;
}
.right-news .swiper-pagination-bullet-active{
    position: relative;

}
.right-news .swiper-pagination-bullet-active::before{
    content: '';
    display: block;
    width: 21px; 
    height: 28px;
    background-image: url(../images/swiper-ac.png);
    background-size: 100% 100%;
    position: absolute;
    top: -10px;
    left: -10px;
}




.item-two a{
    display: block;
    margin-top: 28px;
}
.item-two a > p{
    width: 90%;
    display: inline-block;
    font-size: 16px;
    color: #24272C;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.item-two a > p::before{
    content: '>';
    display: inline-block;
    color: #113B9D;
    margin-right: 10px;
    font-family: '宋体';
}
.item-two a > span{
    width: 8%;
    display: inline-block;
    font-size: 14px;
    color: #7D7F81;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}





.news-2-box{
    width: 551px;
    display: inline-block;
    vertical-align: top;
}
.news-2-box:nth-child(2){
    margin-left: 90px;
}

.img-box{
    padding: 50px 0;
    overflow: hidden;
}
.img-box a{
    display: inline-block;
    width: 284px;
    height: 206px;
    margin-right: 16px;
    background-image: url(../images/img-bg.png);
    background-size: 100% 100%;
    padding: 10px;
}
.img-box a:last-child{
    margin-right: 0 !important;
}
.img-box a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}