@charset "utf-8";
/* ===================首页样式========================== */
.indban{width: 100%;position: relative;overflow: hidden;}
.indban-img{width: 100%;position: relative;}
.indban-img img{width: 100%;object-fit: cover;}
.indban-img img.pc{display: block;height: 720px;}
.indban-img img.mb{display: none;min-height: 375px;}
.indban-prev, .indban-next{position: absolute;z-index: 6;width: 42px;height: 72px;border-radius: 3px;top: 50%;cursor: pointer;margin-top: -110px;background: rgba(0, 0, 0, 0.3) url('../images/index/indbanArr.png') no-repeat center;transition: all .4s ease;}
.indban-prev{left: 52px;}
.indban-next{right: 52px;transform: rotate(180deg);}
.indban-prev:hover, .indban-next:hover{background-color: rgba(0, 0, 0, 0.8);}
.indban-blank{width: 100%;height: 160px;background: #fff;display: none;}
.indban-mix{position: absolute;z-index: 10;width: 100%;bottom: 0;left: 0;}
.indban-contpro{display: inline-block; width: 950px;padding: 80px;height: 562px;overflow: hidden;position: relative;}
.indban-contpro::before{content: "";position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.85);}
.indban-pro{width: 360px;padding: 48px 0;text-align: center;display: block;float: right;position: relative;z-index: 2;}
.indban-pro img{max-width: 100%;transition: all .6s ease;}
.indban-pro:hover img{transform: translateY(-10px);}
.indban-cont{width: calc(100% - 360px);float: left;position: relative;z-index: 2;}
.indban-cont-title{width: 100%;}
.indban-cont-title p{display: inline-block;font-size: 22px;line-height: 1.1;color: #fff;padding: 8px 16px;position: relative;}
.indban-cont-title p::before{content: "";position: absolute;width: 100%;height: 100%;background: #e02b26;left: 0;top: 0;}
.indban-cont-title p span{position: relative;z-index: 2;}
.indban-cont-title h2{font-size: 52px;color: #222;line-height: 1;font-weight: 700;font-family: Arial;margin-top: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indban-cont-title h2{transition: all .4s ease;}
.indban-cont-title h2:hover{color: #e02b26;}
.indban-cont-desc{width: 100%;margin-top: 94px;}
.indban-cont-desc p{width: 100%;position: relative;padding-left: 36px;font-size: 16px;color: #222;line-height: 26px;background: url('../images/index/indbanic.png') no-repeat left top 2px;margin-top: 15px;}
.indban-cont-desc p:first-child{margin-top: 0;}
.indban-cont-more{width: 100%;margin-top: 28px;}
.indban-cont-more span{display: inline-block;font-size: 16px;color: #e02b26;position: relative;}
.indban-cont-more span::after{content: "";position: absolute;height: 1px;width: 0;background: #e02b26;right: 0;bottom: 0;opacity: 0;transition: width 0.4s ease, opacity .1s ease .3s;}
.indban-cont-more span:hover::after{width: 100%;right: auto;left: 0;opacity: 1;transition: width 0.4s ease .1s, opacity .1s ease;}
.indban .swiper-pagination{bottom: 16.4%;font-size: 0;width: auto;left: auto;right: 25%;}
.indban .swiper-pagination-bullet {width: 15px;height: 15px;background: #efeaea;opacity: 1;margin: 0 8px !important;}
.indban .swiper-pagination-bullet-active {opacity: 1;background: #e02b26;}
/* ---- */
.indban-contpro::before{height: 0;}
.indban-cont-title p{opacity: 0;}
.indban-cont-title p::before{width: 0;}
.indban-cont-title h2{opacity: 0;}
.indban-cont-desc p{opacity: 0;}
.indban-cont-more{opacity: 0;}
.indban-pro{opacity: 0;}
/* -- */
.swiper-slide-active .indban-contpro::before{animation: indbanRun1 1s ease both .8s;}
.swiper-slide-active .indban-cont-title p{animation: indbanRun2 1s ease both 1.8s;}
.swiper-slide-active .indban-cont-title p::before{animation: indbanRun3 1s ease both 1.8s;}
.swiper-slide-active .indban-cont-title h2{animation: indbanRun4 1s ease both 2s;}
.swiper-slide-active .indban-cont-desc p:nth-child(1){animation: indbanRun4 1s ease both 2.1s;}
.swiper-slide-active .indban-cont-desc p:nth-child(2){animation: indbanRun4 1s ease both 2.2s;}
.swiper-slide-active .indban-cont-desc p:nth-child(3){animation: indbanRun4 1s ease both 2.3s;}
.swiper-slide-active .indban-cont-desc p:nth-child(4){animation: indbanRun4 1s ease both 2.4s;}
.swiper-slide-active .indban-cont-more{animation: indbanRun4 1s ease both 2.5s;}
.swiper-slide-active .indban-pro{animation: indbanRun5 1.2s ease both 2s;}
/* -- */
.oneSlide.swiper-slide-active .indban-contpro::before{animation: indbanRun1 1s ease both;}
.oneSlide.swiper-slide-active .indban-cont-title p{animation: indbanRun2 1s ease both 1s;}
.oneSlide.swiper-slide-active .indban-cont-title p::before{animation: indbanRun3 1s ease both 1s;}
.oneSlide.swiper-slide-active .indban-cont-title h2{animation: indbanRun4 1s ease both 1.2s;}
.oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(1){animation: indbanRun4 1s ease both 1.3s;}
.oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(2){animation: indbanRun4 1s ease both 1.4s;}
.oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(3){animation: indbanRun4 1s ease both 1.5s;}
.oneSlide.swiper-slide-active .indban-cont-desc p:nth-child(4){animation: indbanRun4 1s ease both 1.6s;}
.oneSlide.swiper-slide-active .indban-cont-more{animation: indbanRun4 1s ease both 1.7s;}
.oneSlide.swiper-slide-active .indban-pro{animation: indbanRun5 1.2s ease both 1.2s;}
@keyframes indbanRun1 {0%{height: 0;}100%{height: 100%;}}
@keyframes indbanRun2 {0%{opacity: 0;}100%{opacity: 1;}}
@keyframes indbanRun3 {0%{width: 0;}100%{width: 100%;}}
@keyframes indbanRun4 {0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}}
@keyframes indbanRun5 {0%{opacity: 0;transform: scale(0.5);}100%{opacity: 1;transform: scale(1);}}
/* ---- */
.indban-none{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
/* banner视频 */
.indban .hasVideo .indban-img{animation: hasVideoImg 1s ease both;}
.indban .hasVideo .indban-mix{animation: hasVideoImg2 0s ease both;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
@keyframes hasVideoImg2 {0%{opacity: 1;}100%{opacity: 0;}}
.indban .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.indban .hasVideo .indban-img, .indban .hasVideo .indban-mix{animation: none !important;}.indban .hasVideo video{display: none;}}


.indbar{width: 100%;background: #e02b26;overflow: hidden;}
.indbar .contain{display: flex;justify-content: space-between;flex-wrap: wrap;}
.indbar-link{display: block;padding: 20px 0;font-size: 0;}
.indbar-link img, .indbar-link span{display: inline-block;vertical-align: middle;}
.indbar-link img{width: 44px;height: 44px;transition: all .4s ease;}
.indbar-link span{font-size: 16px;color: #fff;margin-left: 12px;}
.indbar-link:hover img{animation: indbarRun .5s ease both;}
@keyframes indbarRun{0%{transform: scale(1);}50%{transform: scale(0.8);}100%{transform: scale(1);}}

.indMore{display: flex;width: 150px;height: 35px;border-radius: 3px;transition: all .4s ease;overflow: hidden;align-items: center;justify-content: center;/*border: 2px solid #e02b26;*/overflow: hidden;position: relative;font-size: 14px;color: #fff;font-weight: 700;text-transform: uppercase;}
.indMore span{position: relative;z-index: 3;}
.indMore::after{content: "";width: 100%;height: 100%;top: 0;left: 0;background: #e02b26;position: absolute;transition: all .4s ease;}
.indMore:hover::after{transform: translateX(170px);}
.indMore:hover{border: 2px solid #e02b26;color: #e02b26;}

.indcp{width: 100%;padding: 82px 0;overflow: hidden;background: #fff;}
.indcp .contain{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}
.indcp-img{width: 550px;padding-left: 50px;text-align: right;display: block;}
.indcp-img img{max-width: 100%;transition: all .6s ease;}
.indcp-img:hover img{transform: translateY(10px);}
.indcp-cont{width: calc(100% - 550px);}
.indcp-cont h4{font-size: 32px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indcp-cont h4 a{transition: all .4s ease;}
.indcp-cont h4 a:hover{color: #e02b26;}
.indcp-cont p{font-size: 14px;color: #777;line-height: 28px;margin: 20px 0 24px;}
.indcp:nth-child(2n){background: #f5f5f5;}
.indcp:nth-child(2n) .contain{flex-direction: row;}
.indcp:nth-child(2n) .indcp-img{padding-left: 0;padding-right: 50px;text-align: left;}

.indcl{width: 100%;position: relative;overflow: hidden;}
.indcl-bg{width: 100%;position: relative;}
.indcl-bg img{width: 100%;height: 724px;}
.indcl-bg .indcl-pc{display: block;}
.indcl-bg .indcl-mb{display: none;}
.indcl-mix{position: absolute;z-index: 4;width: 100%;left: 0;bottom: 0;}
.indcl-mix .contain{display: flex;justify-content: space-between;flex-wrap: wrap;}
.indcl-loop{width: calc(100% - 350px);background: rgba(255, 255, 255, 0.85);}
.indcl-menu{width: 350px;background: #2b2524 url('../images/index/indclarr.png') no-repeat center bottom/82% auto;padding-top: 68px;}
.indcl-cont, .indcl-menu{height: 496px;}
.indcl-menu a{display: flex;align-items: center;height: 58px;padding-left: 68px;position: relative;}
.indcl-menu a::before{content: "";position: absolute;width: 3px;height: 100%;background: #e02b26;top: 0;bottom: 0;margin: auto 0;left: 0; transition: all .4s ease;opacity: 0;}
.indcl-menu a span{padding-right: 36px;height: 24px;line-height: 24px;background-repeat: no-repeat;background-position: right center;transition: all .4s ease;font-size: 15px;color: #fff;}
.indcl-menu a:nth-child(1) span{background-image: url('../images/index/indclic1.png');}
.indcl-menu a:nth-child(2) span{background-image: url('../images/index/indclic2.png');}
.indcl-menu a:nth-child(3) span{background-image: url('../images/index/indclic3.png');}
.indcl-menu a:nth-child(4) span{background-image: url('../images/index/indclic4.png');}
.indcl-menu a.active::before{opacity: 1;}
.indcl-menu a.active span, .indcl-menu a:hover span{color: #e02b26;}
.indcl-menu a:nth-child(1).active span{background-image: url('../images/index/indclic1H.png');}
.indcl-menu a:nth-child(2).active span{background-image: url('../images/index/indclic2H.png');}
.indcl-menu a:nth-child(3).active span{background-image: url('../images/index/indclic3H.png');}
.indcl-menu a:nth-child(4).active span{background-image: url('../images/index/indclic4H.png');}
.indcl-cont{width: 100%;padding: 0 300px 40px 84px;display: flex;flex-direction: column;justify-content: center;overflow: hidden;}
.indcl-cont h4{font-size: 30px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indcl-cont h4 a{transition: all .4s ease;}
.indcl-cont h4 a:hover{color: #e02b26;}
.indcl-cont p{font-size: 15px;color: #222;line-height: 30px;margin: 30px 0 32px;height: 90px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indcl-loop .swiper-pagination{bottom: 32px;font-size: 0;width: 100%;padding: 0 78px;text-align: left;}
.indcl-loop .swiper-pagination-bullet {width: 15px;height: 15px;background: #d7cccd;opacity: 1;margin: 0 8px !important;}
.indcl-loop .swiper-pagination-bullet-active {opacity: 1;background: #e02b26;}
/* -- */
.indcl-cont h4, .indcl-cont p, .indcl-cont-more{opacity: 0;}
.swiper-slide-active .indcl-cont h4{animation: indclRun 1s ease both .2s;}
.swiper-slide-active .indcl-cont p{animation: indclRun 1s ease both .3s;}
.swiper-slide-active .indcl-cont-more{animation: indclRun 1s ease both .4s;}
@keyframes indclRun {0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateY(0);}}
/* -- */

/* 视频弹窗 */
.popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}

.indgy{width: 100%;overflow: hidden;padding: 100px 0;}
.indgy .contain{position: relative;}
.indgy-img{width: 705px;position: relative;}
.indgy-img img{width: 100%;object-fit: cover;}
.indgy-img i{position: absolute;width: 90px;height: 90px;border-radius: 50%;background: rgba(0, 0, 0, 0.7) url('../images/index/indgyic.png') no-repeat center/25px auto;top: 50%;left: 50%;margin: -45px 0 0 -45px;z-index: 4;cursor: pointer;transition: all .4s ease;}
.indgy-img i:hover{background-color: #e02b26;}
.indgy-cont{position: absolute;width: 720px;height: 342px;top: 50%;margin-top: -171px;background: rgba(246, 246, 246, 0.85);padding: 0 50px;display: flex;flex-direction: column;justify-content: center;z-index: 6;right: 0;}
.indgy-cont h4{font-size: 30px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indgy-cont p{font-size: 16px;color: #777;line-height: 32px;margin: 22px 0 38px;height: 96px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.indxw{width: 100%;padding: 86px 0 74px;overflow: hidden;background: #f5f5f5;}
.indxw-title{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;}
.indxw-title h4{font-size: 30px;color: #333;font-weight: 700;line-height: 1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.indxw-menu{font-size: 0;}
.indxw-menu a{display: inline-block;vertical-align: middle;position: relative;font-size: 15px;color: #3e3e3e;transition: all .4s ease;height: 28px;margin-left: 50px;}
.indxw-menu a:first-child{margin-left: 0;}
.indxw-menu a::after{content: "";position: absolute;width: 0;right: 0;height: 2px;bottom: 0;background: #e02b26;transition: all .4s ease;}
.indxw-menu a.active{color: #e02b26;cursor: default;}
.indxw-menu a.active::after{width: 100%;right: auto;left: 0;}
.indxw-menu a:hover{color: #e02b26;}
.indxw-loop{width: 100%;margin-top: 30px;}
.indxw-list{width: 100%;overflow: hidden;}
.indxw-ul{margin: -2% 0 0 -2%;}
.indxw-link{display: block;overflow: hidden;margin: 2% 0 0 2%;width: 23%;float: left;}
.indxw-link-img{width: 100%;overflow: hidden;}
.indxw-link-img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.indxw-link-cont{width: 100%;height: 254px;background: #fff;border: 1px solid #dedede;border-top: none;padding: 48px 50px 48px 30px;}
.indxw-link-cont p{font-size: 15px;line-height: 1.1;color: #444;font-family: Arial;}
.indxw-link-cont h2{font-size: 16px;color: #166986;line-height: 30px;height: 90px;transition: all .4s ease;margin-top: 18px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.indxw-link:hover .indxw-link-img img{transform: scale(1.04);}
.indxw-link:hover .indxw-link-cont h2{color: #e02b26;}


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

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indban-img img.pc{height: 540px;}
    .indban-cont-title p{font-size: 20px;}
    .indban-cont-title h2 {font-size: 40px;margin-top: 12px;}
    .indban-cont-desc {margin-top: 30px;}
    .indban-contpro {width: 900px;padding: 50px;height: 400px;}
    .indban-cont-desc p{margin-top: 10px;}
    .indban-cont-more {margin-top: 20px;}
    .indban-prev{left: 40px;}
    .indban-next{right: 40px;}
    .indban .swiper-pagination {bottom: 14%;right: 18%;}
    .indcp {padding: 74px 0;}
    .indcl-bg img{height: 540px;}
    .indcl-cont, .indcl-menu {height: 380px;}
    .indcl-menu {width: 300px;padding-top: 30px;}
    .indcl-loop {width: calc(100% - 300px);}
    .indcl-cont {padding: 0 160px 40px 80px;}
    .indcl-loop .swiper-pagination {padding: 0 72px;}
    .indcl-cont p {margin: 26px 0 28px;}
    .indgy {padding: 80px 0;}
    .indgy-cont{width: 630px;}
    .indxw {padding: 80px 0 70px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    .indban-prev{left: 20px;}
    .indban-next{right: 20px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
    .indban-contpro{margin-left: 60px;}
    .indban .swiper-pagination{right: 12%;}
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .indban-contpro{margin-left: 0px;}
    .indban .swiper-pagination {right: 4%;}
    .indban-contpro {width: 870px;padding: 40px;}
    .indcp {padding: 64px 0;}
    .indcp-img {width: 450px;padding-left: 40px;}
    .indcp-cont {width: calc(100% - 450px);}
    .indcp:nth-child(2n) .indcp-img {padding-right: 40px;}
    .indcp-cont p {line-height: 24px;}
    .indcp-cont h4 {font-size: 28px;}
    .indcl-bg img{height: 440px;object-fit: cover;}
    .indcl-cont h4 {font-size: 28px;}
    .indcl-cont p {margin: 16px 0 20px;line-height: 28px;height: 84px;}
    .indcl-cont, .indcl-menu {height: 330px;}
    .indcl-cont {padding: 0 100px 40px 60px;}
    .indcl-loop .swiper-pagination {padding: 0 52px;bottom: 24px;}
    .indcl-menu {width: 240px;}
    .indcl-menu a {padding-left: 48px;}
    .indcl-loop {width: calc(100% - 240px);}
    .indgy-img {width: 630px;}
    .indgy-img i {width: 70px;height: 70px;margin: -35px 0 0 -35px;background-size: 20px auto;}
    .indgy-cont h4 {font-size: 28px;}
    .indgy-cont p {line-height: 28px;margin: 16px 0 24px;height: 84px;}
    .indgy-cont {width: 480px;height: 290px;margin-top: -145px;padding: 0 30px;}
    .indxw-link-cont {height: 220px;padding: 36px 24px;}
    .indxw-title h4 {font-size: 28px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .indban .swiper-pagination{bottom: 20px;width: 100%;right: 0;}
    .indban-mix .contain{padding: 0 60px;}
    .indban-contpro{width: 100%;}
    .indban-pro {width: 300px;padding: 42px 20px 0;}
    .indban-cont {width: calc(100% - 300px);}
    .indMore{background: #e02b26;color: #fff !important;}
    .indMore::after{display: none;}
    .indban .swiper-pagination-bullet{background: #bdbdbd;}
    .indban .swiper-pagination-bullet-active {background: #e02b26;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    /* .indban-pro{display: none;}*/
    .indban-pro {width: 168px;padding: 0 10px 0;}
    .indban-cont {width:54%;}
    .indban-cont-title h2{font-size: 30px;}
    .indban-cont-title p{font-size: 16px;}
    .indbar-link{width: 50%;padding: 14px 0;}
    .indbar{padding: 14px 0;}
    .indcp .contain {flex-direction: row !important;}
    .indcp-img{width: 100%;padding: 0 !important;text-align: center !important;}
    .indcp-cont{width: 100%;margin-top: 48px;}
    .indcl-cont {padding: 0 40px 40px 40px;}
    .indgy-img{width: 100%;}
    .indgy-cont {width: 100%;position: relative;top: 0;right: 0;margin: 0;}
    .indxw-link{width: 48%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .indban-prev{left: 12px;}
    .indban-next{right: 12px;}
    .indban-prev, .indban-next {width: 30px;height: 54px;margin-top: -99px;background-size: 12px auto;}
    .indban-img img.pc{display: none;}
    .indban-img img.mb{display: block;}
    .indban-cont-desc{display: none;}
    .indban-mix .contain {padding: 0;width: 100%;}
    .indban-contpro{height: 144px;padding: 20px 4%;}
    .indban-cont-title p {font-size: 16px;}
    .indban-cont-title h2 {font-size: 18px;margin-top: 10px;}
    .indban-cont-more {margin-top: 10px;}
    .indban-pro {width: 152px;}
    .indban .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px !important;}
    .indban .swiper-pagination{bottom: 22px;width: auto;right: 4%;}
    .indbar-link{text-align: center;}
    .indbar-link span{display: block;margin: 6px 0 0;font-size: 15px;}
    .indbar-link {padding: 8px 0;}
    .indcp {padding: 40px 0;}
    .indcp-cont h4 {font-size: 20px;}
    .indcp-cont {margin-top: 32px;}
    .indcp-cont p {margin: 10px 0 18px;}
    .indMore {width: 120px;height: 36px;}
    .indgy {padding: 40px 0;}
    .indgy-img i {width: 50px;height: 50px;margin: -25px 0 0 -25px;background-size: 16px auto;}
    .indgy-cont h4, .indxw-title h4{font-size: 22px;}
    .indgy-cont{height: auto;padding: 28px 20px;}
    .indgy-cont p {margin: 10px 0 18px;}
    .indxw-menu a {margin-left: 20px;}
    .indxw {padding: 40px 0;}
    .indxw-link-cont {height: 144px;padding: 24px 14px;border: none;}
    .indxw-link-cont h2 {font-size: 14px;line-height: 22px;height: 66px;margin-top: 8px;}
    .indxw-loop {margin-top: 28px;}
    .indcl-loop{width: 65%;}
    .indcl-bg .indcl-pc{display: none;}
    .indcl-bg .indcl-mb{display: block;}
    .indcl-cont, .indcl-menu{height: auto;}
    .indcl-menu{width: 35%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 8px 4%;background-size: 48% auto;}
    .indcl-menu a::before{display: none;}
    .indcl-menu a{width: 100%;height: 40px;padding: 0;}
    .indcl-mix .contain{width: 100%;}
    .indcl-cont {padding: 28px 4% 50px;}
    .indcl-cont h4 {font-size: 22px;}
    .indcl-cont p {margin: 10px 0 18px;line-height: 24px;height: 72px;}
    .indcl-loop .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px !important;}
    .indcl-loop .swiper-pagination {padding: 0 9px;bottom: 16px;}
    @keyframes indclRun {0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}}
}