.indexContainer>.swiper-pagination{right: calc(4% - 12px);transition: all .3s ease-out;}
.indexContainer>.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border: 2px solid #fff;opacity: 1;background: #fff;box-shadow: 0 0 4px #cacaca;margin: 10px 0;}
.indexContainer>.swiper-pagination .swiper-pagination-bullet-active{background: none;}
.indexContainer .index_footer{height: auto;}
.indexContainer>.swiper-wrapper>.swiper-slide>.wrapper{padding-top: 90px;height: 100%;}

.indexContainer>.swiper-pagination.top{top: 120px;transform: none;}

.btn_more{width: 130px;height: 38px;line-height: 38px;overflow: hidden;;font-size: 1.4em;color: #fff;display: block;text-align: center;position: relative;z-index: 1;transition: all .5s ease-out;}
.btn_more::before{content: '';position: absolute;top: -200%;left: -10%;z-index: -1;width: 120%;height: 500%;background: linear-gradient(to right, #1c9abf, #4cbfa9, #72dd97);display: block;transition: all 1s ease-out;}
.btn_more:hover::before{transform: rotate(180deg);}

@keyframes float {form{transform: translateY(0);opacity: 0;}50%{transform: translateY(5px);opacity: 1;}to{transform: translateY(0);opacity: 0;}}
@keyframes mouse {form{height: 2px;opacity: .2;}50%{height: 7px;;opacity: 1;}to{height: 2px;opacity: .2;}}

.indexContainer .mouse{position: absolute;bottom: 50px;left: calc(50% - 9px);z-index: 99;width: 25px;height: 35px;background: url(../images/mouse.png) no-repeat;}
.indexContainer .mouse .item{width: 100%;height: 100%;position: relative;}
.indexContainer .mouse .item::after{position: absolute;content: '';width: 2px;height: 2px;background-color: #fff;left: calc(50% - 1px);top: 10px;animation: mouse 2.4s ease-in-out infinite;}

.idx3 .justified_text { text-align: left; }
.index_banner .swiper-slide{overflow: hidden;}
.index_banner .swiper-slide .slide_inner{width: 100%;height: 100%;}
.index_banner .swiper-slide .wrapper{height: 100%;}
.index_banner .vd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.index_banner .vd2::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);}
.index_banner .vd video{width: 100%;height: 100%;object-fit: cover;}
.index_banner .swiper-slide .txt{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.index_banner .swiper-slide .txt .p{color: #fff;letter-spacing: 2px;background: rgba(0, 111, 160, .6);border-radius: 12px;}
.index_banner .swiper-slide .txt h3.p{line-height: 1.5;font-size: 4.2em;padding: 10px 20px;}
.index_banner .swiper-slide .txt p.p{font-size: 2.2em;width: 600px;line-height: 1.8;padding: 20px;}
.index_banner .swiper-pagination-bullet{width: 32px;height: 6px;border: 1px solid #fff;opacity: 1;background: transparent;border-radius: 6px;position: relative;}
.index_banner .swiper-pagination-bullet::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(0);}
.index_banner .swiper-pagination-bullet-active::after{background-color: #fff;transform: scale(1);transition: all .5s ease-out;}

.counters{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;background: url(../images/bg01.jpg) no-repeat center/cover;}
/* .counters li{width: 20%;padding: 35px 0 30px;text-align: center;color: #fff;} */
.counters li{width: 20%;padding: 10px 0 10px;text-align: center;color: #fff;}
.counters li .num{font-size: 3.8em;}
.counters li p{font-size: 1.4em;}
.countersa{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;background: url(../images/bg03.jpg) no-repeat center/cover;}
.countersa li{width: 20%;padding: 3px 0 3px;text-align: center;color: #fff;}


.index_about{background: url(../images/bg_about.jpg) no-repeat center/cover;}
.index_about .txt{width: 40%;margin-top: 10vh;}
.index_about .txt h2{color: #fff;}
.index_about .txt h2::after{content: '';display: block;width: 100%;height: 1px;background-color: rgba(255, 255, 255, .8);margin: 20px 0;}
.index_about .txt p{font-size: 1.6em;color: rgba(255, 255, 255, .9);line-height: 1.8;margin-bottom: 50px;}
.index_about .counters{position: absolute;bottom: 0;left: 5%;width: 90%;}

/* .bg_linear{position: relative;z-index: 1;}
.bg_linear::before{content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: linear-gradient(to right bottom, #3881d0,#4c9dd9, #45b1e4);display: block;opacity: 0;transition: all 2s ease-out;} */
.indexContainer>.swiper-wrapper>.swiper-slide-active::before{top: 0;left: 0;opacity: 1;}

.index_advantage{background: #fff url(../images/bg_adv.png) no-repeat center/cover;}
.index_advantage .wrapper{display: flex;flex-direction: column;justify-content: space-around;}
.index_advantage .top h2{color: #fff;}
.index_advantage .top p{font-size: 1.6em;color: #fff; line-height: 2em; margin-bottom: 32px;}
.index_advantage .top p b{font-size: 1.2em;}
.index_advantage ul li{width: calc(30%);transition: all .3s ease-out;}
.index_advantage ul li .pic_constant{border-radius: 10px;overflow: hidden;;}
.index_advantage ul li .pic_constant .inner::after{padding-top: 66.67%;}
.index_advantage ul li p{text-align: center;font-size: 1.8em;margin-top: 10px;}
.index_advantage ul li:hover .pic_constant img{transform: scale(1.05);}
.index_advantage ul li:hover{letter-spacing: 2px;}
.index_advantage ul li:hover{color: var(--primary-color);}

.index_smartFactory{position: relative;z-index: 1;}
.index_smartFactory .vd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.index_smartFactory .vd._m{display: none;}
.index_smartFactory .vd video{width: 100%;height: 100%;object-fit: cover;}
.index_smartFactory .wrapper{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;color: #fff;}
.index_smartFactory .txt{background-color: rgba(0, 111, 160, .6);padding: 50px;border-radius: 20px;}
.index_smartFactory h2{line-height: 1;}
.index_smartFactory p{font-size: 2.2em;}

.index_products{flex-wrap: nowrap;transition: all .5s ease-out;}
.index_products .item{width: 33.3333%;background-position: left;overflow: hidden;position: relative;transition: inherit;}
.index_products .item img{width: 100%;height: 100%;object-fit: cover;object-position: right;}
.index_products .item::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);opacity: 0;transition: inherit;}
.index_products .title{position: absolute;top: 20%;left: 15%;font-size: 2.4em;color: #fff;transition: inherit;}
.index_products .title::after{content: '';display: block;width: 100%;height: 1px;background-color: #fff;margin-top: 20px;transition: inherit;}
.index_products .item.on{width: 50%;background-position: center;}
.index_products .item.on img{object-position: center;}
.index_products .item.change{width: 25%;}
.index_products .item.change::after{opacity: 1;}
.index_products .item.on .title{letter-spacing: 2px;}
.index_products .item.on .title::after{width: 200%;}
.index_products .item.on img{transform: scale(1.05);}

.index_news{padding: 90px 0 0 5%;display: flex;flex-direction: column;justify-content: center;background: #fff url(../images/bg_news.png) no-repeat right top/contain;}
.index_news .top h2{color: #008ecd;}
.index_news .tab li{border-right: 2px solid #999; transition: all .3s ease-out;}
.index_news .tab li a{margin: 0 25px;line-height: 1;font-size: 1.8em;display: block;cursor: pointer;}
.index_news .tab li:hover{letter-spacing: 2px;}
.index_news .tab li:hover{color: var(--primary-color);}
.index_news .tab li:first-child a{margin-left: 0;}
.index_news .tab li:last-child a{margin-right: 0;}
.index_news .tab li:last-child{border: 0;}

.index_news .swiper{padding-bottom: 60px;padding-left: 30px;margin-left: -30px;}
.index_news .swiper .swiper-wrapper{align-items: center;}
.index_news .swiper .swiper-slide{display: flex;padding: 40px 40px 40px 0;position: relative;color: #fff;}
.index_news .swiper .swiper-slide::before{content: '';position: absolute;top: 0;right: 0;z-index: -1;width: calc(100% - 25px);height: 100%;background-color: #008ecd;display: block;transition: all .6s ease-out;}
.index_news .swiper .pic_constant{width: 40%;border-radius: 8px;transition: all .5s ease-out .5s;}
.index_news .swiper .pic_constant .inner::after{padding-top: 81%;transition: all .3s ease-out;}
.index_news .swiper .txt{width: 60%;padding-left: 30px;display: flex;flex-direction: column;justify-content: space-between;transition: all .3s ease-out;}
.index_news .swiper .type{font-size: 1.4em;}
.index_news .swiper .title{font-size: 1.6em;margin: 5px 0;font-weight: bold;transition: all .3s ease-out;}
.index_news .swiper .desc{font-size: 1.4em;color: rgba(255, 255, 255, .6);line-height: 1.8;}
.index_news .swiper .icon{transition: all .3s ease-out;}
.index_news .swiper .icon::after{content: 'next';font-family: "swiper-icons";font-size: 14px;font-style: normal;font-weight: bold;}
.index_news .swiper .swiper-slide:hover .pic_constant{transform: scale(1.1);}
.index_news .swiper .swiper-slide:hover::before{width: calc(100% - 100px);border-radius: 10px;}
.index_news .swiper .swiper-slide:hover .txt{padding-left: 40px;}
.index_news .swiper .swiper-slide:hover .title{color: #303e77;}
.index_news .swiper .swiper-button-next, 
.index_news .swiper .swiper-button-prev{top: auto;bottom: 0;width: 30px;height: 30px;border: 2px solid #ccc;border-radius: 30px;font-size: 12px;color: #999;font-weight: bold;}
.index_news .swiper .swiper-button-next{left: 70px;}
.index_news .swiper .swiper-button-prev{left: 30px;}
.index_news .swiper .swiper-button-next:hover, 
.index_news .swiper .swiper-button-prev:hover{color: var(--primary-color);border-color: var(--primary-color);}

.page_banner{margin-top: 90px;}
.page_banner img{width: 100%;}

.page_top{background-color: #f3f8fe;}
.page_top .wrapper{align-items: center;position: relative;}
.page_top .nav> li{padding: 0 40px;font-size: 1.6em;line-height: 70px;height: 70px;}
.page_top .nav> li> a{display: block;}
.page_top .nav> li> a:hover {color: var(--primary-color); }
.page_top .nav li.on {color: var(--primary-color); border-bottom: 3px solid var(--primary-color); }
.page_top .position{font-size: 1.4em;color: #545454;max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page_top .position a:hover{color: var(--primary-color);}

.nav2 .subnav2{ position: absolute; display: none; top: 100%; left: 0; z-index:99; background:#fff;color:#000;padding: 20px 0 20px;align-items: flex-start;flex-wrap: wrap;width: max-content; background: #f0f0f0; }
.nav2 .subnav2 li{font-size:16px; padding: 10px 40px; line-height: 1.4;height: auto;}
.nav2 li:hover .subnav2, 
.nav2 li.on .subnav2{ display: flex; }

.page_about .about .main{padding-left: 5%;position: relative;}
.page_about .about .txt{width: 100%;padding: 65px 0 50px;background-color: rgba(255, 255, 255, .4);}
.page_about .about .txt p{font-size: 1.6em;line-height: 2;text-indent: 2em; width: 70%;}
.page_about .about .txt h5{font-size: 2em; font-weight: bold; margin: 20px 0;}
.page_about .about .txt .p8{width:60%}
/* .page_about .about .bg{position: absolute;bottom: 0;right: 0;max-width: 50%;height: 53%;z-index: -1;} */
.page_about .about .bg{position: absolute;bottom: 0;right: 0;max-width: 50%;}

.page_about .honor{background-color: #f3f3f3;position: relative;}
.page_about .honor::after{content: '';display: block;position: absolute;top: 0;right: 0;;width: 33%;height: 100%;background: linear-gradient(to right, #48b2e5, #418ed1);}
.page_about .honor .main{padding-top: 70px;}
.page_about .honor>.wrapper{position: relative;z-index: 2;}
.page_about .honor .swiper{padding: 100px 80px;background-color: #fff;z-index: 2;}
.page_about .honor .swiper .swiper-slide img{width: 100%; height: 253px; object-fit: contain; }
.page_about .honor .swiper .swiper-slide:hover img{transform: scale(1.02);}
.page_about .honor .swiper .swiper-slide p{margin-top: 10px;text-align: center; font-size: 1.4em;}
.page_about .honor .swiper .swiper-slide:hover p{color: #008ecd;transition: all .5s ease-out;}
.page_about .honor .swiper-button-next, 
.page_about .honor .swiper-button-prev{top: 0;right: 0;left: auto;bottom: auto;margin: 0;width: 36px;height: 36px;border: 2px solid #fff;border-radius: 50%;color: #fff;font-size: 14px;font-weight: bold;}
.page_about .honor .swiper-button-next{right: 34px;}
.page_about .honor .swiper-button-prev{right: 90px;}

.page_about .p_t{height: 32vw;background: url(../images/bg_about01.jpg) no-repeat center/cover;}
/* .page_about .p_t .txt{width: 50%;display: flex;justify-content: center;padding-top: 8vw;} */
.page_about .p_t .txt{justify-content: center;padding-top: 8vw;}
.page_about .p_t .txt h2{color: #fff;padding: 0 30px;}
.page_about .p_t .txt h5{color: #fff;padding: 0 30px; font-size: 2em;}

.list_products li{width: calc(33.333% - 40px);margin: 0 60px 60px 0;}
.list_products li:nth-child(3n){margin-right: 0;}
.list_products li .pic_constant{position: relative;}
.list_products li .pic_constant::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background-color: rgba(255, 255, 255, .2);opacity: 1;}
.list_products li .pic_constant .inner::after{padding-top: 70%;}
.list_products li .title{margin-top: 10px;}
.list_products li .title p{position: relative;font-size: 1.8em;display: inline-block;padding-bottom: 5px;transition: all .5s ease-out;}
.list_products li .title p::after{content: '';display: block;width: 100%;height: 2px;background-color: #333;position: absolute;bottom: 0;left: 0;transition: inherit;}
.list_products li:hover .pic_constant img{transform: scale(1.05);}
.list_products li:hover .pic_constant::after{height: 100%;opacity: 0;;transition: all 400ms linear .1s;}
.list_products li:hover p{color: var(--primary-color);}
.list_products li:hover p::after{background-color: var(--primary-color);}

.products_detail .pic{width: 30%;min-height: 400px;}
.products_detail .pic img{width: 100%;}
.products_detail .main{width: calc(70% - 40px);}
.products_detail .title h1{font-size: 2em;font-weight: bold;line-height: 1;display: inline-block;padding-bottom: 10px;border-bottom: 2px solid #333;}
.products_detail .cont{ border-bottom: 1px solid #babdc2;margin-top: 15px;}
.products_detail .cont p{font-size: 1.4em;line-height: 1.8;margin: 10px 0; text-indent:2em;}
.products_detail .cont .line-3{ border-bottom: 1px dashed #d2d2d2; padding-bottom: 10px; }
.products_detail .cont .line-3:last-child{ border-bottom: none; }

.list_dl li{align-items: center;background-color: #f8f9fd;padding: 20px;margin-top: 20px;font-size: 1.4em;}
.list_dl li .left{width: calc(100% - 150px);}
.list_dl li .title{font-weight: bold;}
.list_dl li .date{color: #777;margin-top: 10px;}
.list_dl li a{background-color: #fff;width: 130px;height: 40px;border: 1px solid var(--primary-color);transition: all .3s ease-out;}
.list_dl li a img{margin-right: 5px;transition: inherit;}
.list_dl li a:hover{background-color: var(--primary-color);color: #fff;}
.list_dl li a:hover img{filter: brightness(0) invert(1)}

.products_detail .related ul li{width: calc(33.333% - 40px);margin: 30px 60px 0 0;}
.products_detail .related ul li:last-child{margin-right: 0;}
.products_detail .related ul li .pic_constant .inner::after{padding-top: 70%;}
.products_detail .related ul li .title{font-size: 1.4em;color: #5d5d5d;margin-top: 10px;text-align: center;}
.products_detail .related ul li:hover .pic_constant img{transform: scale(1.05);}
.products_detail .related ul li:hover .title{color: var(--primary-color);}

.list_case li{width: calc(33.333% - 70px);margin: 0 105px 60px 0;}
.list_case li:nth-child(3n){margin-right: 0;}
.list_case li .pic_constant .inner::after{padding-top: 75%;}
.list_case li .title{font-size: 1.4em;color: #5d5d5d;margin-top: 10px;text-align: center;}
.list_case li:hover .pic_constant img{transform: scale(1.05);}
.list_case li:hover .title{color: var(--primary-color);}

.list_honor li{width: calc(25% - 30px);margin: 0 40px 60px 0;cursor: pointer;}
.list_honor li:nth-child(4n){margin-right: 0;}
.list_honor li .pic_constant{background-color: #f8f8f8;position: relative;}
.list_honor li .pic_constant::after{content: '';display: block;position: absolute;bottom: -70px;left: 0;width: 100%;height: 70px;background: rgba(56, 124, 203, .5) url(../images/icon_search1.png) no-repeat center/30px;opacity: 0;transition: all .3s ease-out;}
.list_honor li .pic_constant .inner::after{padding-top: 73%;}
.list_honor li .pic_constant .inner img{top: 30px;left: 30px;width: calc(100% - 60px);height: calc(100% - 60px);object-fit: contain;}
.list_honor li .title{font-size: 1.4em;margin-top: 10px;text-align: center;}
.list_honor li:hover .pic_constant::after{bottom: 0;opacity: 1;}

.popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background-color: rgba(0, 0, 0, .8);display: none;}
.popup .section{width: 100%;height: 100%;padding: 20px;}
.popup .section img,
.popup .section video{max-width: 100%;max-height: 100%;}
.popup .close{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;font-size: 30px;color: #fff;cursor: pointer;}

.list_news li{width: calc(33.333% - 40px);margin: 0 60px 60px 0;}
.list_news li:nth-child(3n){margin-right: 0;}
.list_news li .pic_constant .inner::after{padding-top: 61%;}
.list_news li .title{font-size: 1.4em;font-weight: bold;margin-top: 10px;text-align: center;}
.list_news li:hover .pic_constant img{transform: scale(1.05);}
.list_news li:hover .title{color: var(--primary-color);}

.page_video .list_news li{cursor: pointer;}
.page_video .list_news li .pic_constant{position: relative;}
.page_video .list_news li .pic_constant::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5) url(../images/icon_play.png) no-repeat center/50px;}

.page_news_detail .title{font-size: 3em;text-align: center;}
.page_news_detail .others{margin: 15px 0 30px;text-align: center;}
.page_news_detail .others span{margin: 0 20px;font-size: 1.4em;color: #6a6a6a;}

.detail {line-height: 1.8; }
.detail p{text-indent: 2em; font-size: 1.6em; }
.detail p+p{ margin-top: 10px; }
.detail img{margin: 5px auto; }

.turn_page{border-top: 1px solid #eee;padding-top: 15px;}
.turn_page li{max-width: 48%;font-size: 1.4em;color: #888787;}
.turn_page li a:hover{color: var(--primary-color);}

.page_recruitment ul li{background-color: #f6f6f6;border-bottom: 1px solid #f6f6f6;}
.page_recruitment ul li .title{display: flex;justify-content: space-between;font-size: 1.6em;padding: 15px 0;background-color: #fff;}
.page_recruitment ul li .title.top{background-color: #f6f6f6;font-size: 2em;font-weight: bold;}
.page_recruitment ul li .title span{width: 20%;text-align: center;}
.page_recruitment ul li .title .more{cursor: pointer;}
.page_recruitment ul li .title .more:hover{color: var(--primary-color);}
.page_recruitment ul li .title .more i{margin: 0 4px;transition: all .3s ease-out;display: inline-block;}
.page_recruitment ul li .title .more.toggle i{transform: rotate(180deg);}
.page_recruitment ul li .detail{padding: 20px;display: none;}

.page_contact dl{width: 31%;padding: 30px 20px;box-shadow: 0 0 12px rgba(75, 190, 169, 0.21);position: relative;}
.page_contact dl::before{content: '';display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: linear-gradient(to bottom right, #3881d0, #45b1e4);opacity: 0;transition: all .8s ease-out;}
.page_contact dl dd{color: #4b4b4b;font-size: 1.5em;display: flex;align-items: flex-start;margin-top: 15px;}
.page_contact dl dd:first-child{font-size: 1.6em;margin-top: 0;}
.page_contact dl dd .icon{width: 20px;height: 20px;object-fit: contain;margin: 2px 8px 0 0;}
.page_contact .map{height: 260px;margin-top: 25px;}
.page_contact .map .inner{width:100%;height:100%;}
.page_contact .map .inner img{max-width: inherit;}
.page_contact .map .inner h2{font-size:16px;font-weight: bold;}
.page_contact .map .inner p{margin-left:5px; font-size:14px;}


@media screen and (max-width: 1600px){
    .page_top .nav> li{padding: 0 15px;}
    .nav2 .subnav2 li{font-size: 14px;height: 30px;line-height: 30px;padding: 0 15px;}
}

@media screen and (max-width: 1440px){
    .counters li .num{font-size: 3.2em;}
}

@media screen and (max-width: 1366px){
    

}

@media screen and (max-width: 1279px){
    .indexContainer>.swiper-pagination{display: none;}
    
    /* .index_banner .swiper-slide .txt h2{text-align: center;font-size: 2em;padding: 8px 0;}
    .index_banner .swiper-slide .txt h2::after{display: none;}
    .index_banner .mouse{display: none;} */

    .index_about .txt{width: 100%;margin-top: 0;}
    .index_about .txt p{background-color: rgba(0, 142, 205, .9);padding: 15px 10px;margin-top: 34%;border-radius: 8px;width: 100%;font-size: 1.4em;}
    .index_about .txt p::before{display: none;}

    .index_products .title::after{background-color: #008ecd;margin-top: 15px;}
    .index_products .item:hover .title::after{width: 100%;}
    
    .index_news{background-size: cover;background-position: center;}

    .counters{overflow-x: auto;flex-wrap: nowrap;}
    .counters li{padding: 20px 0;line-height: 1.2;}
    .counters li .num b{font-size: 2em;}
    .counters li .num{font-size: 14px;}
    .counters li p{margin-top: 10px;}

    .page_banner{height: 30vw;margin-top: 60px;}
    .page_banner img{height: 100%;object-fit: cover;}

    .page_top .wrapper{width: 100%;padding-left: 4%;}
    .page_top .nav{width: 104%;padding-right: 10px;white-space: nowrap;overflow-x: auto;}
    .page_top .nav> li{padding: 0;margin-left: 20px;}
    .page_top .nav> li:first-child{margin-left: 0;}
    .nav2 .subnav2{width: 100%;padding: 10px 0 10px 4%;overflow-x: auto;flex-wrap: nowrap;}
    .nav2 .subnav2 li{margin-left: 15px;padding: 0;}
    .nav2 .subnav2 li:first-child{margin-left: 0;}
    .page_top .position{display: none;}

    .page_about .about .main{padding: 0;}
    .page_about .about .txt{width: 100%;padding: 40px 4% 0;}
    .page_about .about .pic{width: 100%;height: 50vw;background-position: left top;}
    .page_about .about .bg{position: static;height: auto;width: 100%; max-width: 100%;}
    
    .list_products li{width: calc(50% - 30px);}
    .list_products li:nth-child(3n){margin-right: 60px;}
    .list_products li:nth-child(2n){margin-right: 0;}

    .list_honor li{width: calc(50% - 20px);}
    .list_honor li:nth-child(2n){margin-right: 0;}

    .list_case li{width: calc(50% - 30px);margin: 0 60px 60px 0;}
    .list_case li:nth-child(3n){margin-right: 60px;}
    .list_case li:nth-child(2n){margin-right: 0;}
    
    .list_news li{width: calc(50% - 30px);margin: 0 60px 60px 0;}
    .list_news li:nth-child(3n){margin-right: 60px;}
    .list_news li:nth-child(2n){margin-right: 0;}
    .list_news li:nth-child(6n){margin-right: 0;}
    .page_about .about .txt p{width: 100%;}
    .page_about .about .txt .p8{width:100%}
}

@media screen and (max-width: 1024px){
    .index_products{flex-wrap: nowrap;flex-direction: column;padding-top: 60px;}
    .index_products .item{width: 100%;height: 33.333%;}
    .index_products .title{color: #fff;font-size: 2em;top: 17%;left: 50%;transform: translate(-50%, -50%);}

    .page_about .honor .main{padding-top: 60px;}
    .page_about .honor .swiper{padding: 20px;}
    .page_about .honor .swiper-button-next{right: 0;}
    .page_about .honor .swiper-button-prev{right: 50px;}

    .page_about .p_t{height: auto;}
    .page_about .p_t .txt{flex-wrap: wrap;padding: 50px 0;}

    .products_detail .pic{width: 100%;min-height: auto;padding: 10px;}
    .products_detail .pic img{max-width: 100%;width: auto;height: auto;margin: 0 auto;}
    .products_detail .main{width: 100%;margin-top: 35px;}
    .page_about .about .txt p{width: 100%;}
    .page_about .about .txt .p8{width:100%}
}

@media screen and (max-width: 768px){
    .index_banner .swiper-slide .txt p.p{width: 100%;}
    .index_banner .swiper-slide .txt h3.p{font-size: 2.4em;}
    .index_banner .swiper-slide .txt p.p{font-size: 1.6em;padding: 15px 20px;}
    
    .index_about .counters{left: 0;width: 100%;}
    .counters li{width: auto;padding: 20px;white-space: nowrap;}

    .index_smartFactory .txt{padding: 50px 20px;}
    .index_smartFactory p{font-size: 1.6em;}
    .index_smartFactory .vd{display: none;}
    .index_smartFactory .vd._m{display: block;}

    .index_news{padding: 0 4%;}
    .page_about .p_t .txt h5{font-size: 1.6em;}
    .page_news_detail .title{font-size: 2em;}

    .list_products li{width: 100%;margin: 0 0 40px 0 !important;}

    .products_detail .related ul li{width: calc(33.333% - 10px);margin: 20px 15px 0 0;}

    .page_contact dl{width: 100%;margin-bottom: 20px;}
    .page_about .about .txt p{width: 100%;}
    .page_about .about .txt .p8{width:100%}
}

@media screen and (max-width: 525px){
    .index_banner .swiper-slide .txt{justify-content: center; padding-top: 40px;}
    .idx3 .justified_text { text-align: center; }
    .indexContainer>.swiper-wrapper>.swiper-slide>.wrapper{padding-top: 80px;}
    .index_advantage .top p{margin-top: 10px;}
    .index_advantage ul{height: calc(100% - 160px);}
    .index_advantage ul li{width: 100%;height: 30%;position: relative;}
    .index_advantage ul li .pic_constant .inner{position: static;}
    .index_advantage ul li .pic_constant .inner::after{display: none;}
    .index_advantage ul li p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin-top: 0;font-size: 2em;color: #fff;display: flex;align-items: center;}
    .index_advantage ul li p::after{content: '\e602';font-family: 'layui-icon';font-size: 14px;margin: 4px 0 0 15px;}
    .page_about .p_t .txt h5{font-size: 1.6em;}

    .list_dl li .left{width: calc(100% - 100px);}
    .list_dl li a{width: 80px;}
    
    .list_honor li{margin: 0 30px 30px 0;}
    .list_honor li .pic_constant .inner img{top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);}

    .list_case li{width: calc(50% - 15px);margin: 0 30px 30px 0;}
    .list_case li:nth-child(3n){margin-right: 30px;}

    .list_news li{width: calc(50% - 15px);margin: 0 30px 30px 0;}
    .list_news li:nth-child(3n){margin-right: 30px;}
    .list_news li:nth-child(6n){margin-right: 0;}

    .page_video .list_news li .pic_constant::after{background-size: 30px;}

    .page_recruitment ul li .title{font-size: 1.2em;}
    .page_recruitment ul li .title.top{font-size: 1.4em;}
    .page_recruitment ul li .title .more i{font-size: 12px;}
    .page_recruitment ul li .detail{padding: 10px 20px;}

    .page_contact .map{height: 60vw;}
    .page_about .about .txt p{width: 100%;}
    .page_about .about .txt .p8{width:100%}
}

.pager-list{ text-align:center;}
.pager-list ul{ display: inline-flex;}
.pager-list li{ padding:0 8px;}
.pager-list li.prev> *,
.pager-list li.next> *{background: none;border: 2px solid #e6e6e6;}
.pager-list li.prev i::after,
.pager-list li.next i::after{font-family: swiper-icons;font-size: 12px;font-style: normal;color: #e6e6e6;font-weight: bold;}
.pager-list li.prev i::after{content: 'prev';}
.pager-list li.next i::after{content: 'next';}
.pager-list li> *{ display: inline-flex;justify-content: center;align-items: center; width: 30px;height: 30px;line-height: 28px;font-size: 1.4em;background-color: #cfd5e0;border-radius: 4px;}
.pager-list li a:hover{ background: var(--primary-color) !important; color:#fff !important;border-color: var(--primary-color) !important;}
.pager-list li.active> *{ color:#fff !important; background: var(--primary-color) !important;}
.pager-list li.disabled> *{ cursor: default;}
.pager-list li.active> span:hover, 
.pager-list li.active> a:hover{ background:var(--primary-color) !important; color: #fff !important;border-color: var(--primary-color) !important;}


@media screen and (min-width: 1000px) {
    /* .index_banner .swiper-slide .idx2 .p { margin: auto; padding-right: 260px; width: 1100px; padding-bottom: 50px; } */
    .index_banner .swiper-slide .idx2 .p { width: 900px; margin: 0 auto; }
    .index_banner .swiper-slide .idx3 .justified_text { width: 850px; }
}

.nobanner { margin-top: 90px; }
@media screen and (max-width: 1279px) {
    .nobanner { margin-top: 60px; }
}