@charset "UTF-8";

.h_video {
    position: relative;
    width: 100%;
    height: calc(100vh - 2.344vw);
    overflow: hidden;
}

.h_video .banner_Ele {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.h_video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
}

.h_video_tc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.h_video_tc .ban_tit {
    font-size: max(42px, 2.708vw);
    font-weight: 700;
    max-width: max(560px, 36.458vw);
    width: 100%;
    margin: 0 auto 6%;
    line-height: 115%;
}

.h_video_tc .ban_sum {
    font-size: max(var(--min), 0.938vw);
    max-width: max(500px, 31.25vw);
    width: 100%;
    margin: 0 auto;
    line-height: 145%;
}

.scroll-icon {
    position: absolute;
    z-index: 6;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: max(50px, 2.5vw);
    width: auto;
    color: #fff;
    border-radius: 1.042vw;
    -webkit-transition: .4s;
    transition: .4s;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
}

.scroll-icon::after {
    content: '\e681';
    font-size: max(32px, 2.083vw);
    -webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
    animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
    font-family: 'iconfont' !important;
}

/* 关于我们 */
.h_about {
    padding: 7% 0 6%;
}

.h_about .center {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.h_about .h_ab_left {
    width: 36%;
}

.h_ab_right {
    width: 53%;
}

.h_ab_right img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

.h_tit {
    font-size: max(32px, 2.5vw);
    color: var(--li1);
}

.h_tit:after {
    content: '';
    display: block;
    width: max(44px, 2.292vw);
    height: max(5px, 0.26vw);
    background: var(--li);
    margin: 1.042vw 0 2.604vw;
}

.h_ab_left p {
    font-size: max(var(--min), 0.833vw);
    color: #666666;
    line-height: 160%;
    margin-top: 5%;
}

.l_more {
    width: max(180px, 9.375vw);
    height: max(62px, 3.229vw);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--li1);
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid var(--li1);
    border-radius: max(30px, 1.563vw);
    margin-top: max(40px, 2.604vw);
    transition: all .5s ease;
}

.l_more:hover {
    background: var(--li1);
    color: #fff;
}

.h_about .center ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    border-top: 1px solid #e9e9ea;
    margin-top: 6.5%;
    padding-top: 4.5%;
    text-align: center;
}

.h_about .center ul div {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h_about .center ul p.counter {
    font-size: max(32px, 2.5vw);
    color: var(--li1);
    font-family: 'DIN';
    font-weight: bold;
    margin: 35px 0 15px;
    line-height: 100%;
}

.h_about .center ul span {
    color: #c0c3d7;
    font-size: max(var(--min), 0.938vw);
}


/* 产品 */
.h_probox ul {
    height: 100vh;
    background-image: url(/src/image/probg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-wrap: wrap;
    transition: all .5s linear;
}

.h_probox ul li {
    width: 25%;
    height: 50%;
    border-right: 1px solid rgb(255 255 255 / 50%);
    border-top: 1px solid rgb(255 255 255 / 50%);
    position: relative;
    transition: all .5s ease;
}

.h_probox ul li:nth-of-type(4n) {
    border-right: none;
}

.h_probox ul a.pro_more {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 10% 9%;
    font-size: max(var(--min), 0.938vw);
    color: #fff;
    font-weight: 600;
}

.h_probox ul a.pro_more span {
    font-size: max(24px, 2.083vw);
    opacity: 0;
    transition: all .5s linear;
    display: block;
    transform: translateY(-10px);
}

.h_probox ul li:hover {
    background: var(--li) url(/src/image/tcbg.jpg) center center / cover no-repeat;
}

.h_probox ul li:hover span {
    opacity: 1;
    transform: translateY(0px);
}


/* 我们的优势 */
.advantages {
    background: var(--li1);
    color: #fff;
    padding: 6% 0 7.5%;
}

.advantages h2.h_tit {
    color: #fff;
}

.advantages h2.h_tit+p {
    font-size: max(var(--min), 0.833vw);
    line-height: 160%;
    max-width: max(650px, 41.667vw);
    width: 100%;
    opacity: .5;
}

.advantages ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4vw 3vw;
    margin-top: 8.5%;
}

.advantages ul li {
    width: calc((100% - 3vw) / 2);
    display: flex;
    align-items: center;
}

.advantages ul li p {
    font-size: max(14px, 0.833vw);
    line-height: 160%;
    width: max(230px, 11.979vw);
    margin: 0 max(40px, 3.125vw) 0 max(20px, 1.042vw);
}

.advantages ul li span {
    font-family: 'DIN';
    font-weight: 700;
    font-size: max(42px, 3.125vw);
    color: var(--li);
}

.advantages ul li span i {
    font-style: normal;
    font-size: max(18px, 1.25vw);
}

/* 友情链接 */
.focusing {
    padding: 5% 0 6%;
    text-align: center;
}

.focusing h2 {
    font-size: max(32px, 2.5vw);
    color: #000000;
    margin-bottom: 3%;
}

.scrool_link {
    width: 100%;
    overflow: hidden;
}

.scrool_link ul {
    overflow: hidden;
    display: flex;
    gap: max(15px, 1.563vw);
    margin-top: 1.5%;
}

.scrool_link li {
    width: max(300px, 23.177vw);
    float: left;
    position: relative;
}

.scrool_link li p {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    border-radius: 10px;
    font-size: max(var(--min), 0.938vw);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    opacity: 0;
    transition: all .5s ease;
}

.scrool_link li .Limg_cov {
    padding-bottom: 56%;
    border-radius: 10px;
}

.scrool_link li:hover p {
    opacity: 1;
}


/* 新闻 */
.newsbox {
    padding-bottom: 6%;
    text-align: center;
}

.newsbox h2 {
    text-align: center;
    font-size: max(32px, 2.5vw);
    color: #000000;
    margin-bottom: 4%;
}

.newsbox ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
}

