/*video*/
.video {
    width: 100%;
    height: auto;
}

.video video {
    width: 100%;
    height: 774px;
    object-fit: cover;
}
/*赛孚机电*/
.one {
    width: 100%;
    height: 800px;
}

.onemain {
    width: 100%;
    display: flex;
}

.onemaintop {
    margin-top: 225px;
    margin-left: 950px;
    width: 660px;
    height: 220px;
}

.onemaintoptitle {
    opacity: 0;
    color: #fff;
    font-size: 64px;
}

.onemaintoptitleInfo {
    opacity: 0;
    color: #fff;
    font-size: 34px;
    font-weight: 300;
}

.onemaintoptitletext {
    opacity: 0;
    color: #fff;
    margin-top: 40px;
    font-size: 18px;
    line-height: 24px;
}

.onemainbotm {
    margin-top: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
}

.onelist {
    display: flex;
    gap: 280px;
    width: 80%;
}

.oneitem {
    text-align: center;
    flex: 1;
}

.oneitemtitle {
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.oneitemtext {
    font-size: 18px;
    color: #fff;
}
/* two */
.two {
    width: 100%;
    height: 800px;
    background-color: #1e469d;
}
.xx {
    display: flex;
    justify-content: space-between;
}


.twolefttitle {
    opacity: 0;
    font-size: 35px;
    margin-top: 140px;
}

.twolefttitleInfo {
    opacity: 0;
    font-size: 20px;
    margin: 30px 0;
}

.twolefttext {
    opacity: 0;
    width: 735px;
    white-space: normal;
    font-size: 15px;
    line-height: 25px;
}

.twoleft {
    width: 760px;
    color: #fff;
    margin-top: 20px;
}
.tworight {
    height: 360px;
    border-radius: 25px;
    margin: 200px auto auto   auto;
}

.tworight img{
    border-radius: 40px;
    width: 800px;
    height: auto;

}

.banner-container {
    opacity: 0;
    width: 100%;
    height: 100%;
    /*margin: 80px auto 0 auto;*/
    margin:1rem auto;
    /* 隐藏超出展示容器的内容 */
    overflow: hidden;
    position: relative;
    border-radius: 25px;

}

.banner-container .banner-img-container {
    width:6000px;
    height:400px;
    overflow: hidden;
    position: absolute;
    /* 开启弹性盒，让图片横向排列 */
    display: flex;
    /*animation: run 10s ease infinite;*/
}

.banner-container .banner-img-container img{
    width:813px;
    height:auto;
}

/* 图片样式 */
.banner-img {
    width: 813px;
    height: auto;
}

/* 轮播图关键帧 */
/* 自动轮播 */
@keyframes run {
    0%,30%{
        /* margin-left: 0; */
        transform: translateX(0);
    }
    30%,60%{
        /* margin-left: -1200px;; */
        transform: translateX(-813px);
    }
    60%,90%{
        /* margin-left: -2400px; */
        transform: translateX(-1623px);
    }
    100%{
        /* margin-left: 0; */
        transform: translateX(0);
    }
}
/*title*/
.four {
    width: 100%;
}

.fourtitle {
    color: #0a368d;
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.fourtitleleft {
    opacity: 0;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

/* 模拟下划线的伪元素 */
.fourtitleleft::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px; /* 下划线偏移量 */
    width: 0;
    height: 5px; /* 下划线厚度 */
    background-color: #0a368d;
    transition: width 2s; /* 动画过渡时间 */
}
.underline-animation::after {
    width: 100%;
}

.fourtitleright {
    opacity: 0;
    font-size: 38px;
}
/*发展历程*/
.tree {
    width: 100%;
}

.threetoplist {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    margin: auto;
}
.threetopitem {
    opacity: 0;
    color: #0a368d;
    width: 240px;
    height: 220px;
    margin: 60px;
}
.year {
    font-size: 40px;
    color: #1fb26a;
}
.threetopitemtext {
    opacity: 0;
    color: #0a368d;
    width: 280px;
    height: 175px;
    border-radius: 20px;
    background-color: #f4f4f4;
    border: 2px solid #1e469d;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 20px;
}
.lessmergin {
    width: 220px;
    height: 200px;
    margin: 20px;
}
.lesssize {
    width: 250px;
    height: 150px;
    line-height: 30px;
}

.str {
    font-size: 12px;
    font-weight: 600;
}
.threetopitemtext p{
    width: 240px;
    margin: 0 auto;
    white-space: normal;
    font-size: 11px;
}
    /*shangbiao*/
#xyhonor a {
    text-decoration: none;
}

.nna:hover div {
    transform: scale(1.05);
    transition: all 0.3s ease;
    text-decoration: none;
}




.six {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 560px;
}

.fourx {
    width: 100%;
}
.fourtitlex {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.fourtitlerightx {
    opacity: 0;
    font-size: 38px;
}


.fourtitleleftx {
    opacity: 0;
    color: #fff;
    font-size: 32px;
}

.qy {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shangbiaotitle {
    margin-top: -130px;
    color: #fff;
    font-size: 48px;
    line-height: 120px;
}
.qylist {
    opacity: 0;
    margin-top: 120px;
    width: 900px;
    height: 600px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.qyimfs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.qyitemimg {
    width: 200px;
    height: 200px;
}
.qyitemimg img {
    width: 100%;
    height: 100%;
}

.qyimfs p {
    margin-top: 20px;
    color: #fff;
    font-size: 19px;
}

/*culture*/
 .culture {
     width: 100%;
     height: 800px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

.top {
    width: 90%;
    height: 10%;
    display: flex;
    justify-content: space-between;
    margin-top: 76px;
    color: rgb(30, 70, 157);
}

.body {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.body .text {
    width: 95%;
    height: 15%;
    background-color: rgb(30, 70, 157);
    margin-top: 108px;
    display: flex;
    align-items: center;
    font-size: 39px;
    border-radius: 50px;
    color: white;
}

.body .text .text-title {
    width: 63%;
    height: 100%;
    background-color: white;
    display: flex;
    align-items: center;
    font-size: 18px;
    border-radius: 50px;
    margin-right: 58px;
    color: black;
    box-shadow: 0 8px 20px -3px rgba(0, 0, 0, 0.5);

}

.text .text-title .text-title-1 {
    width: 154px;
    height: 70%;
    font-size: 30px;
    font-weight: 700;
    margin-right: 39px;
    color: rgb(30, 70, 157);
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 5px solid black
}

.text:nth-of-type(3) .text-title-1{
    width: 308px;
}

/*bgc*/
.alld{
    width: 100%;
}
.bgcadd {
    position: relative;
}
.headd {
    width: 100%;
    height: 100%;
}

/*Footer*/
.footer {
    width: 100%;
    height: 300px;
    color: #333;
}

.footer-content {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logo {
    width: 200px;
    height: auto;
    display: flex;
}

.footer-logo img {
    width: 100%;
    height: 100%;
}
.footer-section {
    height: 100%;

}

.footer-section p {
    height: 100%;
    margin: 0 auto;
    font-size: 25px;
    color: #fff;
    line-height: 280px;

}
.footer-section a {
    text-decoration: none;
    color: #ffffff;
}