@charset "utf-8";
/* ===================首页样式========================== */
.indContain{width: 90.5%;margin: 0 auto;}
.indTtile .text{color: #b8c1c7;}
.banner{position: relative;}
.banner-bg img{width: 100%;min-height: 350px;}
.banner-con{padding: 0 50px; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.banner-con .title span{color: #e70518;}
.banner-con .text{width: 500px;}
.banner  .comMore{width: 200px;height: 50px;}
.banner-switch{z-index: 2;justify-content: space-between; position: absolute;left: 0;bottom: 0;width: 100%;align-items: center;padding-left: 50px;user-select: none;}
.banner-pagination .swiper-pagination-bullet{position: relative; width: 16px;height: 16px;opacity: 1;margin-left: 10px;background: transparent;border: 2px solid transparent;}
.banner-pagination .swiper-pagination-bullet::after{content: "";display: block; width: 100%;height: 100%;border-radius: 50%;background: #8f9192;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet-active{border-color: #e70518;}
.banner-pagination .swiper-pagination-bullet-active::after{background: transparent;}
.banner-btn .btn1{transition: all .4s ease; width: 60px;height: 60px;user-select: none;cursor: pointer;font-size: 20px;color: #d5dce1;background: #fff;}
.banner-btn .btn1.next{margin-left: 2px;}
.banner-btn .btn1:hover{background: #e70518;color: #fff;}

.banner-con .title{opacity: 0;transform: translateY(120px);filter: blur(20px);transition: all 1s .2s ease;}
.banner-con .text{opacity: 0;transform: translateY(120px);filter: blur(20px);transition: all 1s .1s ease;}
.banner-con .comMore-box{opacity: 0;transform: translateY(120px);filter: blur(20px);transition: all 1s ease;}

.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);filter: blur(0);transition-delay: .8s;}
.swiper-slide-active .banner-con .text{opacity: 1;transform: translateY(0);filter: blur(0);transition-delay: .9s;}
.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);filter: blur(0);transition-delay: 1s;}
.swiper-slide-active.first-slide .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first-slide .banner-con .text{transition-delay: .1s;}
.swiper-slide-active.first-slide .banner-con .comMore-box{transition-delay: .2s;}


.indPro-title .icon{font-size: 22px;font-weight: 100;}
.indPro-swp .swiper-slide{height: auto;}
.indPro-slide{position: relative;height: 100%;display: block;}
.indPro-show{background: #e9eef2;padding: 25px 10px 10px 25px;height: 100%;transition: all .6s ease;position: relative;}
.indPro-show-con{width: 51%;}
.indPro-show-con .text,.indPro-hide .text{margin-top: 5px;}
.indPro-show-con .comMore{width: 140px;}
.indPro-show-img{width: 49%;height: 190px;}
.indPro-show-img img{max-height: 100%;max-width: 90%;}
.indPro-hide{z-index: 5; padding: 25px; transition: all .6s ease;width: 100%;height: 100%;background: #e70518;}
.indPro-slide .comMore-box{position: absolute;left: 25px;bottom: 20px;}
.indPro-hide .comMore{width: 164px;background: #c60314;}
.indPro-hide .comMore::after{background: #d60417;}
.indPro-pagination{display: none;user-select: none;}
.indPro-pagination .swiper-pagination-bullet{margin: 0 4px;}
.indPro-pagination .swiper-pagination-bullet-active{background: #e70518;}
.indFA{border-top: 1px solid #ddd;}
.indFA-list{margin-left: -20px;}
.indFA-item{width: calc((100% / 3) - 20px);margin-left: 20px; position: relative;}
.indFA-img{overflow: hidden;}
.indFA-img img{width: 100%;height: 240px;transition: all .6s ease;}
.indFA-con{padding: 20px 0 0 25px;}
.indFA-con .text{margin-top: 5px ;}
.indFA-con .title:hover{color: #e70518;}
.indFA-tags{display: none; z-index: 2; background: #e70518; width: 160px;height: 52px;position: absolute;left: 50%;bottom: calc(100% + 48px);transform: translate(-50%,0);transition: all .6s ease;}
.indFA-tags::before{content: "";position: absolute;left: 50%;top: 100%;transform: translateX(-50%);width: 22px;height: 10px;border: 11px solid transparent;border-top-color: #e70518;}
.indFA-img:hover img{transform: scale(1.1);}
.indFA-item:nth-child(2) .indFA-tags{display: flex;}






/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner .comMore{width: 180px;height: 48px;}
    .indPro-show{padding: 20px 10px 20px 20px;}
    .indPro-hide{padding: 20px;}
    .indPro-slide .title{font-size: 15px;}
    .indPro-slide .text{font-size: 13px;}
    .indFA-tags{width: 140px;height: 48px;bottom: calc(100% + 30px);}
    .indFA-img img{height: 180px;}
    .indPro-hide .comMore{width: 150px;}
    .indFA-con {padding: 15px 0 0 20px;}

}
@media all and (max-width:1439px) {
    /* 1360 */
}
@media all and (max-width:1359px) {
    /* 1280 */
}
@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indFA-con .comMore-box{margin-top: 15px;}
    .indFA-img img{height: 150px;}
    
}
@media all and (max-width:1151px) {
    /* 1024 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indContain{width: 92%;}
    .banner-con{padding: 0 15px;}
    .banner-con .text{width: 100%;}
    .banner .comMore{width: 120px;height: 38px;}
    .banner-switch{padding: 0 0 15px 15px;}
    .banner-btn{display: none;}
    .banner-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-width: 1px;}
    .indPro-title .icon{font-size: 16px;}
    .indPro-show{padding:20px 10px 15px 15px;}
    .indPro-hide{padding: 15px;}
    .indPro-hide .comMore-box{left: 15px;bottom: 25px;}
    .indPro-show-img{height: 150px;}
    .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;}
    .indFA-list{margin-left: 0;}
    .indFA-item{width: 100%;margin-left: 0;}
    .indFA-con{padding-left: 10px;}
    .indPro-slide .text{font-size: 12px;line-height: 16px;}
    .indFA-tags{width: 80px;height: 32px;bottom: calc(100% + 10px);}
    .indFA-tags::before{width: 10px;height: 10px;border-width: 5px;}
    .indFA-item:nth-child(1) .indFA-tags{display: flex;}
    .indFA-item:nth-child(2) .indFA-tags{display: none;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    
}