@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: relative;}
.banner .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.banner .content .text{line-height: 1;}
.banner .content .title{line-height: 1;}
.banner .content .name{line-height: 1;text-transform: uppercase;}
.banner .content .indBtn{color: #fff;}
.banner img{width: 100%;height:calc(100vh - 90px)}

.indBtn{width: 140px;height: 35px;border-radius: 3px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indBtn i{font-size: 6px;font-weight: 400;margin-left: 10px;}
/* .indBtn:hover i{transform: translateX(10px);} */
.indBtn:hover {background-color: #d6000f;color: #fff;border: 1px solid#d6000f;}

.indSection{background-color: #fff;border-radius: 60px 60px 0px 0px;position: relative;z-index: 2;overflow:inherit;}

.lh1{line-height: 1;}
.indfa .indCommonTitle .indBtn{width: 180px;height: 42px;}
.indfa-cont{width: 100%;background: url(../images/index/indfa-cont.jpg)center no-repeat;height: 185px;background-size: cover;}
.indfa-cont .cont-l{width: 460px;display: flex;flex-direction: column;justify-content: center;padding-left: 50px;}
.indfa-cont .cont-r{width: calc(100% - 460px);padding-left: 50px; display: flex;flex-direction: column;justify-content: center;}
.indfa-cont .cont-r .search{width: 515px;height: 50px;border: 2px solid #d6000f;border-radius: 30px;position: relative;}
.indfa-cont .cont-r .search input{width: 100%;height: 100%;padding: 20px;background-color: rgba(0, 0, 0, 0);padding-right: 50px;}
.indfa-cont .cont-r .search .btn{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);color: #d6000f;font-weight: 700;}
.indfa-cont .cont-r ul .title{margin-right: 20px;}
.indfa-cont .cont-r ul li {margin-right: 20px;}
.indfa-cont .cont-r ul li .img{position: relative;display: flex;align-items: center;margin-right: 8px;}
.indfa-cont .cont-r ul li .img img:nth-child(1){position: absolute;opacity: 1;transition: all .4s ease;}
.indfa-cont .cont-r ul li .img img:nth-child(2){opacity: 0;transition: all .4s ease;}
.indfa-cont .cont-r ul li.active .img img:nth-child(1){opacity: 0;}
.indfa-cont .cont-r ul li.active .img img:nth-child(2){opacity: 1;}
.indfa-cont .cont-r ul li.active {color: #d6000f;border-bottom: 1px solid #d6000f;}

.indCommonTitle{position: relative;z-index: 3;}
.indCommonTitle .indBtn{border: 1px solid #d6000f;color: #d6000f;position: absolute;right: 0px;bottom: 0px;}
.indCommonTitle .indBtn:hover{color: #fff;}

.indfa-list.lty4{margin-right: -20px;}
.indfa-list.lty3{margin-right: -20px;}
.indfa-list.lty4 li{width: calc(100%/4 - 20px);margin-right: 20px;}
.indfa-list.lty3 li{width: calc(100%/3 - 20px);margin-right: 20px;}
.indfa-list li{position: relative;}
.indfa-list li > img{width: 100%;height: 295px;}
.indfa-list li .show{position: absolute;bottom: 0px;left: 0px;width: 100%;padding: 0px 30px;padding-bottom: 25px;transition: all .4s ease;background: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,.0));}
.indfa-list li .show .title{display: flex;align-items: center;}
.indfa-list li .show .title i{margin-left: 10px;font-size: 6px;}
.indfa-list li .hide{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(214, 0, 15, .8);padding: 0px 30px;display: flex;opacity: 0;transition: all .4s ease;
    flex-direction: column;justify-content: center;}
.indfa-list li .hide .indBtn{width: 100px;height: 35px;background-color: #fff;color: #d6000f;}
.indfa-list li .hide .indBtn i{margin-left: 5px;}
.indfa-list li .hide .indBtn:hover{background-color: #d6000f;color: #fff;}
.indfa-list li .hide .number{text-align: right;}
.indfa-list li:hover .hide{opacity: 1;}
.indfa-list li:hover .show{opacity: 0;}

.txImg{position: absolute;bottom: -84px;right: 0px;z-index: -1;}

.indcp{background-color: #f2f2f2;}
.indcp-img{position: absolute;top: 0px;left: 0px;width: 100%;height: 680px;}
.indcp-img img{display: none;width: 100%;height: 100%;}
.indcp-img img.active{display: block;}
.indcp-con-box{position: relative;z-index: 2;}
.indcp-con{display: none;}
.indcp-con.active{display: block;}
.indcp-title::first-letter{font-size: 36px;}
.indcp-con .indBtn{width: 120px;height: 35px;background-color: #fff;color: #d6000f;}
.indcp-con .indBtn i{margin-left: 5px;}
.indcp-con .indBtn:hover{background-color: #d6000f;color: #fff;}
.indcp-list{position: relative;z-index: 2;padding-right: 130px;display: flex;justify-content: flex-end;}
.indcp-list li{width: 260px;margin-right: 12px;height: 160px;position: relative;overflow: hidden;transition: all .4s ease;}
.indcp-list li:nth-child(1){background-color: #047dee;}
.indcp-list li:nth-child(2){background-color: #46a5fe;}
.indcp-list li:nth-child(3){background-color: #30ca66;}
.indcp-list li:nth-child(4){background-color: #9ed248;}
.indcp-list li .show{padding: 0px 35px;bottom: 0px;position: absolute;left: 0px;padding-bottom: 40px;z-index: 2;}
.indcp-list li .En{position: absolute;bottom: 0px;right: 0px;line-height: 200px;font-size: 260px;color: rgba(255, 255, 255, .05);opacity: 0;transition: all .4s ease;}
.indcp-list li.active .En{opacity: 1;}
.indcp-list li .number{position: absolute;top: 28px;left: 35px;opacity: 0;transition: all .4s ease;}
.indcp-list li.active .number{opacity: 1;}
.indcp-list li.active {height: 260px;margin-top: -100px;}

.indzx{background: linear-gradient(to bottom, rgba(242,242,242,1), rgba(242,242,242,.0));}
.indzx-list {margin-right: -30px;}
.indzx-list li{width: calc(100%/3 - 30px);margin-right: 30px;transition: all .4s ease;background-color: #fff;border-bottom: 3px solid #fff;}
.indzx-list li .img{height: 270px;overflow: hidden;}
.indzx-list li .img img{transition: all .4s ease;width: 100%;height: 100%;}
.indzx-list li .img img:hover{transform: scale(1.04);}
.indzx-list li:hover{box-shadow: 0.977px 13.966px 54px 0px rgba(108, 108, 108, 0.16);border-bottom: 3px solid #d6000f;}
.indzx-list li .cont{padding: 36px 50px;}  
.indzx-list li .cont .title{transition: all .4s ease;}
.indzx-list li:hover .cont .title{color: #d6000f;}

.indhb{position: relative;}
.indhb-bg{position: absolute;top: -70px;left: 0px;width: 100%;display: flex;justify-content: center;align-items: center;}
.indhb-cont{position: relative;z-index: 2;}
.indhb-cont .cont-l{width: 475px;}
.indhb-cont .cont-r{width: 475px;}
.indhb-cont .cont-cl{width: calc(100% - 475px*2);}
.indhb-cont .cont-cl .swiper-container{padding: 30px;margin: -30px;}
.indhb-cont .cont-cl .list{background-color: #fff;border-radius: 5px;box-shadow: 8.03px 11.468px 21px 0px rgba(120, 120, 120, 0.22);padding-bottom: 55px;}
.indhb-cont .cont-cl .list .img{height: 240px;overflow: hidden;}
.indhb-cont .cont-cl .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indhb-cont .cont-cl .list .img:hover img{transform: scale(1.04);}
.indhb-cont .cont-cl .list .indBtn{border: 1px solid #d6000f;color: #d6000f;width: 140px;margin: 0px auto;margin-top: 30px;}
.indhb-cont .cont-cl .list .indBtn i{margin-left: 5px;}
.indhb-cont .cont-cl .list .indBtn:hover{color: #fff;}
.indhb-cont .cont-cl .list .cont{padding: 40px 35px 0px;display: flex;align-items: center;justify-content: center;}
.indhb-cont .cont-cl .list .cont .icon{width: 90px;}
/* .indhb-cont .cont-cl .list .cont .content{width: calc(100% - 90px);padding-left: 50px;position: relative;} */
.indhb-cont .cont-cl .list .cont .content{padding-left: 50px;position: relative;}
.indhb-cont .cont-cl .list .cont .content::before{content: "";position: absolute;left: 20px;height: 15px;width: 1px;background-color: #d6000f;transform: translateY(-50%)rotate(15deg);top: 50%;}
/* .indhb-cont .cont-cl .list{display: none;}
.indhb-cont .cont-cl .list.active{display: block;} */
.indhb-cont .cont-l li{width: 100px;height: 100px;border-radius: 10px;overflow: hidden;transition: all .4s ease;box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.14);background-color: #fff;padding: 10px;display: flex;justify-content: center;align-items: center;}
/* .indhb-cont .cont-l li img{width: 100%;height: 100%;} */
.indhb-cont .cont-l li:hover{box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.68);}
.indhb-cont .cont-l ul{}
.indhb-cont .cont-l li{margin-right: 40px;margin-bottom: 70px;}
.indhb-cont .cont-l li:nth-child(2){margin-top: 40px;}
.indhb-cont .cont-l li:nth-child(3){margin-top: 150px;}
.indhb-cont .cont-l li:nth-child(4){margin-top: -150px;}
.indhb-cont .cont-l li:nth-child(5){margin-top: -110px;}
.indhb-cont .cont-l li:nth-child(7){margin-top: -150px;}
.indhb-cont .cont-l li:nth-child(8){margin-top: -110px;}

.indhb-cont .cont-r li{width: 100px;height: 100px;border-radius: 10px;overflow: hidden;transition: all .4s ease;box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.14);background-color: #fff;padding: 10px;display: flex;justify-content: center;align-items: center;}
/* .indhb-cont .cont-r li img{width: 100%;height: 100%;} */
.indhb-cont .cont-r li:hover{box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.68);}
.indhb-cont .cont-r ul{justify-content: flex-end;}
.indhb-cont .cont-r li{margin-right: 40px;margin-bottom: 70px;}
.indhb-cont .cont-r li:nth-child(1){margin-top: 150px;}
.indhb-cont .cont-r li:nth-child(2){margin-top: 40px;}
.indhb-cont .cont-r li:nth-child(5){margin-top: -110px;}
.indhb-cont .cont-r li:nth-child(6){margin-top: -150px;}
.indhb-cont .cont-r li:nth-child(7){margin-top: -110px;}
.indhb-cont .cont-r li:nth-child(8){margin-top: -150px;}

.indmm{height: 2000px;position: relative;}
.indmm .bg{position: sticky;top: 90px;left: 0px;}
.indmm .bg img{height: 100vh;width: 100%;}
.indmm .yun{position: sticky;top: 1000px;left: 0px;}
.indmm .yun img{width: 100%;}
.indmm-contain{position: absolute;z-index: 2;top: 0px;left: 0px;width: 100%;}
.indmm-title {display: flex;justify-content: center;flex-direction: column;align-items: center;margin-top: 300px;}
.indmm-title .name{text-transform: uppercase;letter-spacing: 5px;}
.indmm-title .text{text-align: center;}
.indmm-title a{width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 3px;background-color: #d6000f;transition: all .4s ease;}
.indmm-title a:hover{opacity: .7;}
.indmm-list{padding: 0px 50px;margin-right: -90px;margin-top: 1100px;}
.indmm-list li{width: calc(100%/4 - 90px);margin-right: 90px;display: flex;flex-direction: column;align-items: center;text-align: center; position: relative;}
.indmm-list li .img{height: 50px;display: flex;align-items: center;justify-content: center;}
.indmm-list li .img img{max-height: 100%;}
.indmm-list li a{color: #d6000f;text-transform: uppercase;display: flex;align-items: center;}
.indmm-list li a i{font-size: 12px;margin-left: 10px;transition: all .4s ease;}
.indmm-list li a:hover i{transform: translateX(10px);}
.indmm-list li::before{content: "";position: absolute;width: 1px;height: 108px;background-color: #f2f2f2;right: -45px;top: 50%;transform: translateY(-50%);}
.indmm-list li:last-child:before{display: none;}

.indhb-cont .cont-cl .list .cont .content .text{display: none;}

.indhb-cont .cont-cl .list .cont{min-height: 130px;}

.indhb-cont .cont-cl .list .indBtn {width: 170px;}

























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

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indfa-list li > img {height: 265px;}
    .indhb-cont .cont-l {width: 430px;}
    .indhb-cont .cont-r {width: 430px;}
    .indhb-cont .cont-cl{width: calc(100% - 430px*2);}
    .indhb-cont .cont-r ul{margin-right: -40px;}
    .indcp-img{height: 580px;}
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indfa-list li > img {height: 220px;}
    .indcp-list li {width: 180px;height: 120px;}
    .indcp-list li .show{padding: 0px 20px;padding-bottom: 20px;}
    .indcp-list li .number {left: 20px;}
    .indcp-list li.active {height: 220px;margin-top: -100px;}
    .indzx-list li .cont {padding: 20px 25px;}
    .indhb-cont .cont-l{display: none;}
    .indhb-cont .cont-r{display: none;}
    .indhb-cont .cont-cl{width: 100%;}
}

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

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indfa-cont .cont-l{width: 100%;padding: 20px;padding-bottom: 0px;}
    .indfa-cont .cont-r{width: 100%;padding: 10px 0px;padding-left: 20px;}
    .indfa-cont{height: auto;}
    .indfa-list.lty4{margin-bottom: -20px;}
    .indfa-list.lty3{margin-bottom: -20px;}
    .indfa-list.lty4 li {width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;}
    .indfa-list.lty3 li {width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;}
    .indcp-list{padding-right: 0px;margin-right: -20px;}
    .indcp-list li{width: calc(100%/4 - 20px);margin-right: 20px;}
    .indzx-list {margin-bottom: -15px;margin-right: -15px;}
    .indzx-list li {width: calc(100%/2 - 15px);margin-right: 15px;margin-bottom: 15px;}
    .indmm{height: 1000px;}
    .indmm-title{margin-top: 100px;text-align: center;}
    .indmm-list {padding: 0px;margin-right: -20px;margin-top: 300px;margin-bottom: -15px;}
    .indmm-list li{width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 15px;}
    .indmm-list li::before{display: none;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .indfa-cont {padding: 15px;}
    .indfa-cont .cont-r .search{width: 100%;height: 35px;}
    .indfa-cont .cont-r{padding: 0px;}
    .indfa-cont .cont-l{padding: 0px;margin-bottom: 15px;}
    .indfa-cont .cont-r .search input {padding: 5px;}
    .indfa-cont .cont-r ul li {margin-right: 10px;}
    .indfa-list.lty4{margin-bottom: -20px;margin-right: 0px;}
    .indfa-list.lty3{margin-bottom: -20px;margin-right: 0px;}
    .indfa-list.lty4 li {width: 100%;margin-right: 0px;margin-bottom: 20px;}
    .indfa-list.lty3 li {width: 100%;margin-right: 0px;margin-bottom: 20px;}
    .indfa-list li .hide{padding: 0px 15px;}
    .indfa-list li .show{padding: 0px 15px;padding-bottom: 15px;}
    .txImg {bottom: -40px;}
    .indcp-img {height: 350px;}
    .indcp-list {margin-right: 0px;}
    .indcp-list li{width: 100%;margin-right: 0px;}
    .indcp-list{margin-top: 80px;}
    .indcp-list li.active{position: relative;z-index: 2;height: 160px;margin-top: -40px;}
    .indzx-list {margin-right: 0px;}
    .indzx-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .indzx-list li .cont{padding: 15px;}
    .indzx-list li .img {height: 200px;}
    .indmm .bg{height: 100%;}
    .indmm .bg img{height: 100%;}
    .indmm-title .name{text-align: center;}
    .indmm-list{margin-top: 100px;}
    .indmm {height: 830px;}
    .indmm .yun{top: 90px;position: absolute;height: 90%;}
    .indmm .yun img{height: 100%;}
    .indmm-list li .text{text-align: center;}
    .indhb-cont .cont-cl .list .cont {padding: 25px 20px 0px;}
    .indhb-cont .cont-cl .list {padding-bottom: 15px;}
    .indhb-cont .cont-cl .list .indBtn {margin-top: 20px;}
    .indSection{border-radius: 20px 20px 0px 0px;}
    .banner img{min-height: 400px;}
    .indfa-cont .cont-r .search input{padding-right: 50px;padding-left: 10px;}
    .indCommonTitle .indBtn{position: static;margin: 20px 0 0 0;}
    .indhb-cont .cont-cl .list .cont{height: 115px;}
}