.one{
    display: flex;
    width: 1554px;
    padding-top: 64px;
    padding-bottom: 42px;
    margin: 0 auto;
}
.one .left{
    width: 886px;
    position: relative;
}
.left-bg{
    width: 209px;
    height: 175px;
    position: absolute;
    margin-left: -70px;
    top: 10px;
}
.one .right{
    width:calc(100% - 886px);
    padding-left: 21px;
    box-sizing: border-box;
}
.left .left-content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 59px;
}
.left .left-content-img{
    height: 217px;
    overflow: hidden;
    width: 416px;
}
.left .left-content-img img{
    height: 217px;
    width: 416px;
    transition: all 0.3s ease-in-out;
}
.left .left-content-img:hover img{
    transform: scale(1.2, 1.2);
}
.left-content a{
    width: 416px;
    margin: 0 27px 27px 0;
    border-radius: 4px;
    background: #F9F9F9;
}
.left-content a:hover{
    box-shadow: 0 8px 12px rgba(0, 0, 0, .3);
}
.left-content .name{
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-top: 11px;
    padding: 0 10px;
}
.left-content .time{
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 8px 0 18px 0;
}
.ell{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.one .left .seeMore{
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    display: flex;
    justify-content: end;
    padding-right: 27px;
    align-items: center;
    padding-top: 7px;
    cursor: pointer;
}
.one .right .seeMore{
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top: 34px;
    cursor: pointer;
}
.right-content{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px dashed rgba(151, 151, 151, 0.7);
    padding: 22px 0;
    cursor: pointer;
}
.right-content-left{
    width: 96px;
    height: 64px;
    background: url("../../images/index/sy/timeBg.png") no-repeat;
    background-size: 100% 100%;
    font-size: 13px;
    font-weight: 400;
    color: #197DEF;
    line-height: 13px;
    padding-top: 11px;
    box-sizing: border-box;
    margin-right: 29px;
}
.right-content-left .time{
    font-size: 30px;
    line-height: 30px;
    padding-left: 25px;
    margin-bottom: 3px;
}
.right-content-right{
    width: calc(100% - 125px);
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    cursor: pointer;
}
.right-content-right:hover{
    /*color: #E30B20;*/
    color: rgb(25, 125, 239);
}
.twoBg{
    background: url("../../images/index/sy/kstdBg.png") no-repeat;
    background-size: 100% 100%;
    height: 290px;
    min-width: 1585px;
}
.two{
    width: 1554px;
    margin: 0 auto;
    padding-top: 68px;
    box-sizing: border-box;
}
.two a{
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.two a::after{
    content: '';
    width: 1px;
    width: 1px;
    height: 40px;
    opacity: 0.47;
    background: #979797;
    position: relative;
    left: 58px;
}
.two a:last-child::after{
    display: none;
}
.two .name{
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 28px;
    display: inline-block;
    margin-left: 23px;
}
.two .name:hover{
    /*color: #E30B20;*/
    color: rgb(25, 125, 239);
}
.three{
    width: 1554px;
    margin: 0 auto;
    padding-top: 92px;
    padding-bottom: 30px;
    display: flex;
    background: url("../../images/index/sy/threeBg.png") no-repeat center;
    background-position-y: 55px;
}
.three .left{
    width: 500px;
    margin-right: 27px;
}
.three .middle{
    width: 500px;
    margin-right: 27px;
}
.three .right{
    width: 500px;
}
.three .contents{
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
}
.three .contents a{
    width: 247px;
    height: 192px;
    background: url("../../images/index/sy/bmdtBg-white.png") no-repeat;
    background-size:100% 100%;
    padding: 44px 10px 44px 16px;
    border-radius: 2px;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    cursor: pointer;
}
.three .contents a:nth-child(2n){
    margin-right: 0;
}
.three .contents a .name{
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    margin-bottom: 25px;
}
.three .contents a .subName{
    font-size: 18px;
    font-weight: 400;
    color: #3C90F1;
    line-height: 25px;
    display: flex;
    align-items: center;
}
.three .contents a .rl{
    width: 18px;
    height: 18px;
    background: url("../../images/index/sy/rl-blue.png") no-repeat;
    background-size:100% 100%;
    margin-right: 13px;
}
.three .contents a:hover{
    background: url("../../images/index/sy/bmdtBg.png") no-repeat;
    background-size:100% 100%;
}
.three .contents a:hover .name{
    color: #FFFFFF;
}
.three .contents a:hover .subName{
    color: #FFFFFF;
}
.three .contents a:hover .rl{
    background: url("../../images/index/sy/rl.png") no-repeat;
    background-size:100% 100%;
}
.three .left .seeMore{
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: end;
    cursor: pointer;
}
.three .middle a{
    padding-left: 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed rgba(151, 151, 151, 0.17) ;
    padding-bottom: 13px;
    padding-top: 13px;
    box-sizing: border-box;
    cursor: pointer;
}
.three .middle a:nth-child(1){
    border-top: 1px dashed rgba(151, 151, 151, 0.17);
}
.three .middle .middleTime{
    width: 70px;
    height: 69px;
    background: url("../../images/index/sy/time-bg.png") no-repeat;
    background-size:100% 100%;
    margin-right: 29px;
    text-align: center;
}
.three .middle .middleTime .top{
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 38px;
}
.three .middle .middleTime .bottom{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 31px;
}

.three .middle .name{
    width: calc(100% - 99px);
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}
.three .middle .name:hover{
    color: rgb(25, 125, 239);
}
.three .middle .middleMore a{
    border: none;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    padding: 23px 0 0 0;
    display: flex;
    justify-content: end;
}
.three .right{
    margin-right: 0px;
}
.four{
    background: url("../../images/index/sy/xxzsBg.png") no-repeat;
    background-size: 100% 100%;
    height: 932px;
    box-sizing: border-box;
    padding-top: 232px;
    min-width: 1585px;
}
.four .fourContent{
    width: 1554px;
    margin: 0 auto;
}
.four .contentS{
    display: flex;
    position: relative;
}
.four .contentS-one{
    width: 449px;
    height: 469px;
    margin-right: 19px;
    overflow: hidden;
}
.four .contentS-two{
    width: 532px;
    height: 174px;
    margin-right: 19px;
    overflow: hidden;
}
.four .contentS-three{
    width: 532px;
    height: 276px;
    position: absolute;
    bottom: 0;
    left: 468px;
    overflow: hidden;
}
.four .contentS-four{
    width: 532px;
    height: 225px;;
    overflow: hidden;

}
.four .contentS-five{
    width: 532px;
    height: 225px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.four .contentS-five .bg{
    width: 532px;
    height: 225px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../../images/index/sy/seeMoreBg.png') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: none;
}
.four .contentS .isImg{
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}
.four .contentS-one:hover .isImg{
    transform: scale(1.2,1.2);
}
.four .contentS-two:hover .isImg{
    transform: scale(1.2,1.2);
}
.four .contentS-three:hover .isImg{
    transform: scale(1.2,1.2);
}
.four .contentS-four:hover .isImg{
    transform: scale(1.2,1.2);
}
.five{
    width: 1554px;
    margin: 0 auto;
    height: 639px;
}
.five .five-bg{
    position: absolute;
    top: 145px;
    margin-left: -104px;
}

.five .five-more{
    position: absolute;
    right: 0;
    top: 275px;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
    cursor: pointer;
    z-index: 99999;
}
.five .five-more a{
    cursor: pointer;
}
#certify {
    position: relative;
    width: 1554px;
    overflow: hidden;
}

#certify  .swiper-slide {
    width: 664px;
    height: 247px;
    border-radius: 4px;
}
#certify  .swiper-slide img{
    width: 100%;
    height: 100%;
}

#certify .swiper-button-prev::after{
    display: none;
}

#certify .swiper-button-next::after{
    display: none;
}

#certify .swiper-button-prev {
    width: 40px;
    height: 40px;
    left: 426px;
}

#certify .swiper-button-next {
    width: 40px;
    height: 40px;
    right:426px;
}

#bullet .swiper-pagination{
    bottom: -60px;
}

#bullet .swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #D8D8D8;
    width: 14px;
    height: 14px;
    margin: 0 7px;
}

#bullet .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #197DEF;
}