@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun > img{width: 100%;}
.banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.banner-list li{display: flex;align-items: center;margin-right: 20px;}
.banner-list li a{display: flex;align-items: center;}
.banner-list li .img{margin-right: 5px;transition: all .4s ease;width: 25px;}
.banner-list li:hover .img{transform: rotate(-45deg);}
.banner-list li .text{transition: all .4s ease;}
.banner-list li:hover .text{color: #ce1313;}
.banner-btn {border-radius: 10px;width: 140px;height: 36px;align-items: center;justify-content: center;transition: all .4s ease;border: 1px solid #ce1313;color: #ce1313;}
/* .banner-btn:hover{background-color: #fff;border: 1px solid #ce1313;color: #ce1313;} */
.banner-btn:hover{background-color: #ce1313;color: #fff;}

.banner .swiper-slide-active .banner-lun .content .banner-name{animation: BannerConntent 1s ease both .8s;}
.banner .swiper-slide-active .banner-lun .content .banner-title{animation: BannerConntent 1s ease both 1.0s;}
.banner .swiper-slide-active .banner-lun .content .banner-text{animation: BannerConntent 1s ease both 1.2s;}
.banner .swiper-slide-active .banner-lun .content .banner-list{animation: BannerConntent 1s ease both 1.4s;}
.banner .swiper-slide-active .banner-lun .content .banner-btn{animation: BannerConntent 1s ease both 1.6s;}
@keyframes BannerConntent {0%{transform: translateX(140px);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 5px;background: #fff;opacity: 1;transition: all .4s ease;margin: 0px 5px;}
.banner .swiper-pagination-bullet-active {width: 30px;height: 10px;opacity: 1;background: #ce1313;border-radius: 15px;}

.indps_muen.one{margin-right: 20px;width: 31%;background-color: #f6f6f6;border-radius: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;
padding: 40px 20px;}
.indps_muen.one img{transition: all .4s ease;}
.indps_muen.one:hover img{transform: scale(.95);}
.indps_muen.one .title{transition: all .4s ease;}
.indps_muen.one:hover .title{color: #ce1313;}
.indps_muen.two{width: calc(100% - (31% + 20px));}
.indps_muen_list1 {margin-right: -20px;margin-bottom: 20px;}
.indps_muen_list1 li{width: calc(100%/2 - 20px);margin-right: 20px;background-color: #f6f6f6;border-radius: 10px;}
.indps_muen_list1 li a{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px 20px;}
.indps_muen_list1 li a .title{transition: all .4s ease;}
.indps_muen_list1 li a:hover .title{color: #ce1313;}
.indps_muen_list1 li img{transition: all .4s ease;}
.indps_muen_list1 li:hover img{transform: scale(.95);}
.indps_muen_list2 li a .title{transition: all .4s ease;}
.indps_muen_list2 li a:hover .title{color: #ce1313;}

.indps_muen_list2 {margin-right: -20px;}
.indps_muen_list2 li{width: calc(100%/3 - 20px);margin-right: 20px;background-color: #f6f6f6;border-radius: 10px;}
.indps_muen_list2 li a{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 20px;height: 155px;}

.indsn-cont{width: 100%;}
.indsn-cont .cont{width: 30%;padding-right: 50px;}
/* .indsn-cont .cont .text{hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;} */
.indsn-cont .img{width: 70%;border-radius: 10px;overflow: hidden;}
.indsn-cont .img img{width: 100%;height: 100%;transition: all 2.8s ease;}
.indsn-cont .img:hover img{transform: scale(1.04);}
.indsn-cont .cont .btn{color: #003399;display: flex;align-items: center;font-size: 16px;width: fit-content;position: relative;transition: all .4s ease;} 
.indsn-cont .cont .btn::before{content: "";position: absolute;bottom: 0px;left: 0px;width: 0%;height: 2px;background-color: #ce1313;transition: all .4s ease;}
.indsn-cont .cont .btn:hover {color: #ce1313;}
.indsn-cont .cont .btn:hover::before{width: 100%;}
.indsn-cont .cont .btn span{transform: rotate(180deg);display: flex;align-items: center;margin-left: 10px;}
.indsn-cont .cont .btn span i{font-size: 12px;font-weight: 700;}
  
.indsz{background-color: #003399;}
.indsz-list li{width: calc(100%/5);display: flex;justify-content: center;align-items: center;flex-direction: column;border-right: 1px solid #1f58c8;}
.indsz-list li:last-child{border-right: 0px solid #000;}
.inddt-map {padding: 0px 25px;position: relative;}
.inddt-list li{position: absolute;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.inddt-list li:nth-child(1) {top: 24%;left: 18.5%;}
.inddt-list li:nth-child(2) {top: 40%;left: 26.5%;}
.inddt-list li:nth-child(3) {top: 50%;left: 27%;}
.inddt-list li:nth-child(4) {top: 61%;left: 32%;}
.inddt-list li:nth-child(5) {top: 74%;left: 31%;}
.inddt-list li:nth-child(6) {top: 20%;left: 47%;}
.inddt-list li:nth-child(7) {top: 34%;left: 53%;}
.inddt-list li:nth-child(8) {top: 47%;left: 48%;}
.inddt-list li:nth-child(9) {top: 72%;left: 53%;}
.inddt-list li:nth-child(10) {top: 10%;left: 72%;}
.inddt-list li:nth-child(11) {top: 29%;left: 82.5%;}
.inddt-list li:nth-child(12) {top: 25%;left: 75%;}
.inddt-list li:nth-child(13) {top: 42%;left: 67%;}
.inddt-list li:nth-child(14) {top: 56%;left: 77%;}
.inddt-list li:nth-child(15) {top: 69%;left: 81%;}
.inddt-list li:nth-child(16) {top: 38%;left: 58%;}
.inddt-list li:nth-child(16) .text{text-align: center;}

.inddt-list li:nth-child(4) .text{transform: translateX(40px) translateY(-31px);}
.inddt-list li:nth-child(5) .text {transform: translateX(46px) translateY(-18px);}
.inddt-list li .icon{animation: inddt_icon .8s linear infinite alternate;}
@keyframes inddt_icon {0%{transform: translateY(0px);}100%{transform: translateY(5px);}}

.indcc{background: url(../images/index/indcc_bg.jpg)center no-repeat;background-size: cover;}
.indcc-lun{height: 100px;border-radius: 10px;background-color: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;padding: 20px;
transition: all .4s ease;}

.indcc-svp .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indcc-svp:hover .indcc-lun{filter: grayscale(0%);}

.indcs-list{width: 22%;}
.indcs-list .list{border-radius: 10px;border: 1px solid #eff2f8;overflow: hidden;width: 100%;}
.indcs-list a{display: flex;align-items: center;padding: 0px 30px;height: 70px;width: 100%;transition: all .4s ease;border-bottom: 1px solid #eff2f8;position: relative;}
.indcs-list a span{transform: rotate(180deg);position: absolute;right: 30px;top: 24px;transition: all .4s ease;}
.indcs-list a span i{font-size: 12px;color: #fff;}
.indcs-list a:last-child{border-bottom: 0px solid #000;}
.indcs-list a .text{transition: all .4s ease;width: 180px;}
.indcs-list a:hover{background-color: #ce1313;}
.indcs-list a:hover .text{color: #fff;}
.indcs-list a.active{background-color: #ce1313;}
.indcs-list a.active .text{color: #fff;}
.indcs-muen{width: 78%;padding-left: 30px;}
.indcs-muen > div{display: none;}
.indcs-muen > div.active{display: flex;flex-wrap: wrap;padding-bottom: 40px;border-bottom: 1px solid #eeeeee;}
.indcs-muen .img{border-radius: 3px;width: 100%;overflow: hidden;}
.indcs-muen .img img{width: 100%;transition: all 2.8s ease;}
.indcs-muen .img:hover img{transform: scale(1.04);}
.indcs-muen .indcs-title{position: relative;width: 100%;display: flex;align-items: center;}  

.indcs-muen .indcs-title .btn{color: #003399;display: flex;align-items: center;font-size: 16px;width: fit-content;position: absolute;right: 0px;} 
.indcs-muen .indcs-title .btn span{transform: rotate(180deg);display: flex;align-items: center;margin-left: 10px;transition: all .4s ease;}
.indcs-muen .indcs-title .btn span i{font-size: 12px;font-weight: 700;}
.indcs-muen .indcs-title .btn::before{content: "";position: absolute;bottom: 0px;height: 2px;width: 0%;background-color: #ce1313;transition: all .4s ease;}
.indcs-muen .indcs-title .btn:hover::before{width: 100%;}
.indcs-muen .indcs-title .btn:hover{color: #ce1313;}

.indtx-lun{background-color: #f6f6f6;border-radius: 10px;overflow: hidden;transition: all .4s ease;}
.indtx-lun .img{height: 275px;overflow: hidden;width: 100%;}
.indtx-lun .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indtx-lun:hover .img img{transform: scale(1.04);}
.indtx-lun .cont{padding: 40px 30px;}
.indtx-lun .cont .data{display: flex;align-items: center;}
.indtx-lun .cont .data .data_img {display: flex;align-items: center;margin-right: 10px;}
.indtx-lun .cont .data .data_img img:nth-child(1){opacity: 0;position: absolute;transition: all .4s ease;}
.indtx-lun .cont .data .data_img img:nth-child(2){opacity: 1;transition: all .4s ease;}
.indtx-lun:hover .cont .data .data_img img:nth-child(2){opacity: 0;}
.indtx-lun:hover .cont .data .data_img img:nth-child(1){opacity: 1;}
.indtx-lun:hover{background-color: #ce1313;}
.indtx-lun .cont .data {transition: all .4s ease;}
.indtx-lun:hover .cont .data {color: #fff;}
.indtx-lun .cont .title{transition: all .4s ease;}
.indtx-lun:hover .cont .title{color: #fff;}
.indtx-btn {position: relative;display: flex;align-items: center;}
.indtx-btn .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 5px;background: #a4a4a4;opacity: 1;transition: all .4s ease;margin: 0px 5px;}
.indtx-btn .swiper-pagination-bullet-active {width: 30px;height: 10px;opacity: 1;background: #ce1313;border-radius: 15px;}

.indtx-btn .btn{color: #003399;display: flex;align-items: center;font-size: 16px;width: fit-content;position: absolute;right: 0px;} 
.indtx-btn .btn span{transform: rotate(180deg);display: flex;align-items: center;margin-left: 10px;transition: all .4s ease;}
.indtx-btn .btn span i{font-size: 12px;font-weight: 700;}
.indtx-btn .btn::before{content: "";position: absolute;bottom: 0px;height: 2px;width: 0%;background-color: #ce1313;transition: all .4s ease;}
.indtx-btn .btn:hover::before{width: 100%;}
.indtx-btn .btn:hover{color: #ce1313;}

.indsn-cont .cont .btn.mb{display: none !important;}

body.blackNes{filter: grayscale(100%);;}





/* -------------------------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)  */
    .indtx-lun .img{height: 230px;}
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
}

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

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-lun > img{min-height: 400px;}
    .indsn-cont .cont{width: 100%;padding-right: 0px;}
    .indsn-cont .img{width: 100%;margin-top: 25px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-lun > img{min-height: 300px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;}
    .indps_muen.one {margin-right: 0px;width: 100%;border-radius: 10px;padding: 20px;margin-bottom: 15px;}
    .indps_muen.one .img{height: 140px;}
    .indps_muen.one .img img{max-height: 100%;}
    .indps_muen.two {width: 100%;}
    .indps_muen_list1{margin-right: -15px;margin-bottom: 15px;}
    .indps_muen_list1 li {width: calc(100%/2 - 15px);margin-right: 15px;}
    .indps_muen_list1 li .img{height: 120px;}
    .indps_muen_list1 li .img img{max-height: 100%;}
    .indps_muen_list2 li a {height: 100px;padding: 10px;}
    .indps_muen_list2{margin-right: -15px;}
    .indps_muen_list2 li {width: calc(100%/3 - 15px);margin-right: 15px;}
    .inddt-list li{display: none;}
    .indps_muen .title{text-align: center;font-size: 14px;}
    .indps_muen_list1 li a{padding: 20px;}
    .indsz-list li {margin-right: -10px;margin-bottom: -10px;border-right: 0px solid #000;}
    .indsz-list li {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;}
    .indsz-list li .text{font-size: 12px;}
    .indcc-lun{height: 60px;}
    .indcs-list{width: 100%;overflow-x: auto;}
    .indcs-muen{width: 100%;padding-left: 0px;margin-top: 25px;}
    .indcs-list a{width: calc(100%/2);border: 0px;padding: 0px 15px;display: flex;justify-content: center;align-items: center;height: 55px;}
    .indcs-list a span{display: none;}
    .indcs-list .list{display: flex;flex-wrap: wrap;border-radius: 5px;border: 0px;}
    .indcs-list{border: 1px solid #eff2f8;}
    .indtx-lun .img{height: 220px;}
    .indtx-lun .cont {padding: 18px 15px;}
    .indtx-btn{margin-top: 25px;}
    .indcs-muen > div.active{padding-bottom: 15px;}
    .banner-lun > img{height: calc(100vh - 130px);}
    .indcc-svp .indcc-lun img{max-height: 100%;}
    .indcc-svp .indcc-lun {padding: 5px;}
    /* .indcc-svp.Nurm1 {transform: rotateY(180deg);}
    .indcc-svp.Nurm1 .indcc-lun img{transform: rotateY(-180deg);}
    .indcc-svp.Nurm3 {transform: rotateY(180deg);}
    .indcc-svp.Nurm3 .indcc-lun img{transform: rotateY(-180deg);} */
    .banner .swiper-pagination-bullet-active {height: 6px;}
    
    .banner-btn{display:none}
    .banner-name{font-size:16px}
    .banner-title{font-size:22px;margin-top:0}
    .banner-text{font-size:16px;margin-top:0}
    .banner-list{justify-content:center;margin-top:10px;}
    @keyframes BannerConntent {0%{transform: translateY(20px);opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}
    .banner-lun .content {align-items: flex-end;padding-bottom:50px;text-align:center;}
    .inddt-map{padding: 0px;}
    .indsn-cont .cont .btn.pc{display: none !important;}
    .indtx-btn .btn{display: none;}
    .indtx-btn{justify-content: center;}
    .indsn-cont .cont .btn.mb{display: flex !important;}
}