.indexContainer>.swiper-wrapper>.swiper-slide,
.indexContainer>.swiper-wrapper>.swiper-slide>*{width: 100%;height: 100%;overflow: hidden;}
.indexContainer>.swiper-pagination::before{content: '';position: absolute;top: 15px;left: 5px;z-index: -1;width: 1px;height: calc(100% - 30px);background-color: rgba(255, 255, 255, .5);}
.indexContainer>.swiper-pagination .swiper-pagination-bullet{width: 11px;height: 11px;margin: 15px 0;background-color: #fff;opacity: 1;box-shadow: 0 0 4px #cacaca;}
.indexContainer>.swiper-pagination .swiper-pagination-bullet-active{background-color: var(--primary-color);}

.index_banner .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.index_banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 11px;height: 11px;margin: 0 8px;}

.index_about .title{font-weight: bold;font-size: 34px;margin-bottom: 80px;}
.index_about .txt{width: 70%;padding: 80px 8% 0 4%;display: flex;flex-direction: column;justify-content: center;background: url(../images/bg_01.jpg) no-repeat center/cover;}
.index_about .txt .left{width: 200px;}
.index_about .txt .left p{font-size: 18px;font-weight: bold;margin-bottom: 10px;line-height: 40px;}
.index_about .txt .right{width: calc(100% - 200px);}
.index_about .txt .right> p{letter-spacing: 1px;line-height: 1.7;}
.index_about .txt .right ul{display: flex;justify-content: space-between;align-items: center;margin: 40px 0 60px;}
.index_about .txt .right ul i{display: block;width: 1px;height: 50px;background-color: #eee;}
.index_about .txt .right ul li b{font-size: 34px;color: var(--primary-color);margin-right: 5px;}
.index_about .more a{padding: 10px 30px;background-color: var(--primary-color);color: #fff;transition: all .3s ease-out;}
.index_about .more a:hover{background-color: var(--vice-color);}
.index_about .pic{width: 30%;position: relative;}
.index_about .pic img{width: 100%;height: 100%;object-fit: cover;}
.index_about .video_btn{position: absolute;top: 50%;left: -50px;width: 100px;height: 100px;background-color: #fff;box-shadow: 0 0 10px #eee;border-radius: 50%;cursor: pointer;transition: all .3s ease-out;;}
.index_about .video_btn svg{width: 40px;fill: var(--primary-color);transition: inherit;}
.index_about .video_btn:hover{background-color: var(--primary-color);}
.index_about .video_btn:hover svg{fill: #fff;}

.popup_index_video{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;;background-color: rgba(0, 0, 0, .8);display: none;}
.popup_index_video .section{width: 100%;height: 100%;padding: 90px 4%;display: flex;justify-content: center;align-items: center;}
.popup_index_video .section video{max-width: 100%;max-height: 100%;}
.popup_index_video .close{position: absolute;top: 100px;right: 4%;cursor: pointer;}
.popup_index_video .close img{height: 20px;}

.index_products_type{display: flex;flex-wrap: wrap;}
.index_products_type li{width: 50%;height: 100%;}
.index_products_type li .pic{width: 100%;height: calc(100% - 140px);overflow: hidden;}
.index_products_type li .pic img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.index_products_type li .txt{height: 140px;padding: 0 30px;display: flex;flex-direction: column;justify-content: center;text-align: center;color: #fff;background-color: var(--primary-color);}
.index_products_type li .txt .title{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.index_products_type li:hover .pic img{transform: scale(1.05);}

.swiper_index_products{background: url(../images/bg_01.jpg) repeat center/cover;padding-top: 90px;}
.swiper_index_products .swiper-slide{height: 100%;transition: all .3s ease-out;}
.swiper_index_products .swiper-slide .title{width: 100%;height: 20%;padding: 0 30px;display: flex;align-items: flex-end;justify-content: center;font-size: 24px;color: #000;transition: inherit;}
.swiper_index_products .swiper-slide .pic{width: 100%;height: 60%;padding: 30px 50px;overflow: hidden;;transition: inherit;}
.swiper_index_products .swiper-slide img{width: auto;max-width: 100%;max-height: 100%;transition: inherit;}
.swiper_index_products .swiper-slide .icon{width: 100%;height: 20%;transition: inherit;}
.swiper_index_products .swiper-slide .icon span{width: 50px;height: 50px;border-radius: 50%;background-color: var(--primary-color);color: #fff;font-size: 20px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.swiper_index_products .swiper-slide:hover{background-color: var(--primary-color);}
.swiper_index_products .swiper-slide:hover .title{color: #fff;}
.swiper_index_products .swiper-slide:hover .pic img{transform: scale(1.05);}
.swiper_index_products .swiper-slide:hover .icon{background-color: var(--vice-color);}
.swiper_index_products .swiper-slide:hover .icon span{background-color: #fff;color: var(--primary-color);}

.index_advantage{position: relative;}
.index_advantage::after{background: url(../images/bg.jpg) no-repeat left center/cover;}
.index_advantage .section{width: 50%;height: 100%;margin-left: auto;background-color: rgba(255, 255, 255, .9);padding: 80px 4% 0;display: flex;flex-direction: column;justify-content: center;}
.index_advantage .top .title{font-size: 32px;font-weight: bold;}
.index_advantage .top p{color: #888;margin-top: 15px;}
.index_advantage .desc{margin: 50px 0;padding: 0 0 50px;border-bottom: 1px solid rgba(0, 0, 0, .2);}
.index_advantage .desc .title{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.index_advantage ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_advantage ul li{width: calc(50% - 5px);margin: 5px 0;}
.index_advantage ul li a{display: block;padding: 10px;background-color: var(--primary-color);color: #fff;text-align: center;transition: all .3s ease-out;}
.index_advantage ul li a:hover{background-color: var(--vice-color);}

.bg_aniBig::after{content: '';display: block;position: absolute;top: 0;left: 0;z-index: -1;;width: 100%;height: 100%;transition: all 2s ease-out .5s;}
.swiper-slide-active .bg_aniBig::after{transform: scale(1.2);}

.index_news{padding: 90px 4% 0;display: flex;flex-direction: column;justify-content: center;position: relative;}
.index_news::after{background: url(../images/bg.jpg) no-repeat left center/cover;}
.index_news .top{align-items: flex-end;}
.index_news .top .type_name{display: flex;align-items: flex-end;line-height: 1;}
.index_news .top .type_name h2{font-size: 32px;font-weight: bold;}
.index_news .top .type_name ul{display: flex;}
.index_news .top .type_name ul li{display: flex;margin-left: 20px;}
.index_news .top .type_name ul li:not(:last-child)::after{content: '/';display: block;margin-left: 20px;}
.index_news .top .type_name ul li a:hover{color: var(--primary-color);}
.index_news .top .more{background-color: var(--primary-color);padding: 3px 20px;color: #fff;font-size: 14px;transition: all .3s ease-out;}
.index_news .top .more:hover{background-color: var(--vice-color);}

.swiper_index_news{width: 100%;padding: 0 40px;margin-top: 80px;}
.swiper_index_news .swiper-slide{background-color: #fff;border: 1px solid #eee;padding: 30px;height: auto;display: flex;flex-direction: column;justify-content: space-between;transition: all .5s ease-out;}
.swiper_index_news .swiper-slide .date{color: #999;transition: inherit;}
.swiper_index_news .swiper-slide .date p{font-size: 28px;transition: inherit;}
.swiper_index_news .swiper-slide .title{font-size: 18px;margin: 15px 0;transition: inherit;}
.swiper_index_news .swiper-slide .desc{color: #999;margin-bottom: 20px;transition: inherit;}
.swiper_index_news .swiper-slide .pic{overflow: hidden;transition: inherit;}
.swiper_index_news .swiper-slide .pic img{width: 100%;height: 200px;object-fit: cover;transition: inherit;}
.swiper_index_news .swiper-slide:hover{background-color: var(--primary-color);}
.swiper_index_news .swiper-slide:hover *{color: #fff;}
.swiper_index_news .swiper-slide:hover .pic img{transform: scale(1.05);}
.swiper_index_news .swiper-button-next, 
.swiper_index_news .swiper-button-prev{width: 30px;height: 30px;border-radius: 50%;background-color: var(--primary-color);}
.swiper_index_news .swiper-button-next{right: 0}
.swiper_index_news .swiper-button-prev{left: 0}
.swiper_index_news .swiper-button-next::after, 
.swiper_index_news .swiper-button-prev::after{color: #fff;font-size: 12px;font-weight: bold;}

@media screen and (min-width:1270px){
    .index_products_type li:nth-of-type(even) .txt{background-color: #fff;color: #333;}
    .index_products_type li:nth-of-type(even) p{color: #888;}
}

@media screen and (max-width:1270px){
    .indexContainer>.swiper-wrapper{display: block;height: auto;}
	.indexContainer>.swiper-wrapper>.swiper-slide,
    .indexContainer>.swiper-wrapper>.swiper-slide>*{width: 100%;height: auto;overflow: visible;}
    .indexContainer .ani{visibility: visible !important;}
    
    .index_banner{margin-top: 60px;}
    
    .index_about{flex-wrap: wrap;}
    .index_about .txt{width: 100%;padding: 40px 4%;}
    .index_about .section{flex-wrap: wrap;}
    .index_about .title{margin-bottom: 20px;font-size: 24px;}
    .index_about .txt .left{width: 100%;background-color: var(--primary-color);padding: 10px;display: flex;justify-content: space-between;margin-bottom: 10px;}
    .index_about .txt .left p{color: #fff;font-size: 14px;margin-bottom: 0;}
    .index_about .txt .right{width: 100%;}
    .index_about .txt .right> p{font-size: 15px;color: #888;}
    .index_about .txt .right ul{margin: 20px 0 30px;}
    .index_about .txt .right ul li b{font-size: 20px;}
    .index_about .txt .right ul li p,
    .index_about .txt .right ul li span{font-size: 12px;}
    .index_about .more a{padding: 5px 20px;font-size: 14px;}
    .index_about .pic{width: 100%;padding: 0 4%;}
    .index_about .video_btn{top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;}

    .index_products_type{margin-top: 50px;}
    .index_products_type li{width: 100%;margin-top: 20px;}
    .index_products_type li .pic{height: 40vw;}
    .index_products_type li .txt{height: auto;padding: 15px 4%;}
    .index_products_type li .txt .title{font-size: 18px;margin-bottom: 5px;}
    .index_products_type li .txt p{font-size: 14px;}

    .swiper_index_products{padding: 50px 4% 60px;}
    .swiper_index_products .swiper-slide .title{height: auto;padding: 15px 20px;font-size: 18px;align-items: center;}
    .swiper_index_products .swiper-slide .pic{height: 60vw;padding: 0;}
    .swiper_index_products .swiper-slide .icon{height: auto;margin-top: 20px;}

    .index_advantage .section{width: 100%;height: auto;padding: 50px 4%;}
    .index_advantage .top .title{font-size: 24px;}
    .index_advantage .desc{margin: 20px 0;padding: 0 0 20px;}

    .index_news{height: auto;padding: 50px 4%;}
    .index_news .top .type_name h2{font-size: 24px;}
    .index_news .top .type_name ul li{font-size: 14px;margin-left: 10px;}
    .index_news .top .type_name ul li:not(:last-child)::after{margin-left: 10px;}

    .swiper_index_news{padding: 0 4%;margin-top: 30px;}
    .swiper_index_news .swiper-slide{padding: 20px;}
    .swiper_index_news .swiper-slide .date p{font-size: 18px;line-height: 1;}
    .swiper_index_news .swiper-slide .date span{font-size: 12px;line-height: 1;}
    .swiper_index_news .swiper-slide .title{margin: 10px 0 5px;}
    .swiper_index_news .swiper-slide .desc{font-size: 14px;}
    .swiper_index_news .swiper-slide .pic img{height: 45vw;}
}