/*.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 a>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:15%;width:100%;height:100%;text-align:center;color:#fff;}
.banner .swiper-slide a dl dt{width:840px;}
.banner .swiper-slide a dl dt h3{font-size:60px;line-height:72px;margin-bottom:30px;}
.banner .swiper-slide a dl dt h4{font-size:30px;margin-bottom:36px;}
.banner .swiper-slide a dl dt h5{width:170px;height:55px;border-radius:55px;background: rgba(255,255,255,0.2);color:#fff;font-size:14px;}
.banner .swiper-slide a dl dt h5 img{margin-left:20px;}
.banner .swiper-slide a dl dt h5:hover img{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination-bullet{background:none;border:1px solid #fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.cpzx{margin:100px auto 130px auto;}
.sybt{font-size:48px;text-align:center;margin-bottom:60px;}
.cpzx-t{position:relative;margin-bottom:45px;text-align:center;padding:0 10px;}
.cpzx-t a{display:block;color:var(--colors2);}
.cpzx-t a h4{height:80px;}
.cpzx-t a h4 img{transition:all 0s!important;}
.cpzx-t a h3{font-size:16px;transition:all 0s;line-height:20px;width:145px;margin:0 auto;max-width:95%;}
.cpzx-t .swiper-slide-thumb-active a,.cpzx-t a:hover{color:var(--colors);}
.cpzx-t .swiper-slide-thumb-active a h4 img,.cpzx-t  a:hover h4 img{filter: invert(50%) sepia(96%) saturate(4085%) hue-rotate(355deg) brightness(103%) contrast(99%);}
.cpzx-t .swiper-button-next{width:50px;height:50px;background:url(../images/r.png);transition:all 0.5s;right:-65px;}
.cpzx-t .swiper-button-next:hover{background:url(../images/r-1.png);}
.cpzx-t .swiper-button-prev{width:50px;height:50px;background:url(../images/l.png);transition:all 0.5s;left:-65px;}
.cpzx-t .swiper-button-prev:hover{background:url(../images/l-1.png);}
.cpzx-b{}
.cpzx-l{width:calc(50% - 10px);text-align:center;display:block;text-align:center;background:#f6f6f6;color:var(--colors2);}
.cpzx-l h4{overflow:hidden;}
.cpzx-l h4 img{display:block;width:100%;}
.cpzx-l dl{padding:0 10px;}
.cpzx-l dl h3{font-size:26px;text-align:center;margin-bottom:27px;}
.cpzx-l dl h5{width:140px;height:45px;border-radius:45px;border:1px solid var(--colors2);color:var(--colors2);font-size:14px;}
.cpzx-l dl h5 i{margin-left:17px;display:block;transition:all 0s;}
.cpzx-l:hover img{transform:scale(1.1);}
.cpzx-l:hover h5{background:var(--colors);color:#fff;border-color:var(--colors);}
/*.cpzx-l:hover h5 i{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}*/
.cpzx-r{width:50%;padding-right:10px;overflow:auto;margin-bottom:-10px;}
.cpzx-r::-webkit-scrollbar {
  width: 2px;
  height: 10px;
  background-color: #eee;
}
.cpzx-r::-webkit-scrollbar-track {
  background-color: #eee;
}
.cpzx-r::-webkit-scrollbar-thumb {
  background-color: #ff5c00;
}
.cpzx-r a{background:#f6f6f6;display:block;text-align:center;color:var(--colors2);padding-bottom:60px;color:var(--colors2);width:calc(50% - 5px);margin-bottom:10px;}
.cpzx-r a h4{overflow:hidden;}
.cpzx-r a h4 img{display:block;width:100%;}
.cpzx-r a h3{font-size:16px;line-height:20px;width:200px;margin:0 auto;max-width:90%;transition:all 0s;}
.cpzx-r a:hover{color:var(--colors);}
.cpzx-r a:hover img{transform:scale(1.1);}

.gywm{padding:107px 0 120px 0;background:url(../images/gywm-bj.jpg)no-repeat center top #f6f6f6;}
.gywm-t{margin-bottom:155px;color:var(--colors2);width:1083px;text-align:center;}
.gywm-t p{font-size:16px;margin-bottom:45px;line-height:30px;}
.gywm-t a{width:170px;height:55px;border-radius:55px;background:var(--colors);color:#fff;}
.gywm-t a img{margin-left:20px;}
.gywm-t a:hover img{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.gywm-c{width:64px;height:64px;border-radius:64px;position:relative;z-index:2;background:#fff;margin-bottom:144px;}
.gywm-c::before, .gywm-c::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0;z-index:-2;}
.gywm-c::before{animation: scale 2s infinite; }
.gywm-c::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-b{background:rgba(255, 255, 255, 0.95);padding:75px 145px 65px 135px;text-align:center;box-shadow:0 10px 20px rgba(216, 216, 216, 0.2);}
.gywm-b dl{}
.gywm-b dl h4{height:90px;}
.gywm-b dl h3{font-size:16px;margin-bottom:29px;}
.gywm-b dl h3 i{font-size:60px;line-height:100%;margin-right:14px;display:inline-block;}
.gywm-b dl h5{font-size:16px;}

.oem{background:#f6f6f6;overflow:hidden;padding-bottom:90px;}
.oem-b{}
.oem-b>div{padding-bottom:65px;}
.oem-b a{background:#fff;}
.oem-b a h4{width:50%;overflow:hidden;}
.oem-b a h4 img{display:block;width:100%;}
.oem-b a dl{width:50%;padding:0 7.3%;}
.oem-b a dl h3{color:var(--colors2);font-size:36px;margin-bottom:30px;}
.oem-b a dl p{color:#666;font-size:16px;line-height:30px;height:120px;margin-bottom:50px;}
.oem-b a dl h5{width:140px;height:45px;border-radius:45px;font-size:14px;color:var(--colors2);border:1px solid var(--colors2);}
.oem-b a dl h5 i{transition:all 0s;padding-left:17px;}
.oem-b a:hover{}
.oem-b a:hover h4{}
.oem-b a:hover h4 img{transform:scale(1.1);}
.oem-b a:hover dl{}
.oem-b a:hover dl h5{background:var(--colors);color:#fff;border-color:var(--colors);}
.oem-b .swiper-pagination{}
.oem-b .swiper-pagination-bullet{background:none;border:1px solid #c2c2c2;opacity:1;}
.oem-b .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.jjfa{margin:105px auto 115px auto;}
.jjfa-t{margin-bottom:20px;position:relative;}
.jjfa-t p{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0.5s;}
.jjfa-t p img{display:block;width:100%;}
.jjfa-t p.active{position:relative;z-index:2;opacity:1;}
.jjfa-b{position:relative;}
.jjfa-b a{display:block;position:relative;overflow: hidden;}
.jjfa-b a>img{display:block;width:100%;}
.jjfa-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;background:#f6f6f6;padding:0 50px;}
.jjfa-b a dl dt{width:230px;}
.jjfa-b a dl dt h3{font-size:22px;color:var(--colors2);margin-bottom:24px;}
.jjfa-b a dl dt p{color:#666;line-height:24px;}
.jjfa-b a dl>img{transition:all 0s!important;}
.jjfa-b a:hover dl{background:rgba(254, 90, 14, 0.9);}
.jjfa-b a:hover dl *{color:#fff;}
.jjfa-b a:hover dl img{filter: brightness(0) invert(1);}
.jjfa-b .swiper-button-next{width:7px;height:12px;background:url(../images/r2.png);right:-50px;}
.jjfa-b .swiper-button-prev{width:7px;height:12px;background:url(../images/l2.png);left:-50px;}

.xwzx{margin:120px auto 90px auto;}
.xwzx-b{margin-bottom:65px;}
.xwzx-l{width:calc(50% - 20px);}
.xwzx-l h4{overflow:hidden;margin-bottom:35px;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l h3{font-size:30px;color:var(--colors2);margin-bottom:20px;}
.xwzx-l p{color:#666666;font-size:16px;line-height:24px;}
.xwzx-l:hover img{transform:scale(1.1);}
.xwzx-l:hover h3{color:var(--colors);}
.xwzx-r{width:calc(50% - 30px);}
.xwzx-r a{padding:0 40px 40px 25px;border-bottom:1px solid #eee;margin-bottom:40px;}
.xwzx-r a dt{text-align:center;color:#b6b6b6;}
.xwzx-r a dt h3{font-size:48px;margin-bottom:20px;}
.xwzx-r a dt h5{font-size:14px;}
.xwzx-r a h4{width:28.19%;overflow:hidden;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a>h3{font-size:24px;line-height:30px;width:40%;color:var(--colors2);}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx-r a:hover>h3{color:var(--colors);}
.xwzx-r a:hover>img{}
.xwzx-b2{width:170px;height:55px;border-radius:55px;border:1px solid var(--colors2);color:var(--colors2);}
.xwzx-b2 i{transition:all 0s;margin-left:24px;}
.xwzx-b2:hover{background:var(--colors);color:#fff;border-color:var(--colors);}

@media(max-width:1500px){
    .jjfa-b a dl{padding:0 30px;}
    .jjfa-b a dl dt h3{margin-bottom:10px;}
}
@media screen and (max-width:1200px){
    .gywm-b dl{width:50%;}
    .gywm-b dl h4{height:70px;}
    .gywm-t a{width:150px;height:40px;}
    .oem-b a dl p{height:96px;}
    .xwzx-b2{width:150px;height:40px;}
    .xwzx-r a>h3{width:calc(100% - 30px)}
    .jjfa-b a>img{margin:-23% 0;}
    
}