body,
html {
    position: relative;
    width: 100%;
    height: 100%;
}

.bannerSwiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.bannerSwiper a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.bannerSwiper a>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bannerTip {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: block;
    width: 50px;
    height: auto;
}

/* banenr文字 */
.bannerTxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
}

.bannerTxt h2 {
    font-family: "poppinsBold";
    margin-bottom: 30px;
    line-height: 1.5;
}

.bannerTxt>p {
    margin-bottom: 65px;
}

.bannerTxt>div {
    width: 190px;
    line-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannerTxt i {
    display: block;
    width: 22px;
    height: 5px;
    background: url(../images/triangle2.png)no-repeat center center;
    background-size: 100% 100%;
    margin-left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannerTxt>div:hover {
    transform: translateY(-8px);
    background: #fff;
    color: #004C96;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannerTxt>div:hover i {
    background: url(../images/triangle3.png)no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* 圆点样式 */
.bannerSwiper .swiper-pagination {
    right: 15%;
    left: unset;
    bottom: 40px;
    width: auto;
    border-radius: 100px;
    padding: 14px 28px;
    background: rgba(3, 3, 3, 0.2);
}

.bannerSwiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: #fff;
    opacity: 1;
    margin: 0px 10px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannerSwiper .swiper-pagination-bullet-active {
    background: rgba(0, 76, 150, 1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* 左右箭头样式 */
.bannerSwiper .swiper-button-prev,
.bannerSwiper .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannerSwiper .swiper-button-prev::after,
.bannerSwiper .swiper-button-next::after {
    display: none;
}

.bannerSwiper .swiper-button-prev {
    left: 100px;
    background: url(../images/prev1.png)no-repeat center center;
    background-size: 26px 26px;
}

.bannerSwiper .swiper-button-prev:hover {
    background: url(../images/prev2.png)no-repeat center center, #fff;
    background-size: 26px 26px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bannerSwiper .swiper-button-next {
    right: 100px;
    background: url(../images/next1.png)no-repeat center center;
    background-size: 26px 26px;
}

.bannerSwiper .swiper-button-next:hover {
    background: url(../images/next2.png)no-repeat center center, #fff;
    background-size: 26px 26px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



/* 数字累加 */
.countBox {
    padding: 70px 0px 100px 0px;
}

.countBox ul {
    display: flex;
    justify-content: space-between;
}

.countBox div {
    display: flex;
    align-items: flex-end;
}

.countBox h3 {
    font-family: "poppinsBold";
}

.countBox p {
    margin-top: 12px;
}



/* 关于我们 */
.aboutUs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
    background: url(../images/aboutBg.png)no-repeat right 110px bottom 20px;
    background-size: 370px auto;
}

.aboutUsL {
    width: 50%;
}

.aboutUsL .pubImgBox {
    padding-top: 72%;
}

.aboutUsR {
    width: 46%;
}

.aboutUsR h3 {
    font-family: "poppinsBold";
    text-align: right;
    color: #004C96;
    line-height: 1.4;
    margin-bottom: 55px;
}

.aboutUsR div {
    margin-bottom: 140px;
    color: #555555;
}

.aboutUsR a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    border: 1px solid #004C96;
    line-height: 50px;
    color: #004C96;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.aboutUsR i {
    display: block;
    width: 22px;
    height: 5px;
    background: url(../images/triangle3.png)no-repeat center center;
    background-size: 100% 100%;
    margin-left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.aboutUsR a:hover {
    transform: translateY(-8px);
    background: #004C96;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.aboutUsR a:hover i {
    background: url(../images/triangle2.png)no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



/* 产品 */
.products {
    background: url(../images/productsBg.png)no-repeat center center;
    background-size: cover;
    padding: 110px 0px;
    text-align: center;
}

.productsTab {
    display: flex;
    justify-content: center;
    padding: 55px 0px 100px 0px;
}

.productsTab li {
    cursor: pointer;
    width: auto;
    padding: 0px 30px;
    line-height: 60px;
    border-radius: 100px;
    border: 1px solid #000000;
    text-align: center;
    margin-right: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsTab li:last-of-type {
    margin-right: 0px;
}

.productsTab li.active,
.productsTab li:hover {
    background: #004C96;
    border: 1px solid #004C96;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsItem {
    display: none;
}

/* 产品轮播 */
.productsSwiper {
    padding-bottom: 60px;
    position: relative;
}

.productsSwiper .swiper-slide {
    width: 440px;
    margin-right: 50px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsSwiper a {
    text-align: left;
    display: block;
    position: relative;
    height: 480px;
    padding: 50px 30px;
    z-index: 2;
}

.productsBg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 73%;
    background: linear-gradient(310deg, #E8E8E8 0%, #e8e8e824 60%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsSwiper h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(245, 245, 245, 1);
    margin-bottom: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productImg {
    display: flex;
    justify-content: flex-end;
}

.productImg img {
    width: 250px;
    height: 250px;
    object-fit: contain;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsIcon {
    position: absolute;
    bottom: 50px;
    left: 30px;
    width: 48px;
    height: 48px;
    background: url(../images/productsIcon1.png)no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsSwiper .swiper-slide:hover {
    width: 610px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsSwiper .swiper-slide:hover .productsBg {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsSwiper .swiper-slide:hover h3 {
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsSwiper .swiper-slide:hover img {
    width: 300px;
    height: 300px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.productsSwiper .swiper-slide:hover .productsIcon {
    background: url(../images/productsIcon2.png)no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* 进度条样式 */
.productsSwiper .swiper-pagination {
    top: unset;
    bottom: 0px;
}

.productsSwiper .swiper-pagination-progressbar {
    background: #CCCCCC;
}

.productsSwiper .swiper-pagination-progressbar-fill {
    background: #004C96;
}

/*左右按钮切换*/

.productsSwiper .swiper-button-prev:after{
    display:none;
}
.productsSwiper .swiper-button-next:after{
    display:none;
}
.productsSwiper .swiper-button-next, .productsSwiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border:1px solid #004C96;
    z-index: 10;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.productsSwiper .swiper-button-prev {
    left: 40px;
    background: url(../images/prev2.png)no-repeat center center, #fff;
    background-size: 32px 32px;
}
.productsSwiper .swiper-button-next {
    right: 40px;
    background: url(../images/next2.png)no-repeat center center, #fff;
    background-size: 32px 32px;
}




/* 解决方案 */
.solution {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    text-align: right;
    margin-bottom: 90px;
}

.solution li {
    width: 33.33%;
    height: 640px;
    flex-grow: 1;
}

.solution a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.solution a::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.solution li:last-child a::after {
    display: none;
}

.solutionBg {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.solution h3 {
    position: absolute;
    bottom: 30px;
    right: 0px;
    width: 100%;
    padding: 0px 90px;
    z-index: 5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.solution li:hover h3 {
    bottom: 45px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.solutionTxt {
    position: absolute;
    top: 14%;
    right: 0px;
    width: 100%;
    padding: 0px 170px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.solutionTxt h2 {
    font-family: "poppinsBold";
    text-decoration-line: underline;
    margin-bottom: 48px;
}

.solutionTxt p {
    font-family: "poppinsLight";
    opacity: 0.7;
    margin-bottom: 100px;
    max-width: 410px;
}

.solutionTxt div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 55px;
    border: 1px solid #fff;
    border-radius: 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.solutionTxt span {
    display: block;
}

.solutionTxt i {
    display: block;
    margin-left: 16px;
    width: 22px;
    height: 5px;
    background: url(../images/triangle2.png)no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.solutionTxt div:hover {
    transform: translateY(-10px);
    background: #fff;
    color: #004C96;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.solutionTxt div:hover i {
    background: url(../images/triangle3.png)no-repeat center center;
    background-size: 100% 100%;
}

/* 图片放大效果 */
.solution li a{
    overflow:hidden;
}
.solution li img{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.solution li:hover img {
    transform: scale(1.15);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.solution li:last-child :hover img{
    transform: scale(1.0);
}

/* .solution li:nth-child(2){
    transform:scale(1.2);
    transition: all 0.3s;
    -webkit-animation:all 0.3s;
    -moz-animation:all 0.3s;
    -o-transition:all 0.3s;
} */





/* 工厂 */
.factory {
    position: relative;
    padding-left: 170px;
    padding-bottom: 80px;
}

.factory .pubIndexTitle {
    position: absolute;
    top: 50px;
    left: 210px;
    z-index: 5;
    color: #fff;
}

.factoryIcon {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    right: 130px;
    z-index: 10;
    display: block;
    width: 90px;
    height: 90px;
    background: url(../images/factoryIcon.png)no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
    animation: circleAnimation 3s infinite linear; /* 设置动画名称、持续时间、重复次数和速度曲线 */
}
@keyframes circleAnimation {
  0% { transform: scale(0.8); } /* 初始状态为原大小 */
  50% { transform: scale(1.2); } /* 中间状态放大两倍 */
  100% { transform: scale(0.8); } /* 结束状态返回到原大小 */
}


.factorySwiper .swiper-slide {
    width: 80%;
    height: 740px;
    overflow: hidden;
    position: relative;
}

.factorySwiper .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #1C1C1C;
    opacity: 0.4;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper .swiper-slide-active::after {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 圆点样式 */
.factorySwiper .swiper-pagination {
    position: absolute;
    bottom: 60px;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.factorySwiper .swiper-pagination::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    z-index: -1;
    opacity: 0.3;
}

.factorySwiper .swiper-pagination-bullet {
    display: block;
    width: 12px;
    height: 12px;
    background: #56545F;
    border: 1px solid #fff;
    opacity: 1;
    margin: 0px 20px !important;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -5;
    display: block;
    width: 10px;
    height: 10px;
    background: #00000025;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper .swiper-pagination-bullet-active {
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper .swiper-pagination-bullet-active::after {
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* 左右箭头 */
.factorySwiper .swiper-button-next,
.factorySwiper .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: unset;
    bottom: 36px;
    z-index: 10;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper .swiper-button-prev {
    left: 150px;
    background: url(../images/prev2.png)no-repeat center center, #fff;
    background-size: 32px 32px;
}

.factorySwiper .swiper-button-next {
    right: 150px;
    background: url(../images/next2.png)no-repeat center center, #fff;
    background-size: 32px 32px;
}

.factorySwiper .swiper-button-prev:hover {
    background: url(../images/prev1.png)no-repeat center center, #004C96;
    background-size: 32px 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper .swiper-button-next:hover {
    background: url(../images/next1.png)no-repeat center center, #004C96;
    background-size: 32px 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.factorySwiper .swiper-button-next::after,
.factorySwiper .swiper-button-prev::after {
    display: none;
}




/* 新闻 */
.news .pubIndexTitle {
    margin-bottom: 55px;
}

.newsBg {
    display: block;
    width: 100%;
    height: auto;
}

.newsCon {
    display: flex;
}

.newsL {
    width: 18%;
    border-right: 1px solid #F2F2F2;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 0px;
}

.newsLTop li {
    cursor: pointer;
    padding-left: 65px;
    padding-right: 20px;
    margin-top: 60px;
    position: relative;
}

.newsLTop li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 0px;
    height: 2px;
    background: #004C96;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newsLTop li.active {
    color: #004C96;
}

.newsLTop li.active::before {
    width: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newsLBtm {
    width: 150px;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #004C96;
    color: #004C96;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newsLBtm i {
    display: block;
    width: 22px;
    height: 5px;
    margin-bottom: 4px;
    background: url(../images/triangle3.png)no-repeat center center;
    background-size: 100% 100%;
    margin-left: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newsLBtm:hover {
    transform: translateY(-10px);
    background: #004C96;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newsLBtm:hover i {
    background: url(../images/triangle2.png)no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

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

.newsRItem {
    display: none;
}

.newsSwiper .swiper-slide {
    width: 33.33%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.newsSwiper a {
    display: block;
    width: 100%;
    padding: 36px 30px 50px 30px;
}

.newsTime {
    margin-bottom: 15px;
}
.newsTime p{
    margin-top:15px;
}
.newsTxt h3 {
    margin-bottom: 6px;
    font-family: "poppinsBold";
    margin-bottom: 10px;
    line-height:1.5;
}

.newsTxt .pubImgBox {
    padding-top: 58%;
}

.newsTxt .txtBox {
    height: 110px;
    padding-top: 16px;
}

.newsTxt span {
    text-transform: uppercase;
}

.newsSwiper .swiper-slide:hover {
    color: #fff;
    background: #004C96;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



/* 适配 */
@media (max-width: 1680px) {
    .factory {
        padding-left: 4%;
    }

    .bannerSwiper .swiper-button-prev,
    .bannerSwiper .swiper-button-next {
        width: 55px;
        height: 55px;
        background-size: 20px 20px;
    }

    .bannerSwiper .swiper-button-prev {
        left: 30px;
    }

    .bannerSwiper .swiper-button-next {
        right: 30px;
    }

    .bannerTxt h2 {
        line-height: 1.3;
    }

    .bannerSwiper .swiper-pagination {
        padding: 10px 20px;
        bottom: 20px;
        right: 8%;
    }

    .bannerSwiper .swiper-pagination-bullet {
        margin: 0px 7px !important;
    }

    .bannerTip {
        width: 44px;
    }

    /* 关于我们 */
    .aboutUsR div {
        margin-bottom: 60px;
    }

    .aboutUsR h3 {
        margin-bottom: 40px;
    }

    /* 产品 */
    .products {
        padding: 80px 0px;
    }

    .productsTab {
        padding: 50px 0px 60px 0px;
    }

    .productsTab li {
        padding: 0px 26px;
        line-height: 50px;
    }

    .productsSwiper a {
        height: 450px;
        padding: 40px 30px;
    }

    .productsSwiper .swiper-slide:hover img {
        width: 280px;
        height: 280px;
    }

    /* 解决方案 */
    .solution {
        margin-bottom: 60px;
    }

    .solution li {
        height: 500px;
    }

    .solutionTxt {
        padding: 0px 90px;
        top: 16%;
    }

    .solutionTxt h2 {
        margin-bottom: 40px;
    }

    .solutionTxt p {
        margin-bottom: 70px;
    }

    /* 工厂 */
    .factory {
        padding-bottom: 60px;
    }

    .factory .pubIndexTitle {
        left: 100px;
    }

    .factorySwiper .swiper-slide {
        height: 660px;
    }

    .factoryIcon {
        width: 75px;
        height: 75px;
        right: 80px;
    }

    .factorySwiper .swiper-pagination {
        bottom: 50px;
    }

    .factorySwiper .swiper-button-next,
    .factorySwiper .swiper-button-prev {
        width: 50px;
        height: 50px;
        bottom: 30px;
        background-size: 25px 25px;
    }

    .factorySwiper .swiper-pagination-bullet {
        margin: 0px 16px !important;
    }

    /* 新闻 */
    .news .pubIndexTitle {
        margin-bottom: 40px;
    }

    .newsL {
        width: 20%;
    }

    .newsLTop li {
        margin-top: 40px;
        padding-left: 50px;
    }

    .newsLTop li.active::before {
        width: 35px;
    }

    .newsLBtm {
        line-height: 46px;
    }

    .newsSwiper a {
        padding: 30px 24px;
    }

    .newsTime h3 {
        font-size: 44px;
    }
}

@media (max-width: 1440px) {
    .bannerTxt {
        max-width: 1000px;
    }

    .countBox {
        padding: 50px 0px;
    }

    .aboutUsR h3 {
        margin-bottom: 26px;
    }

    .aboutUsR div {
        margin-bottom: 40px;
    }

    .aboutUsR a {
        width: 190px;
    }

    /* 产品 */
    .products {
        padding: 50px 0px 40px 0px;
    }

    .productsTab li {
        padding: 0px 22px;
        line-height: 48px;
        margin-right: 12px;
    }

    .productsTab {
        padding: 50px 0px 44px 0px;
    }

    .productsSwiper h3 {
        font-size: 20px;
    }

    .productsSwiper .swiper-slide:hover h3 {
        margin-bottom: 25px;
    }

    .productsSwiper a {
        height: 430px;
    }

    .productsIcon {
        width: 40px;
        height: 40px;
        bottom: 35px;
    }

    .productsSwiper .swiper-slide:hover {
        width: 560px;
    }

    .productsSwiper .swiper-slide {
        margin-right: 40px;
    }

    .productsSwiper {
        padding-bottom: 36px;
    }

    .solution li {
        height: 440px;
    }

    .solutionTxt div {
        width: 160px;
        line-height: 52px;
    }

    .solutionTxt i {
        margin-left: 12px;
    }

    .solution h3 {
        padding: 0px 50px;
    }

    /* 解决方案 */
    .solution {
        margin-bottom: 45px;
    }

    .factorySwiper .swiper-slide {
        height: 550px;
    }
}

@media (max-width: 1280px) {
    .bannerTxt {
        width: 80%;
    }

    .bannerTxt h2 {
        margin-bottom: 20px;
    }

    .bannerTxt>p {
        margin-bottom: 40px;
    }

    .bannerTxt>div {
        width: 170px;
        line-height: 50px;
    }

    /* 关于我们 */
    .countBox {
        padding: 40px 0px;
    }

    .aboutUs {
        flex-wrap: wrap;
    }

    .aboutUsL {
        margin-bottom: 24px;
    }

    .aboutUsL .pubImgBox {
        padding-top: unset;
        height: 300px;
    }

    .aboutUsL,
    .aboutUsR {
        width: 100%;
    }

    .aboutUsR h3 {
        text-align: left;
        margin-bottom: 16px;
    }

    .aboutUs {
        background: url(../images/aboutBg.png)no-repeat right 60px bottom 20px;
        background-size: 300px auto;
    }

    .aboutUsR div {
        margin-bottom: 30px;
    }

    .aboutUs {
        margin-bottom: 44px;
    }

    /* 产品 */
    .products {
        padding: 40px 0px;
    }

    .productsSwiper a {
        height: 380px;
    }

    .productImg img {
        width: 200px;
        height: 200px;
    }

    .productsSwiper .swiper-slide:hover img {
        width: 250px;
        height: 250px;
    }

    /* 解决方案 */
    .solutionTxt {
        padding: 0px 40px;
        top: 16%;
    }

    .solutionTxt p {
        margin-bottom: 50px;
    }

    .factorySwiper .swiper-slide {
        height: 470px;
    }

    .factoryIcon {
        width: 70px;
        height: 70px;
        right: 60px;
    }

    /* 新闻 */
    .newsSwiper .swiper-slide {
        width: 50%;
    }

    .newsL {
        width: 26%;
    }
}

@media (max-width: 992px) {

    .bannerSwiper,
    .swiper-wrapper {
        height: auto;
    }

    .bannerSwiper .swiper-button-prev,
    .bannerSwiper .swiper-button-next {
        display: none;
    }

    .bannerTxt {
        width: 92%;
    }

    .bannerTip {
        display: none;
    }

    .solution li {
        height: 350px;
        width: 50% !important;
    }

    .solution li:last-of-type {
        width: 100% !important;
    }

    .solution h3 {
        padding: 0px 30px;
    }

    .solutionTxt p {
        margin-bottom: 40px;
    }

    /* 工厂 */
    .factorySwiper .swiper-slide {
        width: 90%;
        height: 380px;
    }

    .factorySwiper .swiper-button-next,
    .factorySwiper .swiper-button-prev {
        display: none;
    }

    .factoryIcon {
        display: none;
    }

    .factorySwiper .swiper-pagination {
        bottom: 18px;
    }

    .factory .pubIndexTitle {
        left: 65px;
        top: 40px;
    }

    .factory {
        padding-bottom: 50px;
    }

    /* 新闻 */
    .news .pubIndexTitle {
        margin-bottom: 25px;
    }

    .newsLTop li {
        margin-top: 20px;
        padding-left: 36px;
    }

    .newsLTop li.active::before {
        width: 26px;
    }

    .newsTime h3 {
        font-size: 36px;
    }

    .newsTxt .txtBox {
        height: 95px;
    }
}

@media (max-width: 767px) {
    .bannerTxt h2 {
        margin-bottom: 10px;
    }

    .bannerTxt>p {
        margin-bottom: 22px;
    }

    .bannerTxt i {
        width: 18px;
        height: 3px;
        margin-left: 8px;
    }

    .bannerTxt>div {
        width: 140px;
        line-height: 42px;
    }

    .bannerSwiper .swiper-pagination {
        bottom: 10px;
        right: 4%;
        padding: 4px 10px;
    }

    .bannerSwiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0px 4px !important;
    }

    /* 数字累加 */
    .countBox ul {
        flex-wrap: wrap;
    }

    .countBox ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    .countBox {
        padding: 24px 0px 10px 0px;
    }

    .countBox p {
        margin-top: 4px;
    }

    /* 关于我们 */
    .aboutUsL .pubImgBox {
        height: 180px;
    }

    .aboutUsL {
        margin-bottom: 16px;
    }

    .aboutUsR h3 {
        margin-bottom: 10px;
    }

    .aboutUsR a {
        width: 180px;
        line-height: 42px;
    }

    .aboutUsR i {
        width: 18px;
        height: 3px;
        margin-left: 8px;
    }

    .aboutUs {
        margin-bottom: 36px;
    }

    /* 产品 */
    .productsTab {
        flex: 0 0 auto;
        width: 100%;
        overflow-x: auto;
        justify-content: unset;
    }

    .productsTab li {
        flex: 0 0 auto;
    }

    .productsTab {
        padding: 38px 0px 34px 0px;
    }

    .productsTab li {
        padding: 0px 18px;
        line-height: 42px;
        margin-right: 10px;
    }

    .productsSwiper .swiper-slide {
        width: 100%;
        margin-right: 30px;
    }

    .productsSwiper a {
        height: 320px;
        padding: 30px 22px;
    }

    .productsSwiper .swiper-slide:hover {
        width: 100%;
    }

    .productsSwiper .swiper-slide:hover img {
        width: 200px;
        height: 200px;
    }

    .productsSwiper h3 {
        padding-bottom: 14px;
    }
    
    .productsSwiper .swiper-button-next, .productsSwiper .swiper-button-prev{
        display:none;
    }

    /* 解决方案 */
    .solution {
        padding: 30px 4%;
        margin-bottom: 0px;
    }

    .solution li {
        height: 200px;
        width: 100% !important;
        margin-bottom: 14px;
    }

    .solution li:last-child {
        height: 260px;
    }

    .solution h3 {
        bottom: 14px;
        padding: 0px 14px;
    }

    .solutionTxt {
        align-items: center;
        text-align: center;
    }

    .solutionTxt h2 {
        margin-bottom: 16px;
    }

    .solutionTxt p {
        margin-bottom: 30px;
    }

    .solutionTxt div {
        height: 42px;
        width: 140px;
    }

    .solutionTxt i {
        width: 18px;
        height: 3px;
        margin-left: 8px;
    }

    /* 工厂 */
    .factory {
        padding-right: 4%;
    }

    .factorySwiper .swiper-slide {
        width: 100%;
        height: 200px;
    }

    .factory .pubIndexTitle {
        position: relative;
        top: unset;
        left: unset;
        color: #333;
        margin-bottom: 20px;
    }

    .factorySwiper .swiper-pagination {
        bottom: 10px;
    }

    .factorySwiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0px 4px !important;
    }

    .factorySwiper .swiper-pagination-bullet-active::after {
        width: 16px;
        height: 16px;
    }

    /* 新闻 */
    .news .pubIndexTitle {
        text-align: center;
        margin: 0px;
    }

    .newsCon {
        flex-wrap: wrap;
    }

    .newsL {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 0px;
        border: none;
    }

    .mBtn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .newsLTop ul {
        display: flex;
        justify-content: center;
    }

    .newsLTop li {
        margin: 0px 12px;
        padding: 0px 0px 12px 0px;
    }

    .newsLTop li::before {
        width: 0px;
        height: 3px;
        border-radius: 100px;
        background: #004C96;
        left: 50%;
        transform: translateX(-50%);
        top: unset;
        bottom: 0px;
    }

    .newsLTop li.active::before {
        width: 18px;
    }

    .newsSwiper .swiper-slide {
        width: 100%;
        margin-right: 30px;
    }

    .newsSwiper a {
        background: #F7F7F7;
    }

    .newsR {
        margin-bottom: 30px;
    }

    .newsTime h3 {
        font-size: 28px;
    }
}