@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun{}
.banner-lun > img{width: 100%;}
.banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;opacity: 0;}
.IndBtn {display: flex;align-items: center;transition: all .4s ease;width: fit-content;}
.IndBtn span{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 100%;
    background-image: -moz-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);
    transform: rotate(145deg);margin-right: 15px;transition: all .4s ease;color: #fff;}
.IndBtn:hover span{transform: rotate(180deg);color: #fff;}
.IndBtn:hover {color: #e60012;}
.banner-lun .contain {padding-left: 920px;}

.banner .swiper-slide-active .banner-lun .content{animation: bannerTitle 1.2s ease-in-out both .4s;}
@keyframes bannerTitle {0%{opacity: 0;transform: translateX(200px);}100%{opacity: 1;transform: translateX(0px);}}

.banner .swiper-pagination-bullet {width: 13px;height: 13px;background: rgba(0, 0, 0, 0);opacity: 1;border: 2px solid #fff;transition: all .4s ease;margin: 0px 7px !important;}
.banner .swiper-pagination-bullet-active {opacity: 1;border: 2px solid #e60012;background: #e60012;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 44px;}

.indpc{background: url(../images/index/indpc_bg.jpg)center no-repeat;background-size: cover;}
.indpc-list{margin-right: -20px;}
.indpc-list .list-muen{width: calc(100%/2 - 20px);margin-right: 20px;background-color: #fff;}
.indpc-list .list-muen .img{height: 410px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.indpc-list .list-muen .img img{max-height: 100%;transition: all .4s ease;}
.indpc-list .list-muen:hover .img img{transform: scale(1.04);}
.indpc-list .list-muen .cont{border-top: 1px solid #f7f7f7;padding: 25px 20px 25px 50px;}
.indpc-list .list-muen .cont ul {width: 50%;margin-bottom: -5px;}
.indpc-list .list-muen .cont li{position: relative;padding-left: 20px;margin-right: 20px;margin-bottom: 5px;}
.indpc-list .list-muen .cont li::before{content: "";position: absolute;width: 8px;height: 8px;background-color: #c7c7c7;left: 0px;border-radius: 100%;top: 50%;transform: translateY(-50%);}
.indpc-muen > div{display: none;}
.indpc-muen > div.active{display: block;}
.indpc-svp{background-color: #ffffff;position: relative;box-shadow: 0px 24px 26.19px 0.81px rgba(196, 196, 196, 0.19);}
.indpc-svp .contain{border-right: 1px solid #f4f4f4;border-left: 1px solid #f4f4f4;}
.indpc-lun{height: 180px;display: flex;align-items: center;flex-direction: column;justify-content: center;border-left: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;position: relative;transition: all .4s ease;}
.indpc-lun .img{position: relative;display: flex;justify-content: center;align-items: center;}
.indpc-lun .img img:nth-child(1){position: absolute;opacity: 1;transition: all .4s ease;}
.indpc-lun .img img:nth-child(2){opacity: 0;transition: all .4s ease;}
.indpc-lun:hover .img img:nth-child(1){opacity: 0;}
.indpc-lun:hover .img img:nth-child(2){opacity: 1;}
.indpc-lun .text{padding: 0px 15px;text-align: center;transition: all .4s ease;}
.indpc-lun .number{opacity: .5;position: absolute;top: 20px;right: 30px;}
.indpc-lun:hover{background-color: #e60012;}
.indpc-lun:hover .text{color: #fff;}
.indpc-lun.active .text{color: #fff;}
.indpc-lun.active {background-color: #e60012;}
.indpc-lun.active .img img:nth-child(1){opacity: 0;}
.indpc-lun.active .img img:nth-child(2){opacity: 1;}
.indpc .swiper-btn{position: absolute;transform: translateY(-50%);top: 50%;z-index: 3;}
.indpc .swiper-btn.prev{left: 95px;}
.indpc .swiper-btn.next{right: 95px;}
.swiper-btn.next a{transform: rotate(180deg);}
.swiper-btn a{width: 45px;height: 45px;border: 2px solid #b1b1b1;border-radius: 100px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #b1b1b1;transition: all .4s ease;}
.swiper-btn a:hover{border: 0px solid #e60012;color: #fff; background-image: -moz-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);background-image: -ms-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);}
.indpc-cont .cont-l{width: 46%;display: flex;flex-direction: column;justify-content: center;}
.indpc-cont .cont-r{width: 54%;}
.indpc-cont{background-color: #fff;padding: 70px;}
.indpc-cont .cont-l li{margin-right: 70px;flex-direction: column;align-items: center;display: flex;}
.indpc-cont .cont-l li .img{height: 50px;}
.indpc-cont .cont-l li .img img{max-height: 100%;}
.indpc-cont .cont-l li:last-child{margin-right: 0px;}
.indpc-svp2 .swiper-pagination-bullet {width: 13px;height: 13px;background: rgba(0, 0, 0, 0);opacity: 1;border: 2px solid #c8c8c8;transition: all .4s ease;margin: 0px 7px !important;}
.indpc-svp2 .swiper-pagination-bullet-active {opacity: 1;border: 2px solid #e60012;background: #e60012;}
.indpc-svp2 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 44px;}






.indgy .contain{position: relative;z-index: 2;}
.indgy img.bg{position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);left: 50%;}
.indgy-cont{}
.indgy-cont .cont-l{width: 41%;padding-right: 130px;}
.indgy-cont .cont-r{width: 59%;}
.indgy-video{width: fit-content;}
.indgy-video a{display: flex;width: 300px;height: 300px;border-radius: 6px;position: relative;overflow: hidden;}
.indgy-video img{width: 100%;height: 100%;transition: all .4s ease;}
.indgy-video:hover img{transform: scale(1.04);}
.indgy-video a .btn{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;transition: all .4s ease;transform: scale(1);}
.indgy-video .text{padding: 0px 10px;text-align: center;}
.indgy-cont .cont-r .img{border-radius: 6px;overflow: hidden;height: 530px;}
.indgy-cont .cont-r .img img{height: 100%;width: 100%;transition: all .4s ease;}
.indgy-cont .cont-r .img:hover img{transform: scale(1.04);}
.indgy-cont .cont-r ul{justify-content: space-between;padding: 0px 40px;}
.indgy-cont .cont-r li{display: flex;flex-direction: column;align-items: center;}
.indgy-cont .cont-r li .text{text-align: center;}

.indfh{background: url(../images/index/indfh_bg.jpg)center no-repeat;background-size: cover;}
.indfh-cont{}
.indfh-cont .cont-l{width: 470px;padding-left: 180px;}
.indfh-cont .cont-r{width: calc(100% - 470px);position: relative;}
.indfh-btn > div{width: 100%;}
.indfh-btn a{width: 100%;margin-bottom: 25px;height: 50px;display: flex;align-items: center;padding-left: 40px;border-radius: 30px 0px 0px 30px;transition: all .4s ease;}
.indfh-btn a:last-child{margin-bottom: 0px;}
.indfh-btn a.active{background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgba(0,0,0,0) 100%);color: #e60012;font-family: "AS";}
.indfh-muen{position: absolute;left: 0px;top: 0px;height: 100%;background-color: rgba(255, 255, 255, .95);z-index: 2;width: 600px;padding: 56px;}  
.indfh-muen > div{display: none;}
.indfh-muen > div.active{display: block;}
.indfh-muen .indfh-swp-btn{justify-content: flex-end;}
.indfh-muen .indfh-swp-btn .swiper-btn.prev{margin-right: 14px;}
.indfh-muen .data{border-bottom: 2px solid #e60012;width: fit-content;}
.indfh-muen ul{border-top: 1px solid #eff1f3;padding-top: 20px;}
.indfh-muen ul li{width: calc(100%/2);display: flex;justify-content: center;align-items: center;padding: 20px;max-height: 74px;}
.indfh-lun img{width: 100%;}

.indTitle .name{text-transform: uppercase;}

.indzx-muen .list:nth-child(1){width: 410px;}
.indzx-muen .list:nth-child(2){padding-left: 30px;width: calc(100% - 410px);}
.indzx-svp {border-radius: 10px;overflow: hidden;margin-bottom: 15px;border: 1px solid rgb(187, 187, 187 , .3);}
.indzx-lun > img{height: 220px;width: 100%;}
.indzx-lun .show{padding: 30px;display: flex;justify-content: center;flex-direction: column;width: 100%;height: 100%;background-color: #fff;}
.indzx-lun .show .data{display: flex;align-items: center;}
.indzx-lun .show .data img{margin-right: 10px;}
.indzx-lun .show .text{opacity: .8;}
.indzx .swiper-pagination-bullet {width: 10;height: 10;background: rgba(0, 0, 0, 0);opacity: 1;border: 2px solid #fff;transition: all .4s ease;margin: 0px 7px !important;}
.indzx .swiper-pagination-bullet-active {opacity: 1;border: 2px solid #e60012;background: #e60012;}
.indzx .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 160px;}
.indzx-list{margin-right: -30px;height: calc(100% + 10px);justify-content: space-between;}
.indzx-list li{width: calc(100%/2 - 30px);margin-right: 30px;border-style: solid;border-width: 1px;border-color: rgb(187, 187, 187 , .3);border-radius: 6px;transition: all .4s ease;
height: calc(100%/3 - 10px);background-color: #fff;}
.indzx-list li a{display: flex;padding: 20px;flex-wrap: wrap;width: 100%;height: 100%;align-items: center;}
.indzx-list li .number{width: 100%;display: flex;justify-content: center;flex-direction: column;}
.indzx-list li .cont{width: 100%;}
.indzx-list li:hover{border-radius: 6px;box-shadow: 1.251px 7.902px 10px 0px rgba(224, 48, 51, 0.08);}
.indzx-list li .number > div{transition: all .4s ease;display: flex;align-items: center;}
.indzx-list li .number > div img{margin-right: 10px;}
/* .indzx-list li:hover .number > div{color: #e60012;} */
.indzx-list li .cont .title{transition: all .4s ease;}
.indzx-list li:hover .cont .title{color: #e60012;}
.indzx-muen .list:nth-child(1) > .img{height: 173px;overflow: hidden;}
.indzx-muen .list:nth-child(1) > .img img{width: 100%;height: 100%;border-radius: 6px;transition: all .4s ease;}
.indzx-muen .list:nth-child(1) > .img:hover img{transform: scale(1.04);}

.indhb .indTitle{justify-content: space-between;}
.indhb-svp{position: relative;}
.indhb-svp img.bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;pointer-events: none;z-index: 2;}
.indhb-lun {height: 120px;display: flex;justify-content: center;align-items: center;padding: 10px;border-style: solid;border-width: 1px;border-color: rgb(243, 243, 243);
border-radius: 6px;filter: grayscale(100%);transition: all .4s ease;background-color: #fff;}
.indhb-lun:hover {filter: grayscale(0%);}
.indhb-svp .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indhb-svp .Nurm1{transform: rotate(180deg);}
.indhb-svp .Nurm1 .indhb-lun img{transform: rotate(-180deg);}
.indhb-svp .Nurm3{transform: rotate(180deg);}
.indhb-svp .Nurm3 .indhb-lun img{transform: rotate(-180deg);}
.indhb-svp .nuo{margin-bottom: 20px;}
.indhb-svp .nuo:last-child{margin-bottom: 0px;}


.indfh-btn{overflow-y:auto;}
.indfh-btn > div{height: 430px;}
.indfh-btn::-webkit-scrollbar{width: 2px}
.indfh-btn::-webkit-scrollbar-thumb{background: #e60012}
.indfh-btn::-webkit-scrollbar-track{background: #f1f1f1}
@-moz-document url-prefix(){
    .indfh-btn{scrollbar-color: #e60012 #f1f1f1;scrollbar-width:thin}
    .indfh-btn{scrollbar-face-color: #e60012;scrollbar-shadow-color: #e60012;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .indfh-btn{scrollbar-color:#e60012 #f1f1f1;scrollbar-width:thin}
    .indfh-btn{scrollbar-face-color: #e60012;scrollbar-shadow-color: #e60012;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1}
}


.banner-lun .content{display: none;}

.indgy-cont .cont-r li .number{font-weight: 700;}
.indTitle .name {font-weight: 700;}
.indTitle > .title{font-weight: 700;}

.indpc-svp2 {position: relative;}
.indpc-pages{display: flex;justify-content: center;align-items: center;position: absolute;bottom: 44px;width: 100%;z-index: 3;}

.indzx {background-color: #f9f9f9;}


/* -------------------------4k端 S=50% Y*2--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {}
/* -------------------------2k端 S=75% Y*1.5--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {}

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

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-lun .contain {padding-left: 670px;}
    .indpc .swiper-btn.prev {left: 30px;}
    .indpc .swiper-btn.next {right: 30px;}
    .indpc-list .list-muen .img {height: 340px;}
    .indpc-list .list-muen .cont ul {width: 80%;}
    .indfh-cont .cont-l {padding-left: 120px;}
    .indfh-lun img {height: 600px;}
    .indfh-muen {width: 510px;}
    .indgy-cont .cont-r .img{height: 410px;}
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-lun .contain {padding-left: 530px;}
    .indfh-cont .cont-l {padding-left: 100px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-lun .contain {padding-left: 370px;}
    .banner-lun > img{min-height: 400px;}
    .indpc-list .list-muen .img{height: 240px;}
    .indpc-list .list-muen .cont{padding: 15px;}
    .indpc-list .list-muen .cont ul{width: 100%;}
    .indpc .swiper-btn{display: none;}
    .indgy-cont .cont-l{width: 100%;padding-right: 0px;}
    .indgy-cont .cont-r{width: 100%;margin-top: 15px;}
    .indfh-cont .cont-l{width: 100%;padding: 0px 4%;}
    .indfh-cont .cont-r{width: 100%;}
    .indfh-btn{overflow-x: auto;}
    .indfh-btn > div {display: flex;}
    .indfh-btn a{width: 150px;margin-bottom: 0px;border-radius: 5px;}
    .indfh-btn a.active{background-image: none;background-color: #fff;height: 45px;}
    .indfh-muen {width: 480px;padding: 25px;}
    .indzx-muen .list:nth-child(1){width: 100%;}
    .indzx-muen .list:nth-child(2) {padding-left: 0px;width: 100%;margin-top: 15px;}
    .indpc-cont{padding: 15px;}
    .indpc-cont .cont-l{width: 100%;}
    .indpc-cont .cont-r{width: 100%;}
    .indpc-cont .cont-l ul{margin-bottom: -10px;}
    .indpc-cont .cont-l li{margin-right: 0px;width: calc(100%/3);margin-bottom: 10px;}
    .indpc-cont .cont-l li .img {height: 36px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-lun .contain{padding-left: 0px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 20px;}
    .indpc-list {margin-right: 0px;margin-bottom: -10px;}
    .indpc-list .list-muen {width: 100%;margin-right: 0px;margin-bottom: 10px;}
    .indpc-list .list-muen .img {height: 150px;}
    .indpc-lun {height: 85px;}
    .indpc-lun .number{display: none;}
    .indpc-lun .img{height: 30px;}
    .indpc-lun .img img{max-height: 100%;}
    .indgy-video a{width: 100%;height: auto;}
    .indgy-video{width: 100%;}
    .indgy-cont .cont-r li {width: calc(100%/2);}
    .indfh-btn{border-bottom: 1px solid #fff;}
    .indfh-btn a{display: flex;padding: 0px 12px;justify-content: center;align-items: center;}
    .indfh-muen{position: static;width: 100%;padding: 10px 4%;}
    .indfh-cont .cont-r{flex-direction: column-reverse;display: flex;}
    .indfh-lun img{height: auto;}
    .indfh-muen ul li {padding: 12px;}
    .indzx-lun > img{height: auto;}
    .indzx-muen .list:nth-child(1) > .img{height: auto;}
    .indzx-list{margin-right: 0px;margin-bottom: -15px;}
    .indzx-list li {width: 100%;margin-bottom: 15px;margin-right: 0px;}
    .indzx-list li a {padding: 16px;}
    .indhb-lun {height: 57px;}
    .indhb-lun img{max-height: 100%;}
    .indhb-svp .nuo {margin-bottom: 10px;}
    .indzx-list li .cont {padding-left: 15px;}
    .indfh-muen .indfh-swp-btn{display: none;}
    .indfh-svp{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
    .indfh-svp .swiper-container{height: 100%;}
    .indfh-lun{height: 100%;}
    .indfh-lun img{height: 100%;}
    .indgy-cont .cont-r .img{height: 190px;}
    .indzx-lun .show{padding: 16px;}
    .indzx-list li{height: auto;}
    .indzx-list{height: auto;}
    .indzx-list li .cont{padding-left: 0px;}
    .indpc-cont .cont-l li .img{height: 25px;}
    .indpc-cont .cont-l li{width: calc(100%/4);}
    .indgy-video .text{display: none;}
    .indgy-video a{height: 200px;}
    .indfh-btn > div{height: auto;}
    .indfh-btn{overflow-y: hidden;}
    .indfh-btn::-webkit-scrollbar {width: 2px;height: 2px;}
    .indgy-cont .cont-r .img{display: none;}
    .indzx .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 110px;}
    .indzx-muen .list:nth-child(1) > .img img{display: none;}
    .indzx-muen .list:nth-child(2){margin-top: 0px;}
    .indgy-cont .cont-r ul{padding: 0px;}
    .indpc-pages {position: static;margin-top: 25px;height: 13px;}
}