.newsbox ul li {
    width: 30%;
    border: 1px solid #ececec;
    border-radius: max(10px, 0.521vw);
    padding: max(10px, 0.938vw);
    transition: all .5s ease;
}

.newsbox ul li:hover {
    border-color: var(--li);
    box-shadow: 0 0 10px rgb(0 0 0 / 35%);
}

.newsbox ul li .Limg_cov {
    padding-bottom: 64%;
    border-radius: 10px;
    margin-bottom: 1.042vw;
}

.newsbox ul li .newban_time {
    color: #aaa;
    font-size: max(var(--min), 0.833vw);
}

.newsbox ul li .title {
    font-size: max(18px, 1.042vw);
    color: #000;
    line-height: 120%;
    font-weight: 700;
    margin: 3% 0 5%;
}

.newsbox ul li .summary {
    font-size: max(var(--min), 0.833vw);
    color: #666666;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    line-height: 140%;
}

.newsbox ul li:hover img {
    transform: scale(1.15);
}

@media only screen and (min-width:769px) {}

@media only screen and (max-width:768px) {
    .h_about {
        padding: 50px 0;
    }

    .h_video {
        height: 300px;
    }

    .h_video_tc {
        width: 94%;
    }

    .h_video_tc .ban_tit {
        font-size: 24px;
    }

    .h_about .h_ab_left {
        width: 100%;
        margin-bottom: 30px;
    }

    .h_ab_right {
        width: 100%;
    }

    .l_more {
        width: 150px;
        height: 45px;
        font-weight: 500;
        border: 1px solid var(--li1);
        border-radius: 30px;
        margin-top: 20px;
    }

    .h_probox ul li {
        width: 50%;
        height: auto;
    }

    .h_about .center ul li {
        width: 49%;
        background: #eee;
        margin: 0 auto 1%;
        padding: 10px;
    }

    .h_about .center ul div {
        height: 60px;
        margin-top: 20px;
    }

    .advantages ul li {
        width: 100%;
        background: rgb(255 255 255 / 10%);
        padding: 10px;
        border-radius: 5px;
    }

    .h_about .center ul div img {
        max-width: 60px;
        width: auto;
        height: 100%;
        object-fit: contain;
    }

    .h_about .center ul p.counter {
        font-size: 26px;
        margin: 18px 0;
    }

    .h_probox ul a.pro_more span {
        font-size: 14px;
    }

    .advantages {
        padding: 50px 0;
    }

    .h_tit {
        font-size: 28px;
    }

    .h_tit:after {
        margin: 10px 0 20px;
    }

    .focusing {
        padding: 50px 0;
        text-align: center;
    }

    .newsbox h2,
    .focusing h2 {
        font-size: 28px;
    }

    .scrool_link li {
        width: 150px;
    }

    .newsbox ul li {
        width: 100%;
        border: 1px solid #ececec;
        margin-bottom: 20px;
    }
}