/*.banner h3,.banner h4{transform: translateX(200px);
    -ms-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} */

/*
@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
.yyly-b a.active dl h3{animation: indalRun 1s ease both .6s;}
.yyly-b a.active dl p{animation: indalRun 1s ease both .7s;}
.yyly-b a.active dl h5{animation: indalRun 1s ease both .8s;}*/
@keyframes fangda{
    0%{transform: scale(1);}
    100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide-active a{}
.banner .swiper-button-next{width:18px;height:30px;right:50px;background:url(../images/r.png);}
.banner .swiper-button-prev{width:18px;height:30px;left:50px;background:url(../images/l.png);}
.banner .swiper-pagination{bottom:60px;}
.banner .swiper-pagination-bullet{opacity:1;background:#fff;border-radius:50px;transition:all 0.5s;border-radius:0;width:55px;height:2px;background:#fff;margin:0 5px;}
.banner .swiper-pagination-bullet-active{background:var(--colors);}

.indmh{width: 100%;position: relative;height: 400vh;z-index: 2;}
.indmh-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indmh-bg{width: 100%;height: 100vh;object-fit: cover;display:block;}
.indmh-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;}
.indmh-logo img{width: 100%;height: 100%;object-fit: cover;}
.indmh-text{width: 100%;position: absolute;z-index: 3;justify-content: center;left: 0;top: 86vh;color: #1d1d1d;transition: all .4s ease;text-align:center;font-size:48px;}
.indmh-text span{position: relative;margin-left: 24px;}
.indmh-text span:first-child{margin-left: 0;}
.indmh-text.active{opacity: 0;}
.indmh-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);opacity: 0;}
.indmh-content{position: absolute;width: 100%;z-index: 4;height: 100vh;display: flex;align-items: center;justify-content: center;top: 0;left: 0;}
/* -- */
.gywm{margin:140px auto 300px auto;}
.gywm-t{text-align:center;margin-bottom:80px;}
.gywm-t h4{text-transform:uppercase;font-size:52px;opacity:0.05;color:#000;}
.gywm-t h3{font-size:48px;margin-top:-25px;position:relative;z-index:2;}
.gywm-c{position:relative;}
.gywm-c dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.gywm-c dl p{width:80px;height:80px;border-radius:80px;background:var(--colors);position:relative;background:var(--colors)}
.gywm-c dl p::before, .gywm-c dl p::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;z-index:-1;content: '';top:0;left:0}
.gywm-c dl p::before{animation: scale 2s infinite; }
.gywm-c dl p::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(1.6);opacity:0;}}


@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    
    .gywm-c dl p{width:60px;height:60px;}
    .gywm-b p{margin-bottom:10px;}
    .indmh-sticky{position: static;}
    .gywm-b2{width:180px;}
    .gywm-t h3{margin-top:-40px;}

}