.head img{filter: brightness(0) invert(1);}
.head-c-r-l>ul>li.active .head-c-r-l-t a, .head-c-r-l-t a:hover{color:#fff}
.head.active,.head:hover{background:#fff!important;top:0;}
.head.active .head-b,.head:hover .head-b{background:#fff!important;}
.head.active img,.head:hover img{filter:initial;}
.head.active .head-c-r-l-t a,.head.active .head-c-r-r a,.head:hover .head-c-r-l-t a,.head:hover .head-c-r-r a{color:#333;}
.head.active .head-c-r-l>ul>li.active .head-c-r-l-t a, .head.active .head-c-r-l-t a:hover, .head:hover .head-c-r-l>ul>li.active .head-c-r-l-t a:hover{color: var(--colors);}
.head:hover .head-c-r-l>ul>li.active .head-c-r-l-t a{color: var(--colors);}
/*.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: translateX(-120px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indalRun2 {0%{opacity: 0;transform: translateX(120px);}100%{opacity: 1;transform: translateX(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%;overflow:hidden;}
.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 a dl{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;padding:140px 34px 0 66px;}
.banner .swiper-slide a dl dt{width: 40%;}
.banner .swiper-slide a dl dt h4{font-size: 25px;line-height:66px;}
.banner .swiper-slide a dl dt h3{margin-bottom:50px;font-size:48px;line-height:66px;}
.banner .swiper-slide a dl dt p{font-size:18px;line-height:40px;margin-bottom:35px;}
.banner .swiper-slide a dl dt h5{width:300px;height:60px;border-radius:5px;background:#fff;color:#000;font-size:18px;}
.banner .swiper-slide a dl dt h5:hover{background:var(--colors);color:#fff;}
.banner .swiper-slide a dl dd{width:53.02197802197802%;}
.banner .swiper-slide a dl dd img{display:block;width:100%;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .6s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .8s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both 1s;}
.banner .swiper-slide-active a dd{animation: indalRun2 1s ease both 1.2s;}
.banner .swiper-pagination{bottom:38px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;border:2px solid #fff;width:14px;height:14px;border-radius:14px;}
.banner .swiper-pagination-bullet-active{background:#01ae81;}

.zxxj{background:#f9f9f9;padding:30px 0;font-size:18px;overflow:hidden;}
.zxxj a{margin:0 20px;color:var(--colors2);width:200px;height:50px;border-radius:5px;border:1px solid var(--colors2);}
.zxxj a img{margin-right:10px;transition:all 0s!important;}
.zxxj a:hover{background:var(--colors2);color:#fff;}
.zxxj a:hover img{filter: brightness(0) invert(1);}

.gywm{padding:125px 0 150px;overflow:hidden;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm-t{color:var(--colors);font-size:36px;line-height:48px;text-transform:uppercase;margin-bottom:80px;}
.gywm-c{font-size:18px;line-height:30px;color:#666;margin-bottom:50px;}
.gywm-b{color:#333;font-size:18px;}
.gywm-b dl{margin-bottom:20px;width:25%;}
.gywm-b dl p{width:calc(100% - 60px);}

.wmys{position:relative;height:300vh;color:#fff;}
.wmys-s{height:100vh;position: sticky;width:100%;overflow:hidden;left:0;top:0;}
.wmys-t{font-size:36px;position:relative;z-index:10;width:1150px;padding-top:150px;width: 1160px;}
.wmys-t a{color:#fff;opacity: 0.4;}
.wmys-t a img{margin-right:20px;transition:all 0s!important;filter: brightness(0) invert(1);}
.wmys-t a.active{color: #7030a0;opacity:1;}
.wmys-t a.active img{filter: inherit;}
@keyframes pageFn {
    0% {
        -webkit-clip-path: inset(0);
        clip-path: inset(0);
    }

    to {
        -webkit-clip-path: inset(0 100vw 0 0);
        clip-path: inset(0 100vw 0 0)
    }
}
.wmys-b{position:absolute;left:0;top:0;width:100%;height:100%;}
.wmys-b>div{position:absolute;left:0;top:0;width:100%;height:100%;}
.wmys-b1{padding-bottom:80px;z-index:8;background: url(../images/wmys-bj.jpg)no-repeat center;background-size: cover;}
.wmys-b1{
    will-change: transform,opacity;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: paused;
    animation-delay: calc(var(--go)*-1s);
    animation-name: pageFn;
    animation-timing-function: ease-in-out
}
.wmys-b1 .div1{transition: all 0.5s;}
.wmys-b1 .div3{
    width: 564px;
    position: relative;
}
.wmys-b1 .div3 h4{position:relative;}
.wmys-b1 .div3 h4 i{
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    display: block;
    bottom: 25px;
    position: absolute;
    width: 90px;
    left: calc(50% - 45px);
}
.wmys-b1 .div3 h4 img{
    display: block;
    width: 100%;
}
.wmys-b1 .div3 dl{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 86px;
    height: 100%;
    text-align: center;
    background: linear-gradient(180deg, #fff7b4 45%, #ffea5f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.wmys-b1 .div3 dl dt{
    width: 100%;
}
.wmys-b1 .div3 dl dt p{}
.wmys-b1 .div3 dl dt p:nth-child(1){height:40px;margin-bottom:30px}
.wmys-b1 .div4{
    width: calc(50% - 10px);
}
.wmys-b1 .div4 h5{
    font-size: 24px;
    margin-bottom: 40px;
}
.wmys-b1 .div4 h5 p{margin: 0 30px;}
.wmys-b1 .div4 h3{
    font-size: 70px;
    margin-bottom: 6p0x;
}
.wmys-b1 .div4 h4{
    font-size: 20px;
    margin-bottom: 10px;
}
.wmys-b1 .div4 h4 .i1{
    background: linear-gradient(180deg, #fff7b4 45%, #ffea5f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.wmys-b1 .div4 h4 img{
    margin: 0 20px;
}
.wmys-b1 .div4 h4 .i2{
    background: linear-gradient(180deg, #848484 45%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.wmys-b1 .div4>p{
    font-size: 18px;
    color: #797979;
}
.wmys-b2{z-index:7;padding-top: 400px;overflow:hidden;align-items: self-start;}
.wmys-b2 dl{
    width: 100%;
    padding: 0 60px 90px;
}
.wmys-b2 dl dt{}
.wmys-b2 dl dt h3{
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
    opacity: 0;
}
.wmys-b2 dl dt h4{
    line-height: 40px;
    font-size: 20px;
    opacity: 0;
}
.wmys-b2 dl dt h4 i{
    color: #7030a0;
}
.wmys-b2 dl dd{}
.wmys-b2 dl dd h3{
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 30px;
    opacity: 0;
}
.wmys-b2 dl dd h3 i{}
.wmys-b2 dl dd p{
    font-size: 24px;
    line-height: 40px;
    opacity: 0;
}
.wmys-b2.active dt{}
.wmys-b2.active dt h3{animation: indalRun 1s ease both 0s;}
.wmys-b2.active dt h4{animation: indalRun 1s ease both 0.2s;}
.wmys-b2.active dd h3{animation: indalRun 1s ease both .4s;}
.wmys-b2.active dd p{animation: indalRun 1s ease both .6s;}

.cpzx{margin:140px auto;}
.cpzx-t{color:#333;font-size:60px;text-transform:uppercase;}
.cpzx-b{}
.cpzx-b>div{width:calc(100% + 40px);margin-left:-20px;}
.cpzx-b a{display:block;margin:77px 20px 0;color:#333;}
.cpzx-b a dl{background:#f0f0f0;border-radius:15px;overflow:hidden;padding-bottom: 40px;margin-bottom:20px;}
.cpzx-b a dl h4{overflow:hidden;}
.cpzx-b a dl h4 img{display:block;width:100%;}
.cpzx-b a dl h3{font-size:30px;margin-top: 10px;line-height:48px;padding:0 20px;transition:all 0s;text-align: center;display: flex;justify-content: center;align-items: center;}
.cpzx-b a p{font-size:18px;line-height:36px;opacity: 0;}
.cpzx-b a:hover{transform: translateY(-30px);}
.cpzx-b a:hover p{opacity:1}
.cpzx-b a:hover dl{color:#fff;background:#999;box-shadow:0 20px 20px rgba(27, 27, 26, 0.5);}

.yyly{/* overflow:hidden; */}
.yyly-t{/* margin:0; */margin-bottom:60px;color:#333;}
.yyly-t h3{font-size:60px;text-transform:uppercase;margin-bottom:30px;}
.yyly-t h4{font-size:18px;}
.yyly-b{/* margin:0; */position: relative;}
.yyly-b>div{/* overflow:initial; */}
.yyly-b a{display:block;overflow:hidden;border-radius:15px;text-align:center;color:#fff;position: relative;background:var(--colors);}
.yyly-b a h4{overflow:hidden;}
.yyly-b a h4 img{display:block;width:100%;}
.yyly-b a h3{font-size:18px;padding:0 10px;height:80px;position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;background: var(--colors);}
.yyly-b a:hover img{transform:scale(1.1);}
.yyly-b .swiper-button-next{width:10px;height:18px;background:url(../images/r.png);right:-40px;transition:all 0.5s;}
.yyly-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.yyly-b .swiper-button-prev{width:10px;height:18px;background:url(../images/l.png);left:-40px;transition:all 0.5s;}
.yyly-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

.xwzx{margin:140px auto;overflow:hidden;}
.xwzx-l{display:block;width:calc(50% - 20px);border:1px solid #d1d5db;overflow:hidden;border-radius:15px;color:#333;}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{padding:27px 39px 37px;}
.xwzx-l dl h3{font-size:30px;line-height:48px;}
.xwzx-l:hover img{transform:scale(1.1);}
.xwzx-l:hover h3{color: var(--colors2);}
.xwzx-r{width:calc(50% - 20px);}
.xwzx-r a{margin-bottom:40px;border-radius:15px;overflow:hidden;border:1px solid #d1d5db;color:#333;padding-bottom:4px;}
.xwzx-r a:last-child{margin-bottom:0!important;}
.xwzx-r a h4{width:160px;overflow:hidden;}
.xwzx-r a h4 img{display:block;width:100%;object-fit: cover;height: 164px;}
.xwzx-r a dl{width: calc(100% - 180px);}
.xwzx-r a dl h3{font-size: 20px;margin-bottom:20px;}
.xwzx-r a dl p{font-size:18px;line-height:36px;font-weight: normal;}
.xwzx-r a:hover h3{color:var(--colors2)}


@media(max-width:1500px){
    .xwzx-r a{margin-bottom:30px;}
}
@media screen and (max-width:1200px){
   .banner .swiper-pagination{bottom:10px;} 
   .banner .swiper-pagination-bullet{width:10px;height:10px;}
   /*.zxxj{justify-content:space-between;}*/
   /*.zxxj a{margin:0;width:calc(50% - 5px);}*/
   .gywm-b dl{width:50%}
   .cpzx-b a:hover{transform: translateY(0px);}
   .cpzx-b a:hover dl{color:#fff;background:#999;box-shadow:0 0px 10px rgba(27, 27, 26, 0.5);}
   .yyly-b a h3{height:50px;}
   .wmys{background:#1a1a1a;}
   .wmys-b>div{position:relative;}
   .wmys-b{position:relative;}
   .wmys-b1 .div3 h3{font-size:50px;}
   .wmys-b1 .div3 h3 span{font-size:60px;}
   .wmys-b1 .div4{margin-top:20px;margin-bottom: 20px;width: 100%;} 
   .wmys-b1 .div4 h3{font-size:30px;}
   .wmys-t a{display:block;width:50%;text-align:center;}
   .wmys-t a i{display:block;height:45px;}
   .wmys-t a i img{margin-right:0;}
   .wmys-b2{padding-top:0}
   .wmys-b2>img{width:150%;max-width:200%!important;}
   .wmys-b2 *{opacity: 0!important;opacity: 1!important;transform: translateY(0px)!important;}
   .wmys-b2 .w1{position:absolute;left:0;bottom:0;}
   .yyly{margin:0 15px!important;}
    .wmys-b2 dl dt h3{font-size:22px;}
    .wmys-b2 dl dt h4{font-size:16px;margin-bottom:20px}
    .wmys-b1 .div4 h4{font-size:12px;}
    .wmys-b1 .div4 h4 img{width:15px;margin:0 5px;}
    .wmys-b1 .div4>p{font-size:14px;}
    .wmys-b1 .div3 dl{font-size:50px;}
    .wmys-b1 .div3 dl dt p:nth-child(1){height:30px;margin-bottom:10px;}
    .wmys-b1 .div3 h4 i{font-size:14px;line-height:24px;bottom:0px;}
}