/*.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;color:#fff;}
.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%;padding-bottom:15%;}
.banner .swiper-slide a dl dt{width:980px;text-align:center;}
.banner .swiper-slide a dl dt h3{font-size:56px;margin-bottom:60px;}
.banner .swiper-slide a dl dt p{font-size:24px;line-height:36px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .4s;}
.banner .swiper-pagination{bottom:54px;}
.banner .swiper-pagination-bullet{background:#f4ede7;opacity:1;width:14px;height:14px;border-radius:14px;transition:all 0.5s;}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-radius:35px;width:35px;}

.cpzx{padding:110px 0;overflow:hidden;}
.sybt{text-align:center;font-size:50px;margin-bottom:75px;}
.cpzx-b{padding:0 100px;position:relative;}
.cpzx-b>div{overflow:inherit;}
.cpzx-b a{display:block;position:relative;color:#000;}
.cpzx-b a h4{background:#f4f4f4;border-radius:20px 20px 40px 20px;overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a dl{position:absolute;left:0;top:0;padding:36px 50px;z-index:2;}
.cpzx-b a dl h3{color:#252525;font-size:26px;margin-bottom:13px;}
.cpzx-b a dl p{font-size:18px;color:#333;}
.cpzx-b a h5{width:243px;height:80px;border-radius:80px;position:absolute;right:0;bottom:0;background:#fff;text-transform:uppercase;font-size:16px;}
.cpzx-b a h5 i{font-size:26px;color:#afafaf;margin-left:60px;}
.cpzx-b a:hover h4{border-radius:500px;/* background:var(--colors); */background-image: linear-gradient(#ffb954,var(--colors));}
.cpzx-b a:hover h5,.cpzx-b a:hover h5 i{color:var(--colors)}
.cpzx-b a:hover h3{font-family:bold;}
.cpzx-b .swiper-button-next{width:72px;height:73px;background:url(../images/r.png);transition:all 0.5s;right:0;}
.cpzx-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.cpzx-b .swiper-button-prev{width:72px;height:73px;background:url(../images/l.png);transition:all 0.5s;left:0;}
.cpzx-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

.wmys{color:#fff;position:relative;}
.wmys-t{position:relative;overflow:hidden;}
.wmys-t2{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s;}
.wmys-t2.active{position:relative;opacity:1;z-index:2;}
.wmys-t2 h4{overflow:hidden;}
.wmys-t2 h4 img{display:block;width:100%;}
.wmys-t2 dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.51);padding-top:120px;}
.wmys-t2 dl h3{font-size:48px;margin-bottom:75px;}
.wmys-t2 dl dt{font-size:24px;line-height:40px;width:54.65116279069767%;}
.wmys-b{position:absolute;z-index:3;left:0;bottom:12.8125%;width:100%;font-size:20px;line-height:32px;}
.wmys-b dl{}
.wmys-b dl a{color:#fff;display:block;width:15.406976744186046%;padding-bottom:34px;border-bottom:5px solid #fff;position:relative;}
.wmys-b dl a p{position:absolute;left:0;bottom:-5px;height:5px;width:0;background:var(--colors);}
.wmys-b dl a.active{color:var(--colors);}
.wmys-b dl a.active p{width:100%;}

.yyly{padding:110px 0;overflow:hidden;}
.yyly-t{margin-bottom:20px;font-size:18px;text-align:center;}
.yyly-l{width:85.71428571428572%}
.yyly-t a{color:#000;border-radius:10px;height:160px;}
.yyly-t a dl{transition:all 0s;}
.yyly-t a dl h5{height:70px;}
.yyly-t a dl h5 img{transition:all 0s!important;}
.yyly-t a dl h3{font-size:18px;transition:all 0s;}
.yyly-t .swiper-slide-thumb-active a,.yyly-r a:hover{background:var(--colors);color:#fff;}
.yyly-t .swiper-slide-thumb-active a img,.yyly-r a:hover img{filter: brightness(0) invert(1);}
.yyly-r{width:14.285714285714278%}
.yyly-c{width:970px;margin-bottom:28px;position:relative;}
.yyly-c dl{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s;}
.yyly-c dl.active{position:relative;opacity:1;z-index:2;}
.yyly-c dl h3{font-size: 23px;color:var(--colors);width: 200px;text-align: center;}
.yyly-c dl p{width: calc(100% - 200px);font-size:20px;line-height:38px;color:#4d4d4d;}
.yyly-b{overflow:hidden;position:relative;}
.yyly-b .a1{position: absolute;top: 0;left: 0;width: calc(100% / 3);transform:translate3d(0px, 0px, -100.002px) rotateX(0deg) rotateY(50.0009deg) translateX(47.5%);}
.yyly-b .a2{position: absolute;top: 0;right: 0;width: calc(100% / 3);transform:translate3d(0px, 0px, -99.9584px) rotateX(0deg) rotateY(-49.9792deg) translateX(-47.5%);}
.yyly-b>div{width:156.9767441860465%;margin-left:-28.48837209302325%;position:relative;perspective: 1200px;transform-style: preserve-3d;}
.yyly-b .swiper-container{width:calc(100% / 3);overflow:inherit;}
.yyly-b dl{}
.yyly-b dl h4{overflow:hidden;border-radius:10px;}
.yyly-b dl h4 img{display:block;width:100%;}
.yyly-b .swiper-slide-next{transform:translate3d(0px, 0px, -99.9584px) rotateX(0deg) rotateY(-49.9792deg) translateX(-47.5%);} 
.yyly-b .swiper-slide-prev{transform:translate3d(0px, 0px, -100.002px) rotateX(0deg) rotateY(50.0009deg) translateX(47.5%);} 

.gywm{background:#f5f5f5;padding:120px 0;}
.gywm-b{}
.gywm-l{width:41.86046511627907%;position:relative;overflow:hidden;border-radius:20px;}
.gywm-l h4{overflow:hidden;}
.gywm-l h4 img{display:block;width:100%;}
.gywm-l:hover h4 img{transform:scale(1.05);}
.gywm-l dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.gywm-l dl dt{width:80px;height:80px;border-radius:80px;background:var(--colors);position:relative;z-index:2;}
.gywm-l dl dt::before, .gywm-l dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.gywm-l dl dt::before{animation: scale 2s infinite; }
.gywm-l dl dt::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.5); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(2);opacity:0;}}
.gywm-r{width:50%;}
.gywm-r h3{font-size:54px;margin-bottom:50px;}
.gywm-r .div1{color:#5e5e5e;font-size:28px;line-height:44px;margin-bottom:50px;}
.gywm-r .div2{margin-bottom:10px;}
.gywm-r .div2 dl{width:50%;margin-bottom:55px;}
.gywm-r .div2 dl dt{width:50px;height:50px;border-radius:4px;border:2px solid #000;}
.gywm-r .div2 dl dd{width:calc(100% - 70px);}
.gywm-r .div2 dl dd h4{font-size:16px;margin-bottom:14px;}
.gywm-r .div2 dl dd h4 i{font-size:40px;margin-right:5px;line-height:100%;}
.gywm-r .div2 dl dd h5{color:#4d4d4d;font-size:20px;}
.gywm-r a{width:218px;height:65px;border-radius:80px;border:1px solid #c5c5c5;font-size:20px;color:#000;padding-left:18px;}
.gywm-r a i{width:30px;height:30px;border-radius:30px;background:var(--colors);margin-right:20px;}
.gywm-r a i img{transition:all 0s!important;}
.gywm-r a:hover{background:var(--colors);border-color:var(--colors);color:#fff;}
.gywm-r a:hover i{background:#fff;}
.gywm-r a:hover img{filter: invert(50%) sepia(100%) saturate(329%) hue-rotate(349deg) brightness(105%) contrast(99%);}

.oem{text-align:center;color:#fff;padding:70px 0 85px;background:url(../images/oem-bj.jpg)no-repeat center;background-size:cover;}
.oem-t{font-size:50px;margin-bottom:20px;}
.oem-t i{color:var(--colors);}
.oem-c{margin-bottom:60px;font-size:22px;line-height:30px;}
.oem-b{width:580px;margin-bottom:60px;}
.oem-b dl{}
.oem-b dl h5{width:75px;height:75px;border-radius:75px;background:#fff;margin-bottom:20px;}
.oem-b dl h4{font-size:18px;}
.oem a{width:212px;border-radius:60px;border:5px solid rgba(255, 255, 255, 0.3);font-size:18px;color:#fff;display:block;overflow:hidden;}
.oem a p{height:40px;background:var(--colors);}

.xwzx{margin:110px auto 120px;}
.xwzx-b{}
.xwzx-l{display:block;width:30.465116279069765%;color:#252525;}
.xwzx-l h4{border-radius:15px;overflow:hidden;margin-bottom:30px;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l h3{font-size:28px;line-height:40px;margin-bottom:20px;transition:all 0s;}
.xwzx-l p{font-size:16px;line-height:22px;color:#5f5f5f;}
.xwzx-l:hover h3{color:var(--colors);}
.xwzx-r{width:32.151162790697674%;}
.xwzx-r a{display:block;color:#252525;padding:22px 0 20px 12px;border-bottom:1px solid #eee;}
.xwzx-r a h3{font-size:24px;line-height:36px;transition:all 0s;margin-bottom:7px;}
.xwzx-r a h5{font-size:16px;color:#5f5f5f;}
.xwzx-r a:hover{color:var(--colors);}

@media(max-width:1800px){
    .gywm-r .div1{font-size:24px;line-height:30px;}
}
@media screen and (max-width:1600px){
    .wmys-t2 dl{padding-top:80px;}
    .wmys-t2 dl dt{font-size:20px;line-height:30px;}
    .gywm-r h3{font-size:40px;margin-bottom:30px;}
    .gywm-r .div1{font-size:18px;line-height:28px;margin-bottom:30px;}
    .xwzx-r a{padding:15px 0 15px 12px}
}
@media screen and (max-width:1500px){
    .wmys-t2 dl{padding-top:60px;}
    .wmys-t2 dl dt{font-size:16px;line-height:24px;}
    .gywm-r h3{font-size:40px;margin-bottom:30px;}
    .gywm-r .div1{font-size:16px;line-height:26px;margin-bottom:30px;}
    .gywm-r .div2 dl{margin-bottom:30px;}
    .gywm-r .div2 dl dd h4 i{font-size:30px;}
    .gywm-r .div2 dl dd h5{font-size:16px;}
    .xwzx-r a h3{font-size:16px;line-height:30px;}
    .cpzx-b a dl{padding:20px;}
    .cpzx-b a dl h3{font-size:22px;margin-bottom:5px;}
    .cpzx-b a dl p{font-size:14px;}
}
@media screen and (max-width:1200px){
    .cpzx-b a h5{width:160px;height:45px;}
    .banner .swiper-pagination{bottom:10px;}
    .banner .swiper-pagination-bullet{width:10px;height:10px;}
    .banner .swiper-pagination-bullet-active{width:20px;}
    .wmys-t2 h4 img{max-width:1000%!important;width:400%;margin-left:-150%;}
    .wmys-b{bottom:10px;}
    .wmys-b dl a{width:calc(50% - 10px);}
    .gywm-r a{width:160px;height:50px;}
    .oem a{width:150px;}
}