.section .content:first-child {
    height: 106px;
}

.section .content .index-products span {
    display: block;
    width: 4px;
    height: 50px;
    background-color: #104492;
}

.section .content .index-products h2 {
    color: #222222;
    font-size: 18px;
    line-height: 106px;
    margin: 0 0 0 30px;
}

.section .content .index-products {
    display: flex;
    align-items: center;
}

.banner {
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #2D2D2D;*/
    /*height: 90vh;*/
}

.swiper-item>img {
    width: inherit;
    height: inherit;
    object-fit: cover;
}

.swiper-container {
    position: relative;
    width: 100%;
    min-width: 300px;
    height: 366px;
    min-height: 120px;
    overflow: hidden
}

.swiper-wrapper {
    position: absolute;
    left: 0;
    height: 100%
}

.swiper-wrapper-transition {
    transition: all .8s ease 0s
}

.swiper-item {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left
}

.section .introduction {
    width: 600px;
    height: 280px;
    background-color: #f8f8f8;
    border-radius: 15px;
}

.section .introduction h3 {
    color: #222222;
    font-size: 20px;
    line-height: 80px;
    display: block;
    width: 560px;
    margin: 0 auto;
}

.section .introduction h3:hover a {
    color: #104492;
    transition: 0.4s linear;
}

.section .introduction p {
    display: block;
    width: 560px;
    margin: 0 auto;
    font-size: 16px;
    /*position: relative;*/
    /*left: 20px;*/
}

.section .introduction>div {
    width: 150px;
    height: 48px;
    border-radius: 15px;
    /*background-color: rgba(16, 68, 146, 0.8);*/
    border: 1px solid #104492;
    position: relative;
    top: 40px;
    left: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s linear;
}

.section .introduction>div>a {
    font-size: 16px;
    color: #104492;
    transition: 0.3s linear;
}

.section .introduction>div:hover {
    background-color: #104492;
    /*color: #eeeeee;*/
}

.section .introduction>div:hover a {
    color: #eeeeee;
}

.section .introduction-img {
    width: 600px;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.section .introduction-img img {
    transition: transform .3s ease;
}

.section .introduction-img img:hover {
    transform: scale(1.05)
}


/*Industries*/

.industeies {
    height: 440px;
    background-color: #edf1f3;
    /*position: relative;*/
    /*top: 500px;*/
}

.industeies .content:first-child {
    height: 106px;
}

.industeies .content .index-industries span {
    display: block;
    width: 4px;
    height: 50px;
    background-color: #104492;
}

.industeies .content .index-industries h2 {
    color: #222222;
    font-size: 18px;
    line-height: 106px;
    margin: 0 0 0 30px;
}

.industeies .content .index-industries {
    display: flex;
    align-items: center;
}

.industeies .content .industeies_big {
    display: flex;
    flex-direction: column;
}

.industeies .content .industeies_big .san {
    width: 360px;
    height: 42px;
    /*background-color: #0b63e8d9;*/
    border: 1px solid #104492;
    /*color: #104492;*/
    font-size: 16px;
    text-align: center;
    transition: 0.3s linear;
}

.industeies .content .industeies_big .san:hover {
    background-color: #104492;
}

.industeies .content .industeies_big img:hover {
    opacity: 0.7;
}

.industeies .content .industeies_big .san:hover:after {
    width: 362px;
}

.industeies .content .industeies_big:nth-child(2) {
    margin: 0 57px;
}

.industeies .content .industeies_big .san a {
    display: block;
    color: #104492;
    line-height: 44px;
    transition: 0.3s linear;
}

.industeies .content .industeies_big .san:hover a {
    color: #fff;
}


/*EDM Group Members*/

.Members .content:first-child {
    height: 106px;
}

.Members .content .index-Members span {
    display: block;
    width: 4px;
    height: 50px;
    background-color: #104492;
}

.Members .content .index-Members h2 {
    color: #222222;
    font-size: 18px;
    line-height: 106px;
    margin: 0 0 0 30px;
}

.Members .content .index-Members {
    display: flex;
    align-items: center;
}

.Members .content .six {
    width: 400px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Members .content .six:hover {
    box-shadow: 0px 0px 10px #bbbbbb;
}

.Members .content .six img {
    transition: transform .3s ease;
}

.Members .content .six img:hover {
    transform: scale(1.1)
}