@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun > img{width: 100%;}
.banner-lun{position: relative;}
.banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.banner-lun .content .banner-cont{justify-content: space-between;}
.banner-lun .content .cont-l{width: 55%;}
.banner-lun .content .cont-r{width: 35%;transform: translateY(-175px);}
.banner .swiper-slide-active .banner-lun .content .cont-l{animation: BannerLun1 1s ease both .8s;opacity: 0;}
.banner .swiper-slide-active .banner-lun .content .cont-r{animation: BannerLun2 1s ease both 1.2s;opacity: 0;}
@keyframes BannerLun1 {0%{opacity: 0;transform: translateX(200px);}100%{opacity: 1;transform: translateX(0px);}}
@keyframes BannerLun2 {0%{opacity: 0;transform: translateX(200px) translateY(-175px);}100%{opacity: 1;transform: translateX(0px) translateY(-175px);}}
.banner-lun .content .cont-l ul{position: relative;}
.banner-lun .content .cont-l ul::before{content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 3px;height: 105px;background-color: #fff;}
.banner-lun .content .cont-l li{margin-bottom: 6px;padding-left: 30px;}
.banner-lun .content .cont-l li:last-child{margin-bottom: 0px;}
.banner-lun .content .cont-r .name{background-image: linear-gradient( 23deg, rgb(199,0,11) 0%, rgb(244,156,161) 100%);-webkit-background-clip: text;color: transparent;line-height: 1;}
.banner-lun .content .cont-r .title{line-height: 1.24;}
.banner_bottom_btn {position: absolute;bottom: 0px;left: 0px;width: 100%;z-index: 3;pointer-events: none;}
.banner_bottom_btn .contain{display: flex;justify-content: flex-end;padding-bottom: 40px;}
.banner_bottom_btn a {display: flex;flex-wrap: wrap;align-items: center;transform: rotate(90deg);pointer-events: all;}
.banner_bottom_btn a .title{line-height: 1;transition: all .4s ease;}
.banner_bottom_btn a .line{height: 1px;width: 25px;margin-left: 7px;background-color: #fff;}
.banner_bottom_btn a:hover .title{color: #d41a23;}
.banner_pages{position: absolute;width: 100%;left: 0px;display: flex;justify-content: center;pointer-events: none;z-index: 3;bottom: 50px;}
.banner_pages .swiper-pagination{pointer-events: all;}
.banner_pages .swiper-pagination-bullet {width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0px 15px;position: relative;}
.banner_pages .swiper-pagination-bullet-active{background-color: #d41a23;}
.indBtn{width: 140px;height: 40px;border-radius: 20px;display: flex;align-items: center;justify-content: center;background-color: #d41a23;color: #f9f9f9;transition: all .4s ease;}
.indBtn:hover{box-shadow: 0px 0px 10px 0px rgba(212, 26, 35, 0.5);}
.indav{background: url('../images/index/indav-bg.png') no-repeat right bottom 40px/25% auto;}
.indav .contain{position: relative;z-index: 2;}
.indav-textBg{position: absolute;left: 0;top: 170px; line-height: 1; width: 100%;overflow: hidden;display: flex;flex-wrap: nowrap;font-size: 200px;color: #f9f9f9;white-space: nowrap;text-transform: uppercase;}
.indav-textBg .title{animation:textLoop 20s linear infinite;}
@keyframes textLoop {0%{transform: translateX(0);}100%{transform: translateX(-100%);}}
.indav-cont .cont-l{width: 63%;position: relative;z-index: 2;}
.indav-cont .cont-r{width: 37%;display: flex;justify-content: center;align-items: flex-end;padding-bottom: 25px;position: relative;z-index: 2;}
.indav-ml{border-radius: 15px;overflow: hidden;position: relative;}
.indav-ml>img{transition: all 2s ease;}
.indav-ml:hover>img{transform: scale(1.2);}
.indav-ml-content{position: absolute;top: 100px;left: 0px;width: 100%;display: flex;flex-direction: column;align-items: center;}
.indav-ml-content .btn{width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;border: 2px solid #fff;border-radius: 20px;transition: all .4s ease;}
.indav-ml-content .btn:hover{background-color: #d41a23;border: 2px solid #d41a23;}
.indav-ml-list{position: absolute;bottom: 60px;left: 0px;width: 100%;}
.indav-ml-list .list{width: calc(100%/3);padding: 0px 120px;position: relative;}
.indav-ml-list .list .img{height: 50px;display: flex;justify-content: center;align-items: center;}
.indav-ml-list .list .img img{max-height: 100%;}
.indav-ml-list .list .title{text-align: center;}
.indav-ml-list .list::before{content: "";position: absolute;right: 0px;top: 50%;transform: translateY(-50%);width: 2px;height: 57px;background-color: rgba(255, 255, 255, .3);}
.indav-ml-list .list:last-child::before{display: none;}
.indmp{background: url(../images/index/indmp_bg.jpg)center no-repeat;background-size: cover;}
.indmp-pagination{display: none;}
.indmp-btn{width: 50px;height: 50px;border-radius: 50%;border: 2px solid #333;color: #333;position: absolute;left: -100px;top: 50%;transform: translateY(-50%);user-select: none;cursor: pointer;z-index: 2;}
.indmp-btn.next{left: auto;right: -100px;transform: translateY(-50%) rotate(180deg);}
.indmp-btn:hover{border-color: #d41a23;background: #d41a23;color: #fff;}
.indmp-list {margin-right: -25px;}
.indmp-list .list-muen{width: calc(100%/3 - 25px);margin-right: 25px;}
.indmp-list .list-muen:nth-child(2){height: 755px;}
.indmp-list .list-muen:nth-child(2) .img{height: 620px;}
.indmp-list_list{height: 100%;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.indmp-list_list .muen{height: calc(100%/2 - 15px);}
.indmp-cont{height: 100%;width: 100%;border-radius: 15px;overflow: hidden;background-color: #fff;padding: 30px 40px;display: block;position: relative;}
.indmp-cont .img{display: flex;justify-content: center;align-items: center;}
.indmp-cont .img img{max-height: 100%;}
.indmp-cont .img.maxHeight1{height: 230px;}
.indmp-cont .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #d41a23;padding: 30px 40px;opacity: 0;transition: all .4s ease;}
.indmp-cont .show img.bg{display: none; position: absolute;bottom: -90px;right: -30px}
.indmp-cont .show .btn{width: 140px;height: 40px;border: 2px solid #fff;display: flex;justify-content: center;align-items: center;border-radius: 20px;transition: all .4s ease;}
.indmp-cont .show .btn:hover{background-color: #fff;color: #d41a23;}
.indmp-cont .show .title{position: relative;z-index: 2;}
.indmp-cont .title{font-weight: 700;}
.indmp-cont .show .text{position: relative;z-index: 2;}
.indmp-cont .show .btn{position: relative;z-index: 2;}
.indmp-cont:hover .show{opacity: 1;}
.indas{height: 860px;}
.indas-btn{position: absolute;left: 0;bottom: 7%;width: 100%;z-index: 4;}
.indas-btn .more{width: 50px;height: 50px;border: 2px solid rgba(255, 255, 255, .5);user-select: none;cursor: pointer;border-radius: 50%;}
.indas-btn .more.next{transform: rotate(180deg);margin-left: 40px;}
.indas-btn .more:hover{border-color: #d41a23;background: #d41a23;}

.indas-img{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:#333}
.indas-img img{width: 100%;height: 100%;position:absolute;top:0;left:0;opacity:0;transition:all .6s ease}
.indas-img img.active{opacity:1}
@keyframes indas-img {0%{opacity: 0;}100%{opacity: 1;}}
.indas .contain{position: relative;z-index: 2;}
.indas-svp{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0px;left: 0px;}
.indas-lun .img{width: 66px;height: 66px;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 2px solid #fff;transition: all .4s ease;}
.indas-lun:hover .img,.indas-lun.active .img{background-color: #d41a23;border: 2px solid #d41a23;}
.indas-svp .swiper-container{height: 100%;}
.indas-lun .text{color: #c0c0c0;display: none;}
.indas-lun {height: 100%;display: flex;flex-direction: column;justify-content: center;border-right: 1px solid rgba(255, 255, 255, .2);padding: 0px 25px;padding-top: 145px;}
.indas-pagination{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 5;bottom: 40px;}
.indas-pagination .swiper-pagination-bullet{width: 40px;height: 10px;opacity: 1;margin: 0 10px;position: relative;background: transparent !important;}
.indas-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 4px;background: rgba(255, 255, 255, .8);}
.indas-pagination .swiper-pagination-bullet-active::after{background: #d41a23;}
.indns{background-color: #f8f8f8;}
.indns-cont .cont-l{width: 41%;}
.indns-cont .cont-r{width: 59%;padding-left: 80px;}
.indns-content{border-radius: 15px;background-color: #fff;display: block;overflow: hidden;height: 100%;}
.indns-content .cont{padding: 26px 40px;}
.indns-list {border-top: 1px solid #e7e7e7;}
.indns-list .list{height: 140px;display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid #e7e7e7;position: relative;transition: all .4s ease;}
.indns-list .list::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #d41a23;transition: all .6s ease;}
.indns-list .list .title{padding-right: 70px;transition: all .4s ease;}
.indns-list .list .btn{position: absolute;right: 0px;top: 50%;width: 47px;height: 47px;transform: translateY(-50%) rotate(180deg);
    border-radius: 50%;display: flex;justify-content: center;align-items: center;background-color: #fff;transition: all .4s ease;}
.indns-list .list .btn i{position: absolute;display: flex;align-items: center;justify-content: center; border-radius: 50%; left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: #000;transform: scale(0); color: #fff;font-size: 12px;transition: all .4s ease;}
.indns-list .list .btn::before{content: "";position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 6px;height: 6px;background-color: #1c1c1c;border-radius: 100%;
opacity: 1;transition: all .4s ease;}
.indns-list .list:hover .btn i{transform: scale(1);}
.indns-list .list:hover .title{color: #d41a23;}
.indns-list .list:hover::after{right: auto;left: 0;width: 100%;}
.indns-content .img{height: 370px;}
.indns-content .img img{width: 100%;height: 100%;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-lun .content .cont-r {transform: translateY(-130px);}
    @keyframes BannerLun2 {0%{opacity: 0;transform: translateX(200px) translateY(-130px);}100%{opacity: 1;transform: translateX(0px) translateY(-130px);}}
    .indav-ml-list .list {width: calc(100%/3);padding: 0px 80px;}
    .indmp-list .list-muen:nth-child(2) {height: 620px;}
    .indmp-list .list-muen:nth-child(2) .img {height: 490px;}
    .indmp-cont .img.maxHeight1 {height: 180px;}
    .indas {height: 620px;}
    .indns-content .img{height: 310px;}
    .indns-list .list {height: 120px;}
    .indav-textBg{font-size: 150px;top: 120px;}
    .indav-ml-content{top: 40px;}
    .indav-ml-list{bottom: 30px;}
    .indmp-cont .show,.indmp-cont{padding: 25px;}
    .indmp-btn{width: 40px;height: 40px;left: -50px;border-width: 1px;}
    .indmp-btn.next{right: -50px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-lun .content .cont-r {transform: translateY(-60px);}
    @keyframes BannerLun2 {0%{opacity: 0;transform: translateX(200px) translateY(-60px);}100%{opacity: 1;transform: translateX(0px) translateY(-60px);}}
    .banner-lun .content .cont-l {padding-right: 20px;}
    .banner-lun .content .cont-l ul::before{height: 100%;}
    .indav-ml-content {top: 30px;}
    .indav-ml-list {bottom: 20px;}
    .indav-ml-list .list {width: calc(100%/3);padding: 0px 20px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner-lun .content .cont-l{width: 100%;padding-right: 0px;}
    .banner-lun .content .cont-r{width: 100%;transform: translateY(0px);margin-top: 20px;}
    .banner .swiper-slide-active .banner-lun .content .cont-l{animation: BannerLun1 1s ease both;opacity: 0;}
    .banner .swiper-slide-active .banner-lun .content .cont-r{animation: BannerLun2 1s ease both;opacity: 0;}
    @keyframes BannerLun1 {0%{opacity: 0;}100%{opacity: 1;}}
    @keyframes BannerLun2 {0%{opacity: 0;}100%{opacity: 1;}}
    .banner-lun > img{height: 400px;}
    .banner_pages {bottom: 40px;}
    .indav-cont .cont-l{width: 100%;}
    .indav-cont .cont-r{width: 100%;padding-bottom: 0px;justify-content: flex-start;margin-top: 25px;}
    .indav-ml{border-radius: 5px;height: 600px;}
    .indav-ml > img{width: 100%;height: 100%;}
    .indmp-list {margin-right: 0px;margin-bottom: -25px;}
    .indmp-list .list-muen {width: 100%;margin-right: 0px;margin-bottom: 25px;}
    .indmp-list_list {margin-bottom: -25px;}
    .indmp-list_list .muen {height: auto;width: 100%;margin-bottom: 25px;}
    .indns-cont .cont-l{width: 100%;}
    .indns-cont .cont-r{width: 100%;padding-left: 0px;}
    .indns-content .img{height: 415px;}
    .indns-content {border-radius: 5px;}
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner_bottom_btn{display: none;}
    .indav-ml {height: 480px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-lun > img {height: 500px;}
    .banner-lun .content .cont-r .title{line-height: 1;font-size: 18px;}
    .banner-lun .content .cont-l li {padding-left: 15px;}
    .banner-cont {flex-direction: column-reverse;}
    .banner-lun .content .cont-r{margin-top: 0px;}
    .banner-lun .content .cont-l{margin-top: 25px;}
    .banner-lun .content .cont-r .name{font-size: 28px;}
    .banner-lun .content .cont-r .text{margin-top: 0px;}
    .banner_pages .swiper-pagination-bullet {margin: 0px 10px;}
    .indav-ml-content{top: 15px;padding: 0px 10px;text-align: center;}
    .indav-ml-list .list{width: calc(100%/2);margin-bottom: 15px;}
    .indav-ml-list .list::before{display: none;}
    .indav-ml-list .list .img{height: 30px;}
    .indav-ml-list .list .title{font-size: 12px;line-height: 14px;}
    .indmp-cont{border-radius: 5px;}
    .indmp-cont .show {padding: 20px 25px;}
    .indmp-cont{padding: 20px 25px;}
    .indmp-cont .img.maxHeight1 {height: 120px;margin-top: 25px;}
    .indmp-list .list-muen:nth-child(2) .img{height: 120px;margin-top: 25px;}
    .indmp-list .list-muen:nth-child(2){height: auto;}
    .indas-lun{align-items: center;text-align: center;}
    .indas {height: 460px;}
    .indas-lun .text{display: block;}
    .indas-lun .btn{display: none;}
    .indas-lun {padding: 0px 25px;padding-top: 75px;}
    .indns-content .img{height: 195px;}
    .indns-content .cont{padding: 20px;}
    .indns-list .list {height: 80px;}
    .indav-textBg{font-size: 100px;top: 60px;}
    .indav{background-size: 50% auto;}
    .indas-pagination .swiper-pagination-bullet{width: 16px;height: 4px;margin: 0 4px;}
    .indas-pagination .swiper-pagination-bullet::after{height: 2px;}
    .indns-list .list .btn{width: 40px;height: 40px;}
    .indmp-btn{display: none;}
    .indmp-pagination{display: block;text-align: center;}
    .indmp-pagination .swiper-pagination-bullet{opacity: 1;margin: 0 4px;background: #999;}
    .indmp-pagination .swiper-pagination-bullet-active{background: #d41a23;}
    .indas-btn{bottom: 5%;}
    .indas-btn .more{width: 40px;height: 40px;font-size: 14px;}
    .indas-btn .more.next{margin-left: 20px;}
}