@import "./header.css";
/* banner */
.banner { width:100%; position:relative; z-index: 2; }
.banner .swiper { width: 100%; height: 100%; }
.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff;}
.banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-wrapper { position:relative; z-index: 2;background-color: #FFFFFF;}
.main-wrapper .intro-box { height: 500px; background: #F4F4F4; }
.main-wrapper .intro-box .video { width: 50%; height: 100%; }
.main-wrapper .intro-box .video img,
.main-wrapper .intro-box .video video { display: block; width: 100%; height: 100%; object-fit: cover;}
.main-wrapper .intro-box .intro { height: 100%; padding: 42px 55px 0px 55px; box-sizing: border-box; }
.main-wrapper .intro-box .intro .title img { width: 120px; height: auto;  }
.main-wrapper .intro-box .intro .content {
    font-size: 28px;
    line-height: 54px;
    margin: 10px 0 35px 0;
    padding: 0 35% 0 8%;
    color: #4D4D4D;
}
.main-wrapper .intro-box .intro .logo-show img { width: auto; max-height: 60px; margin: 0 20px; }
.main-wrapper .pic-box { padding: 1% 0; height: 426px; width: 100%; background: #fff; }
.main-wrapper .pic-box div { height: 100%; margin-right: 1%; }
.main-wrapper .pic-box div:last-child { margin-right: 0; }
.main-wrapper .pic-box div img { width: 100%; height: 100%; object-fit: cover; }
.main-wrapper .hot-product { width: 100%; background: #fff; }
.main-wrapper .hot-product .hot-product-title { width: 100%; background: url('../images/hot-product-bg.png') no-repeat; background-size: cover; padding: 53px 0 59px 0; box-sizing: border-box; }
.main-wrapper .hot-product .hot-product-title img { height: 71px; width: auto; }
.main-wrapper .hot-product .hot-product-tabs { width:100%; background: url('../images/hot-product-fullbg.png') no-repeat; background-size: cover; overflow: hidden; padding: 1% 0; }
.main-wrapper .hot-product .hot-product-tabs .tabs-container { margin-bottom: .5%; }
.main-wrapper .hot-product .hot-product-tabs .tabs-container .tab { font-size: 1.6rem; padding: .5% 2%; margin: 0 2%;cursor: pointer; }
.main-wrapper .hot-product .hot-product-tabs .tabs-container .tab.active { background: #172987; color: #fff; }
.main-wrapper .hot-product .hot-product-tabs .swiper-wrapper { width: 100%;}
.main-wrapper .hot-product .hot-product-tabs .swiper-slide { width: 100%;}
.main-wrapper .hot-product .hot-product-tabs .swiper-slide .swiper-slide-wrapper { width: 100%; padding:0 8%; box-sizing: border-box; }
.main-wrapper .hot-product .hot-product-tabs .swiper-slide .item { background: #f2f2f2; border-radius: .8rem; width: 22.5%; margin: 0.4% 2.5% 0.9% 0; overflow: hidden; }
.main-wrapper .hot-product .hot-product-tabs .swiper-slide .item img { width: 100%; height: auto; }
.main-wrapper .hot-product .hot-product-tabs .swiper-slide .item .title { width:100%; background: #172987; color: #fff; font-size: 1.7rem; text-align: center; overflow: hidden; height: 66px; line-height: 66px; }
.main-wrapper .hot-product .hot-product-tabs .swiper-slide .item .title a { display:block; color: #fff;}

.application-show { width: 100%; background: url('../images/application-fullbg.jpg') no-repeat; background-size: cover; padding: 4% 0 4.2% 0; }
.application-show .application-show-title{ }
.application-show .application-show-title img{ height: 71px; width: auto; }
.application-show .application-show-title .sub{ color: #FF7E00; margin: 2% 0; font-size: 1.6rem; }
.application-show .content-box{ width: 100%;box-sizing: border-box; }
.application-show .content-box .item{ width: 32.33%; margin:0.5% 1% 0.5% 0; background: #fff; overflow: hidden; transition-property: transform; transition-duration: 1s; transition-timing-function: ease; }
.application-show .content-box .item:nth-child(3n){ margin-right: 0; }
.application-show .content-box .item img{ width: 100%; height: 370px; object-fit: cover; }
.application-show .content-box .item .title { width: 100%; font-size: 1.5rem; text-align: center; height: 55px; line-height: 55px; overflow: hidden; }
.application-show .content-box .item:hover{ transform: translateY(-2%); }

.news-box { width: 100%; box-sizing: border-box; padding: 0% 8% 2% 8%; background: #fff; }
.news-box .news-box-title { margin-bottom: 1.5%; }
.news-box .news-box-title img{ height: 71px; width: auto; }
.news-box .list-box.left { width: 49.5%; }
.news-box .list-box.right { width: 49.5%; margin-left: 1%;}
.news-box .list-box .classname { }
.news-box .list-box .classname span { color: #172987; font-size: 1.8rem; }
.news-box .list-box .classname a { color: #333333; font-size: 1.2rem; margin-left: 1.5%; }
.news-box .list-box .item { background: #F2F2F2; border: 1px solid #E1E1E1; width: 100%; height: 270px; margin-top: 9px; }
.news-box .list-box .item .titlepic { background: #fff; width: 198px; height: 137px; }
.news-box .list-box .item .titlepic img { width: 100%; height: 100%; object-fit: cover; }
.news-box .list-box .item .info { width: 60%;  padding: 3% 5%; box-sizing: border-box; }
.news-box .list-box .item .info .title { white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.news-box .list-box .item .info .title a { font-size: 26px;}
.news-box .list-box .item .info .desc { overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; font-size: 18px; margin: 10px 0; height:50px; line-height: 25px;color: #575757}
.news-box .list-box .item .info .more a { color: #172987; font-size: 1.4rem; font-weight: 600; }
.news-box .list-box .item .info .more span { color:#999999; font-size: 1.3rem; }

.honorary-box { width: 100%; background: url('../images/honorary-fullbg.png') no-repeat; background-size: 100% 100%; padding: 1.5% 0 9% 0; }
.honorary-box .honorary-box-title img{ height: 71px; width: auto; }
.honorary-box .honorary-box-title .sub { font-size: 1.8rem; margin: 3% 0 2.5% 0; }
.honorary-box .pic-box1 { padding: 0 8%; }
.honorary-box .pic-box1 img { width: 23%; margin: 0 1%; height:265px; object-fit: contain; }
/* .honorary-box .pic-box2 { width: 23%; margin: 0 1%; height:265px; object-fit: contain; } */
.honorary-box .pic-box2 { width: 100%; box-sizing: border-box; padding: 0 20%; margin-top: 4%; overflow:hidden; }
.honorary-box .pic-box2 .swiper-wrapper { width: 100%; height: 550px; }
.honorary-box .pic-box2 .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.honorary-box .pic-box2 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: fill; }



/* 2024.11.19第三版 start */
.main-wrapper .intro-box {
    background: none;
    height: auto;
    position: relative;
    z-index: 7;
}
/* 70 - 20 - 4 */
.main-wrapper .intro-box .intro {
    background: #F4F4F4;
    width: 70%;
    padding: 110px 0;
}
.main-wrapper .intro-box .intro .title {padding: 0 0 0 8%; line-height:1;}
.main-wrapper .intro-box .intro .title .t1 {
    font-family: AlibabaPuHuiTi;
    font-weight: 400;
    font-size: 52px;
    color: #B2321D;
}
.main-wrapper .intro-box .intro .title .t2 {
    font-family: AlibabaPuHuiTi;
    font-weight: 400;
    font-size: 28px;
    color: #4D4D4D;
    margin-top:20px;
}
.main-wrapper .intro-box .intro .title .t3 {
    width: 120px;
    height: 6px;
    background: #B2321D;
    margin-top: 15px;
}

.main-wrapper .intro-box .intro .logo-show {
    padding: 0 35% 0 0%;
}
.main-wrapper .intro-box .video {
    position: absolute;
    right: 0;
    top: 0;
    width: 56%;
    z-index: 1;
    padding: 0 4%;
}
.main-wrapper .intro-box .video img{
    position: relative;
    z-index: 2;
    height: auto;
    max-height: 100%;
}
.main-wrapper .intro-box .video .block {
    width: 100%;
    height: 179px;
    background: #B2321D;
    position:absolute;
    bottom: -30px;
    right: 0;
    z-index: 1;
}
.main-wrapper .hot-product { margin-top: 80px; width: 100%; padding: 0 8%; background: url(../images/hot-product-bg.png) no-repeat; background-size: cover; box-sizing: border-box; }
.main-wrapper .hot-product .hot-product-title {line-height:1; background: none;}
.main-wrapper .hot-product .hot-product-title .t1 {
    font-family: AlibabaPuHuiTi;
    font-weight: bold;
    font-size: 48px;
    color: #FFFFFF;
    line-height: 43px;
    height: 45px;
}
.main-wrapper .hot-product .hot-product-title .t2 {
    width: 117px;
    height: 4px;
    background: #5B6AAD;
    margin-top: 8px;
}
.main-wrapper .hot-product .hot-product-title .t3{
    font-family: AlibabaPuHuiTi;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 43px;
}
.main-wrapper .hot-product .hot-product-title .more {
    border: 1px solid #FFFFFF;
    padding: 10px 30px;
    color: #FFFFFF;
    font-size: 14px;
}
.main-wrapper .hot-product .hot-product-swiper.swiper {
    width: 100%;
    padding-bottom: 80px;
}

.main-wrapper .hot-product .hot-product-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    justify-content: center;
    align-items: center;
    /*width:23%;*/
    /*margin: 0 4%;*/
}

.main-wrapper .hot-product .hot-product-swiper .swiper-slide .box{
    width:100%;
    padding-top: 100%;
    position: relative;
}

.main-wrapper .hot-product .hot-product-swiper .swiper-slide img {
    position:absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}

.main-wrapper .hot-product .hot-product-swiper .swiper-slide .title {
    width: 100%;
    line-height: 2;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    color:#2B2B2B;
}
.main-wrapper .hot-product .hot-product-swiper .swiper-pagination {
    /* top: auto; */
    bottom: 20px;
}

.main-wrapper .hot-product .hot-product-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #FFFFFF;
}
.main-wrapper .hot-product .hot-product-swiper .swiper-pagination-bullet-active {
    background: #FF9900;
}

.application-show {
    background: #fff;
}
.application-show .application-show-title {
    font-family: AlibabaPuHuiTi;
    color: #2B2B2B;
    padding: 0 4%;
}
.application-show .application-show-title .t1 {
    font-weight: bold;
    font-size: 48px;
}
.application-show .application-show-title .t2 {
    font-weight: 400;
    font-size: 26px;
    height:60px;
    line-height: 60px;
}

/* .application-show .content-box { padding: 0 4%; } */
.application-show .content-box .item {
    width: 25%;
    margin: 0;
    height: 392px;
    background-size: cover;
}
.application-show .content-box .item:nth-child(1) {
    background:url('../images/p1.jpg') no-repeat;
    background-size: cover;
}
.application-show .content-box .item:nth-child(2) {
    background:url('../images/p2.jpg') no-repeat;background-size: cover;
}
.application-show .content-box .item:nth-child(3) {
    background:url('../images/p3.jpg') no-repeat;background-size: cover;
}
.application-show .content-box .item:nth-child(4) {
    background:url('../images/p4.jpg') no-repeat;background-size: cover;
}
.application-show .content-box .item:nth-child(5) {
    background:url('../images/p5.jpg') no-repeat;background-size: cover;
}
.application-show .content-box .item:nth-child(6) {
    background:url('../images/p6.jpg') no-repeat;background-size: cover;
}
.application-show .content-box .item:nth-child(7) {
    background:url('../images/p7.jpg') no-repeat;background-size: cover;
}
.application-show .content-box .item:nth-child(8) {
    background:url('../images/p8.jpg') no-repeat;background-size: cover;
}
.application-show .content-box .item .title > a {
    color: #fff;
    font-size: 26px;
}

.news-box {
    padding-bottom: 4%;
    padding-left: 8%;
    padding-right: 8%;
}
.news-box .list-box .classname {
    font-family: AlibabaPuHuiTi;
}
.news-box .list-box .classname span {
    font-weight: 300;
    font-size: 30px;
    color: #2B2B2B;
}
.news-box .list-box .classname a {
    margin-left: 0;
    font-size: 30px;
    color: #2B2B2B;
}
.news-box .list-box .item {
    height: 137px;
    background: none;
    border: none;
    padding-top: 18px;
    border-top: 1px solid #707070;
    margin-top: 18px;
}
.news-box .list-box .item .info {
    padding: 3% 5% 3% 2%;
}
.news-box .list-box .item .info .title {
    font-weight: bold;
}
.news-box .list-box.left {
    width: 48.5%;
}
.news-box .list-box.right {
    width: 48.5%;
    margin-left: 2%;
}

.honorary-box .honorary-box-title2 {
    padding: 0 4%;
}
.honorary-box .honorary-box-title2 img {
    height: 94px;
}
.honorary-box .honorary-box-title2 .sub {
    font-weight: 500;
    font-size: 18px;
    color: #122A88;
    line-height: 2;
    margin: 20px 0;
}

@media only screen and (max-width:768px) {
    .main-wrapper .intro-box {
        flex-direction: column;
        height: auto;
    }
    .main-wrapper .intro-box .video {
        display: none;
        width: 100%;
        height: 200px;
    }
    .main-wrapper .intro-box .intro {
        height: auto;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .main-wrapper .intro-box .intro {
        padding: 22px 10px;
    }
    .main-wrapper .pic-box {
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .main-wrapper .pic-box div {
        width: 49%;
        height: 170px;
        flex: none;
        margin-bottom: 1%;
    }
    .main-wrapper .pic-box div:nth-child(2n) {
        margin-right: 0;
    }
    /* 热门产品 */
    .main-wrapper .hot-product .hot-product-title {
        padding: 21px 0 24px 0;
    }
    .main-wrapper .hot-product .hot-product-title img {
        height: 28px;
    }
    .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item {
        width: 32.4%;
        margin: 15px 0.6% 15px 0;
    }
    .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item:nth-child(7),
    .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item:nth-child(8) {
        display: none;
    }
    /* .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item img {
        height: 286px;
    } */
    .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item .title {
        height: 44px;
        line-height: 44px;
        font-size: 1.25rem;
    }
    .main-wrapper .hot-product .hot-product-tabs .tabs-container .tab {
        font-size: 1.3rem;
    }
    .main-wrapper .hot-product .hot-product-tabs .swiper-slide .swiper-slide-wrapper {
        padding: 0 2%;
    }
    /* 应用领域 */
    .application-show .application-show-title img {
        height: 28px;
    }
    .application-show .application-show-title .sub {
        font-size: 1.4rem;
        margin: 2% 8%;
    }
    .application-show .content-box {
        padding: 0 2%;
    }
    .application-show .content-box .item {
        width: 49%;
    }
    .application-show .content-box .item:nth-child(2n) {
        margin-right: 0;
    }
    .application-show .content-box .item:nth-child(3n) {
        margin-right: 1%;
    }
    .application-show .content-box .item:nth-child(5),
    .application-show .content-box .item:nth-child(6) {
        display: none;
    }
    .application-show .content-box .item img {
        height: 150px;
    }

    /* 新闻中心 */
    .news-box {
        padding: 4% 2% 2% 2%;
    }
    .news-box .news-box-title img {
        height: 28px;
    }
    .news-box .list-box-wrapper {
        flex-direction: column;
        height: auto;
    }
    .news-box .list-box.left,
    .news-box .list-box.right {
        width: 100%;
        margin: 2% 0 0 0;
    }
    .news-box .list-box .classname {
        justify-content: space-between;
    }
    .news-box .list-box .classname a {
        background: #172987;
        color: #fff;
        padding: 2px 6px;
    }
    .news-box .list-box .item .info .title a {
        font-size: 1.4rem;
    }

    /* 荣誉资质 */
    .honorary-box .honorary-box-title img {
        height: 28px;
    }
    .honorary-box .honorary-box-title .sub {
        font-size: 1.4rem;
    }
    .honorary-box .pic-box1 {
        /* padding: 0 2%; */
        flex-direction: row;
        flex-wrap: wrap;
    }
    .honorary-box .pic-box1 img {
        height: auto;
        width: 48%;
        margin: 1%;
        object-fit: cover;
    }
    .honorary-box .pic-box2 {
        padding: 0 20%;
    }
    .honorary-box .pic-box2 .swiper-wrapper {
        height: 220px;
    }

    .main-wrapper .hot-product .hot-product-tabs .tabs-container {
        display: none;
    }
    .main-wrapper .hot-product .hot-product-tabs .swiper-slide {
        /* height: 270px; */
    }
    /* .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item img {
        width: 100%;
        height: 140px;
        object-fit: scale-down;
    } */
    .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item .title a {
        padding: 0 8px;
        white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
    }
    .honorary-box {display: none}
    .honorary-box .pic-box2 {
        padding: 0 8%;
    }
    .honorary-box .pic-box2 .swiper-wrapper {
        height: 185px;
    }

    .main-wrapper .hot-product .hot-product-tabs .swiper-slide .item .title,
    .application-show .content-box .item .title { height: 30px; line-height: 30px; }
}

@media only screen and (max-width:768px) {
    .main-wrapper .intro-box .intro { width: 100%;}
    .main-wrapper .intro-box .intro .content {padding: 0;font-size: 20px;line-height: 40px;margin: 10px 0 10px 0;}
    .main-wrapper .intro-box .intro .logo-show {padding: 0;}
    .main-wrapper .intro-box .intro .logo-show>div{flex-wrap: wrap}
    .main-wrapper .intro-box .intro .logo-show img{margin-bottom: 10px;}

    .main-wrapper .hot-product .hot-product-title .base-flex.base-rows {flex-direction: column;justify-content: left;align-items: flex-start;}

    .application-show .content-box .item { height: 157px; width: 50%; }
    .application-show .content-box .item:nth-child(3n) { margin: 0;}

    .news-box .list-box.left, .news-box .list-box.right { width: 100%; margin-top: 30px; }
    .news-box .list-box .classname a {background: none;}
    .main-wrapper .hot-product .hot-product-title .t3 {font-size: 15px;}
    .main-wrapper .hot-product {margin-top: 0;}
    .news-box .list-box .item .titlepic {overflow: hidden;width: 30%;height: auto;}
    .news-box .list-box .item .info {width: auto;flex:1;padding: 1%;}
}

/* 2024.11.19第三版 end */