@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;opacity: 0;transform: translateX(150px);transition: all 2s ease .5s;}
.banner-con .title::after{content: "";position: absolute;width: 110px;height: 4px;background: #e60012;left: 0;top: -40px;}
.banner-con .text{width: 470px;}
.banner-con .more{position: relative;overflow: hidden; width: 170px;height: 40px;align-items: center;justify-content: center;border: 1px solid #000;transition: all .4s ease;}
.banner-con .more::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #e60012;transition: all .6s ease;}
.banner-con .more p{position: relative;z-index: 2;}
.banner-con .more:hover{border-color: #e60012;color: #fff;}
.banner-con .more:hover::after{width: 100%;}
.swiper-slide-active .banner-con{opacity: 1;transform: translateX(0);}
.swiper-slide-active.first .banner-con{transition: all 2s  ease 0s;}
.banner-pagination{position: absolute;left: 50%;bottom: 45px; transform: translateX(-50%);z-index: 10;}
.banner-pagination .swiper-pagination-bullet{transition: all .6s ease;width: 8px;height: 8px;border-radius: 10px;opacity: 1;margin-left: 10px;background: #fff;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet-active{width: 44px;background: #e60012;}
.indTitle::after{content: "";width: 55px;height: 2px;position: absolute;left: 50%;bottom: -7px;transform: translateX(-50%);background: #e60012;}
.indEvent-list{margin-right: -60px;margin-bottom: -30px;}
.indEvent-list::after{content: "";width: 32%;}
.indEvent-list li{text-align: center; width: calc(100%/2 - 60px);box-shadow: 0px 15px 35px 0px rgba(59, 59, 59, 0.19);position: relative;margin-bottom: 30px;margin-right: 60px;}
.indEvent-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.indEvent-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .7);}
.indEvent-bg img{width: 100%;height: 100%;}
.indEvent-con{display: flex;flex-direction: column;align-items: center; position: relative;z-index: 4;background: #fff;height: 100%;}
.indEvent-icon{position: relative;text-align: center;}
.indEvent-icon-con{position: relative;z-index: 2;width: 61px;height: 61px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.indEvent-icon-bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120px;height: 120px;}
.indEvent-icon-bg .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indEvent-text{justify-content: space-between;width: 55%;}
.indEvent-text span{width: 50%;margin-top: 15px;position: relative;display: flex;align-items: center;text-align: center;justify-content: center;}
.indEvent-text span::before{content: "";width: 5px;height: 1px;background: #666;display: inline-block;margin-right: 7px;}
.indEvent-text span:nth-child(-n+2){margin-top: 0;}
.indEvent-con,.indEvent-title,.indEvent-icon img,.indEvent-text,.indEvent-text span::before{transition: all .6s ease;}
.indEvent-list li:hover .indEvent-con{background: transparent;}
.indEvent-list li:hover .indEvent-title,.indEvent-list li:hover .indEvent-text{color: #fff;}
.indEvent-list li:hover .indEvent-icon .s{opacity: 0;}
.indEvent-list li:hover .indEvent-icon .h{opacity: 1;}
.indEvent-list li:hover .indEvent-text span::before{background: #fff;}
.indEvent-line{position: absolute;left: 15px;top: 15px;width: 100%;height: 100%;}
.indEvent-line::after{content: "";position: absolute;right: 0;top: 0;width: 3px;height: 0;background: #e60012;}
.indEvent-line::before{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 3px;background: #e60012;}
.indEvent-line i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indEvent-line i::after{content: "";position: absolute; left: calc(100% - 15px);top: 0; width: 0;height: 3px;background: #e60012;}
.indEvent-line i::before{content: "";position: absolute; left: 0;bottom: 1px; width: 3px;height: 0;background: #e60012;}
.indEvent-list li:hover .indEvent-line::after{height: 100%;transition: all .6s linear .2s;}
.indEvent-list li:hover .indEvent-line::before{width: 100%;transition: all .6s linear .8s;}
.indEvent-list li:hover .indEvent-line i::after{width: 15px;transition: all .2s linear;}
.indEvent-list li:hover .indEvent-line i::before{height: 15px;transition: all .2s linear 1.4s;}
.indIntro{padding-bottom: 300px;position: relative;}
.indIntro::after{content: "";position: absolute;top: 50px;right: 150px;width: 580px;height: 450px;background: url('../images/index/indIntro-bg.png') no-repeat center/100% auto;}
.indIntro-bg{position: absolute;top: 80px;right: 0;z-index: 2;}
.indIntro-text{position: relative;z-index: 3;display: block; width: 1080px;height: 480px;padding: 90px 120px 0 250px;background: url('../images/index/indIntro-con-bg.jpg') no-repeat left top/100% 100%;}
.indIntro-list{margin-right: -40px;}
.indIntro-list li{width: calc(100%/4 - 40px);margin-right: 40px;}
.indIntro-list::after{content: "";width: 33%;}
.indIntro-more{position: absolute;right: 0;bottom: 0;width: 123px;height: 118px;align-items: center;justify-content: center;background: linear-gradient(to right,#f0535e,#c00000);}
.indIntro-more::after{content: "";transition: all 1.3s ease;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 30px;height: 31px;background: url('../images/index/indIntro-more.png') no-repeat center/100% auto;}
.indIntro-text:hover .indIntro-more::after{transform:translate(-50%,-50%) rotate(360deg);}
.indCase-tab .contain{border-bottom: 1px solid #f0f0f1;justify-content: space-between;}
.indCase-tab a{display: block; width: 20%;text-align: center;position: relative;transition: all .4s ease;}
.indCase-tab a::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 3px;background: #e60012;transition: all .4s ease;}
.indCase-tab a:hover{color: #000;}
.indCase-tab a.active{font-weight: 700;}
.indCase-tab a.active::after{width: 100%;}
.indCase-swp-box{background: #a7a6a6;}
.indCase-swp{display: none;}
.indCase-swp:nth-child(1){display: block;}
.indCase-swp .swiper-slide{display: flex;flex-wrap: wrap;}
.indCase-img{display: block;overflow: hidden;width: 50%;}
.indCase-img img{transition: all .6s ease;width: 100%;height: 100%;}
.indCase-img:hover img{transform: scale(1.07);}
.indCase-con{width: 50%;display: block; background: url('../images/index/indCase-bg.jpg') no-repeat left bottom/100% 100%;padding: 80px 250px 50px 140px;}
.indCase-title{transition: all 1s ease;transform: translateY(20px);opacity: 0; justify-content: space-between;}
.swiper-slide-active .indCase-title{opacity: 1; transform: translateY(0);}
.indCase-title .title::after{content: "";position: absolute;left: -60px;top: -20px;width: 33px;height: 29px;background: url('../images/index/indCase-icon.png') no-repeat center/100% auto;}
.indCase-more:hover{text-decoration: underline;}
.indCase-text{margin-bottom: 35px;}
.indCase-num{float: left;}
.indCase-num-item{margin-left: 50px;}
.indCase-num-item:first-child{margin-left: 0;}
.indCase-num-item .num{margin-top: 5px;}
.indCase-num-item .num span{display: inline-block;margin-right: 5px;}
.indCase-switch{float: right;align-items: center;margin-top: 20px;}
.indCase-pagination{margin: 0 17px;font-weight: 700;width: auto !important;}
.indCase-next,.indCase-prev{width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #fff;cursor: pointer;}
.indCase-prev{transform: rotate(180deg);}
.indCase-next::after,.indCase-prev::after{content: "\e622";font-family: "icon";font-size: 13px;display: inline-block;}
.indLogo-list{margin: -12px 0 0 -12px;}
.indLogo-list li{margin: 12px 0 0 12px;box-shadow: 0px 13px 17px 0px rgba(174, 174, 174, 0.14);width: calc((100% - 12px*6)/6);height: 98px;background: #fff;transition: all .4s ease; align-items: center;justify-content: center;}
.indLogo-list li img{max-width: 80%;max-height: 70%;}
.indLogo-list li:hover{transform: translateY(-7px);}
.indNews{background: url('../images/index/indNews-bg.jpg') no-repeat right top/100% 100%;}
.indNews-con{box-shadow: 0px 15px 17px 0px rgba(170, 170, 170, 0.2);}
.indNews-show{width: 33%;position: relative;display: block;}
.indNews-show-img,.indNews-show-img img{width: 100%;height: 100%;}
.indNews-show-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indNews-show-text{position: absolute;left: 20px;bottom: 40px;width: 80%;transform: translateY(50px);transition: all .4s ease;}
.indNews-show-text .text{transition: all .4s ease;}
.indNews-show-text .more{margin-top: 15px;opacity: 0;transition: all .6s ease;transform: translateY(-20px);}
.indNews-show:hover .indNews-show-text{transform: translateY(20px);}
.indNews-show:hover .indNews-show-text .more{transform: translateY(0);opacity: 1;}
.indNews-list{width: 67%;}
.indNews-item{width: 33.33%;background: #fff;display: block;position: relative;padding: 55px 35px 0;height: 50%;}
.indNews-item:nth-child(3)::after,.indNews-item:nth-child(4)::after{content: "";position: absolute;left: 35px;bottom: 40px;width: 36px;height: 2px;background: #e60012;}
.indNews-item:first-child{background: #c00000;}
.indNews-item:nth-child(3) .indNews-list-title,.indNews-item:nth-child(3) .more,.indNews-item:nth-child(4) .indNews-list-title,.indNews-item:nth-child(4) .more{color: #444;}
.indNews-item:nth-child(4){width: calc(100% - 33.33%);}
.indNews-list-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indNews-list-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);}
.indNews-list-img img{width: 100%;height: 100%;}
.indNews-list-title,.indNews-list-text{position: relative;z-index: 2;transition: all .4s ease;}
.indNews-item .more{margin-top: 0px;opacity: 0;transform: translateY(-20px);transition: all .6s ease;}
.indNews-more{align-items: center;justify-content: center;}
.indNews-more a{width: 170px;height: 40px;align-items: center;justify-content: center;border: 1px solid #000;transition: all .4s ease;}
.indNews-more a:hover{color: #e60012;border-color: #e60012;}
.indNews-more a:nth-child(2){margin-left: 35px;}
.indNews-item:hover .more{transform: translateY(0);opacity: 1;}
.indNews-item:hover .indNews-list-title,.indNews-item:hover .indNews-list-text{transform: translateY(-15px);}


 .Container-wrapper{margin-top:88px;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-con .title::after{width: 90px;top: -30px;}
    .indEvent-text{width: 65%;}
    .indIntro-bg{width: 91%;}
    .indIntro-text {width: 58%;height: 400px;padding: 60px 90px 0 150px;}
    .indIntro{padding-bottom: 250px;}
    .indIntro-more{width: 100px;height: 95px;}
    .indIntro-more::after{width: 25px;height: 26px;}
    .indCase-tab a{padding-bottom: 20px;}
    .indCase-con{padding: 60px 100px 50px 100px;}
    .indLogo-list li{height: 90px;}
    .indNews-item{padding: 35px 20px 0;height: 230px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indIntro {padding-bottom: 150px;}
    .indIntro::after{width: 400px;height: 350px;right: 50px;top: 30px;}
    .indIntro-text{padding: 40px 50px 0 50px;}
    .indCase-con {padding: 40px 50px;}
    .indCase-title .title::after{top: -15px;left: -30px;width: 25px;height: 22px;}
    .indCase-pagination{margin: 0 10px;}
    .indCase-next, .indCase-prev{width: 27px;height: 27px;}
    .indNews-item:nth-child(3)::after, .indNews-item:nth-child(4)::after{bottom: 20px;left: 20px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
     .Container-wrapper{margin-top:60px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-bg img{min-height: 350px;}
    .banner-con .more{width: 120px;height: 35px;}
    .indEvent-list{margin-bottom: -20px;}
    .indEvent-list li{width: 100%;margin-bottom: 20px;}
    .indEvent-icon-con{width: 55px;height: 55px;}
    .indEvent-icon-con img{max-width: 60%;max-height: 70%;}
    .indEvent-icon-bg{width: 100px;height: 100px;}
    .indEvent-icon-bg img{max-height: 100%;}
    .indEvent-icon{margin-top: 40px;}
    .indEvent-text{margin-top: 40px;width: 75%;}
    .indEvent-line{display: none;}
    .indTitle{position: relative;z-index: 2;}
    .indIntro::after{width: 250px;height: 180px;}
    .indIntro-con{display: flex;flex-direction: column-reverse;}
    .indIntro-bg{position: relative;top: auto;right: auto;width: 100%;}
    .indIntro-bg img{height: 180px;}
    .indIntro-text{width: 100%;padding: 30px 20px;height: auto;}
    .indIntro-list{margin-top: 10px;}
    .indIntro-list li{width: 100%;margin-top: 20px;}
    .indIntro-more {width:80px;height: 75px;}
    .indIntro-more::after{width: 20px;height: 21px;}
    .indIntro{padding-bottom: 40px;}
    .indTitle::after{width: 40px;}
    .indCase-tab{overflow-x: auto;padding-left: 20px;}
    .indCase-tab .contain{flex-wrap: nowrap;margin-left: -20px;}
    .indCase-tab a{padding-bottom: 10px;text-align: center;margin-left: 20px;white-space: nowrap;}
    .indCase-img{width: 100%;}
    .indCase-con{width: 100%;padding: 30px 15px;}
    .indCase-title .title::after{display: none;}
    .indCase-more{font-size: 12px;}
    .indCase-img img{height: auto;}
    .indLogo-list{justify-content: space-between;margin-left: 0;}
    .indLogo-list::after{content: "";width: 32%;}
    .indLogo-list li{width: 31%;margin-left: 0;height: 60px;}
    .indNews-show,.indNews-list{width: 100%;}
    .indNews-show-img img{height: 250px;}
    .indNews-show-text{bottom: 30px;}
    .indNews-item:nth-child(4){width: 100%;border-top: 1px solid #eee;}
    .indNews-item{width: 100%;padding: 20px 10px 30px;height: auto;}
    .indNews-item .more{opacity: 1;transform: translateY(0);margin-top: 20px;font-size: 12px;}
    .indNews-item:nth-child(3)::after, .indNews-item:nth-child(4)::after{left: 10px;width: 30px;bottom: 10px;}
    .indNews-more a{width: 110px;height: 35px;font-size: 14px;}

}