/*.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-pagination{bottom:40px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;width:12px;height:12px;border-radius:12px;transition:all 0.5s;display:flex;align-items:center;justify-content:center;}
.banner .swiper-pagination-bullet::before{content: '';width:6px;height:6px;border-radius:6px;background:#666;transition:all 0.5s;}
.banner .swiper-pagination-bullet-active{background:var(--colors);}
.banner .swiper-pagination-bullet-active::before{background:#fff;}

.cpzx{margin:120px auto;}
.cpzx-t{margin-bottom:65px;}
.cpzx-t h3{font-size:48px;padding-bottom:20px;border-bottom:2px solid #000;}
.cpzx-c{margin-bottom:60px;overflow:hidden;text-align:center;}
.cpzx-c>div{width:calc(100% + 1px);}
.cpzx-c a{display:block;color:#666;border-right:1px solid #eee;}
.cpzx-c a h4{height:60px;}
.cpzx-c a h4 img{transition:all 0s!important;}
.cpzx-c a h3{font-size:16px;transition:all 0s;}
.cpzx-c .swiper-slide-thumb-active a{color:var(--colors);}
.cpzx-c .swiper-slide-thumb-active a h4 img{filter: invert(50%) sepia(33%) saturate(3061%) hue-rotate(159deg) brightness(103%) contrast(101%);}
.cpzx-b{position:relative;}
.cpzx-b2>a{display:block;text-align:center;color:#000;margin-bottom:60px;position:relative;overflow: hidden;}
.cpzx-b2>a dl{position:absolute;left:0;top:10%;width:100%;}
.cpzx-b2>a dl h4{text-transform:uppercase;font-size:18px;color:#666;margin-bottom:24px;}
.cpzx-b2>a dl h3{font-size:36px;margin-bottom:30px;}
.cpzx-b2>a dl h5{width:110px;height:40px;border-radius:40px;background:var(--colors);color:#fff;font-size:14px;}
.cpzx-b2>a img{display:block;width:100%;}
.cpzx-b2>a:hover h5{opacity:0.8;}
.cpzx-b2>div{}
.cpzx-b2>div a{display:block;text-align:center;background:#f5f5f5;padding-bottom:80px;}
.cpzx-b2>div a h4{overflow:hidden;}
.cpzx-b2>div a h4 img{display:block;width:100%;}
.cpzx-b2>div a h3{color:#000;font-size:24px;margin-bottom:20px;}
.cpzx-b2>div a h5{font-size:16px;color:#757575;}
.cpzx-b2>div a:hover img{transform:scale(1.1);}
.cpzx-b2>div a:hover h3{color:var(--colors);}
.cpzx-b .swiper-button-next{width:50px;height:50px;right:-90px;transition:all 0.5s;background:url(../images/r.png);top:80%;}
.cpzx-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.cpzx-b .swiper-button-prev{width:50px;height:50px;left:-90px;transition:all 0.5s;background:url(../images/l.png);top:80%;}
.cpzx-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

.gywm{background:url(../images/gywm-1.jpg)no-repeat center top;padding-top:120px;text-align:center;}
.gywm-t{width:1000px;margin-bottom:400px;}
.gywm-t h3{font-size:48px;margin-bottom:50px;}
.gywm-t p{font-size:18px;line-height:36px;margin-bottom:50px;}
.gywm-t a{width:200px;height:50px;border-radius:50px;background:var(--colors);color:#fff;font-size:18px;}
.gywm-t a img{margin-left:12px;}
.gywm-t a:hover{}
.gywm-t a:hover img{transform: translateX(10px)}
.gywm-b{background:#fff;box-shadow:0 0 12px rgba(0, 0, 0, 0.15);padding:40px 107px;}
.gywm-b dl{}
.gywm-b dl h3{color:var(--colors);font-size:30px;margin-bottom:20px;}
.gywm-b dl h3 i{line-height:100%;font-size:60px;}
.gywm-b dl h4{font-size:18px;color:#333333;}
.gywm-b h5{width:1px;height:90px;background:#eee;}

.oem{margin:120px auto;}
.oem-t{text-align:center;font-size:48px;margin-bottom:80px;}
.oem-b{}
.oem-b a{display:block;width:calc(50% - 12px);background:#f5f5f5;}
.oem-b a h4{overflow:hidden;}
.oem-b a h4 img{display:block;width:100%;}
.oem-b a dl{padding:40px;}
.oem-b a dl h3{color:#000;font-size:36px;margin-bottom:14px;}
.oem-b a dl h3 i{width:50px;height:50px;border-radius:50px;border:1px solid #ccc;}
.oem-b a dl h3 i img{transition:all 0s!important;}
.oem-b a dl p{font-size:18px;line-height:36px;color:#666;width:470px;}
.oem-b a:hover dl h3 i{background:var(--colors);border-color:var(--colors);}
.oem-b a:hover dl h3 i img{filter: brightness(0) invert(1);}

.jjfa{background:#f5f5f5;padding:120px 0;}
.jjfa-t{margin-bottom:70px;}
.jjfa-t h3{font-size:48px;}
.jjfa-t a{font-size:18px;color:#000;}
.jjfa-t a img{margin-left:10px;transition:all 0s!important;}
.jjfa-t a:hover{color:var(--colors);}
.jjfa-t a:hover img{filter: invert(60%) sepia(49%) saturate(2542%) hue-rotate(153deg) brightness(92%) contrast(105%);}
.jjfa-b{}
.jjfa-l{width:35.97222222222222%;margin-bottom:-24px;}
.jjfa-l a{width:calc(50% - 12px);height:calc((100% - 48px) / 3);background:#fff;text-align:center;color:#666;margin-bottom:24px;}
.jjfa-l a dl{transition:all 0s;}
.jjfa-l a dl h4{height:60px;}
.jjfa-l a dl h4 img{transition:all 0s!important;}
.jjfa-l a dl h3{font-size:18px;transition:all 0s;}
.jjfa-l a.active{background:var(--colors);color:#fff;}
.jjfa-l a.active img{filter: brightness(0) invert(1);}
.jjfa-r{width:59.375%;position:relative;overflow:hidden;}
.jjfa-r a{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;overflow:hidden;display:block;color:#fff;}
.jjfa-r a.active{position:relative;z-index:2;opacity:1;}
.jjfa-r a h4{overflow:hidden;}
.jjfa-r a h4 img{display:block;width:100%;}
.jjfa-r a h3{position:absolute;left:0;bottom:0;width:100%;height:60px;font-size:18px;background:rgba(0, 0, 0, 0.5);z-index:2;}
.jjfa-r a:hover img{transform:scale(1.1);}

.xwzx{padding:120px 0;overflow:hidden;}
.xwzx .jjfa-t{margin-bottom:40px;}
.xwzx-t{padding:40px 0 80px 0;border-top:1px solid #eee;}
.xwzx-t dl{font-size:18px;}
.xwzx-t dl a{width:140px;height:50px;border-radius:50px;border:1px solid #ccc;color:#333;margin-right:20px;}
.xwzx-t dl a.active{background:var(--colors);border-color:var(--colors);color:#fff;}
.xwzx-t h5{}
.xwzx-t h5 a{width:50px;height:50px;display:block;margin-left:20px;}
.xwzx-t h5 .a1{background:url(../images/l.png);background-size:100% 100%;}
.xwzx-t h5 .a1:hover{background:url(../images/l-1.png);background-size:100% 100%;}
.xwzx-t h5 .a2{background:url(../images/r.png);background-size:100% 100%;}
.xwzx-t h5 .a2:hover{background:url(../images/r-1.png);background-size:100% 100%;}
.xwzx-b{overflow:hidden;}
.xwzx-b2{margin:0;position:relative;}
.xwzx-b3{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0.5s;}
.xwzx-b3.active{position:relative;z-index:2;opacity:1;}
.xwzx-b3>div{overflow: inherit;}
.xwzx-b3 a{display:block;position:relative;overflow:hidden;}
.xwzx-b3 a h4{overflow:hidden;}
.xwzx-b3 a h4 img{display:block;width:100%;max-width: 1000%;width: 200%;margin-left: -50%;}
.xwzx-b3 a dl{position:absolute;left:0;top:0;width:100%;height:100%;background:#f5f5f5;padding:60px 40px 50px;}
.xwzx-b3 a dl .div1{position:relative;height:100%;}
.xwzx-b3 a dl .div1 dt{position:absolute;left:0;top:0;width:100%;}
.xwzx-b3 a dl .div1 dt h3{font-size:30px;line-height:36px;color:#000;margin-bottom:20px;}
.xwzx-b3 a dl .div1 dt p{font-size:18px;line-height:36px;color:#999;}
.xwzx-b3 a dl .div1 dd{position:absolute;left:0;bottom:0;width:100%;padding-top:40px;border-top:1px solid #ccc;}
.xwzx-b3 a dl .div1 dd h3{font-size:60px;color:var(--colors);}
.xwzx-b3 a dl .div1 dd h5{font-size:16px;color:#666;line-height:22px;width:35px;}
.xwzx-b3 a:hover dl{background:rgba(0, 0, 0, 0.3);}
.xwzx-b3 a:hover dl *{color:#fff!important;}
.xwzx-b3 a:hover dl dd{border-color:#fff;}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-b2>a dl{top:5%;}
    .cpzx-b2>a img{max-width:200%;width:180%;margin-left:-40%;}
    .cpzx-b2>a dl h5{width:90px;height:30px;}
    .gywm{background:url(../images/gywm-1.jpg)no-repeat center;}
    .gywm-t a{width:150px;height:40px;}
    .oem-b a dl h3 i{width:30px;height:30px;}
    .jjfa-l a{width:calc(50% - 5px);}
    .jjfa-l a dl h4{height:50px;}
    .xwzx-t dl{justify-content:space-between;}
    .xwzx-t dl a{margin-right:0px;height:40px;margin-bottom:10px;width:calc(50% - 5px);}
    .xwzx-t h5 a{width:30px;height:30px;margin-left:10px;}
    .xwzx-t dl{width:calc(100% - 80px);}
}