/*.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:37%;width:100%;}
.banner .swiper-slide a dl dt{color:#fff;}
.banner .swiper-slide a dl dt h3{font-size:48px;margin-bottom:30px;}
.banner .swiper-slide a dl dt h3 i{font-style:italic;color:var(--colors);}
.banner .swiper-slide a dl dt p{font-size:22px;line-height:36px;margin-bottom:43px;width:580px;}
.banner .swiper-slide a dl dt h5{width:180px;height:55px;border-radius:60px;background:var(--colors);font-size:16px;}
.banner .swiper-slide a dl dt h5 img{margin-left:18px;}
.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 .4s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .6s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .8s;}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background:#fff;}

.cpzx{padding-top:80px;background:url(../images/cpzx-bj.jpg)no-repeat center;overflow: hidden;}
.cpzx-t{margin-bottom:50px;position:relative;z-index:2;background:#fff;border:1px solid #eee;padding-left:60px;}
.cpzx-t h5{position:absolute;width:27.5%;left:0;top:0;height:100%;z-index:-1;background-image: linear-gradient(to right, var(--colors) , #fff);}
.cpzx-t h3{font-size:36px;color:#fff;}
.cpzx-t dl{width:80%;font-size:16px;text-align:center;}
.cpzx-t dl a{width:calc(100% / 6);height:148px;color:#000;}
.cpzx-t dl a dt{transition:all 0s;}
.cpzx-t dl a h4{height:50px;}
.cpzx-t dl a h4 img{transition:all 0s!important;}
.cpzx-t dl a.active{color:#fff;background:var(--colors);}
.cpzx-t dl a.active img{filter: brightness(0) invert(1);}
.cpzx-s{position:relative;}
.cpzx-s>h5{width:50%;left:0;top:0;height:100%;position:absolute;background:url(../images/cpzx-bj2.jpg)no-repeat center;background-size:cover;}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;opacity:0;z-index:1;left:0;top:0;transition:all 0.5s;}
.cpzx-b2.active{position:relative;opacity:1;z-index:2;}
.cpzx-l{padding-top:110px;}
.cpzx-l h3{font-size:30px;margin-bottom:25px;}
.cpzx-l p{font-size:18px;margin-bottom:40px;}
.cpzx-l a{width:180px;height:55px;border-radius:55px;border:2px solid #000;font-size:16px;color:#000;}
.cpzx-l a img{margin-left:20px;transition:all 0s!important;}
.cpzx-l a:hover{background:var(--colors);color:#fff;border-color:var(--colors);}
.cpzx-l a:hover img{filter: brightness(0) invert(1);}
.cpzx-r{width: 70%;/* justify-content:flex-end; */border-right:1px solid #eee;}
.cpzx-r a{width:calc(100% / 3);background:#fff;border-top:1px solid #eee;border-left:1px solid #eee;padding-bottom:41px;text-align:center;color:#000;}
.cpzx-r a h4{overflow:hidden;}
.cpzx-r a h4 img{display:block;width:100%;}
.cpzx-r a h3{font-size:16px;transition:all 0s;}
.cpzx-r a:hover{color:var(--colors);}
.cpzx-r a:hover img{transform:scale(1.1);}

.jjfa{padding-top:90px;}
.jjfa-t{width:1092px;margin-bottom:40px;text-align:center;}
.jjfa-t h3{font-size:36px;margin-bottom: 27px;}
.jjfa-t p{font-size:18px;line-height:30px;}
.jjfa-b{}
.jjfa-b a{width:13.187500000000002%;display:block;color:#fff;position:relative;}
.jjfa-b a h4{}
.jjfa-b a h4 img{display:block;width:100%;}
.jjfa-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0, 0, 0, 0.3);padding:65px 0 0 40px;}
.jjfa-b a dl dt{height:60px;}
.jjfa-b a dl dt img{filter: brightness(0) invert(1);}
.jjfa-b a dl h3{font-size:30px;margin-bottom:15px;}
.jjfa-b a dl h5{font-size:14px;text-transform:uppercase;margin-bottom:30px;color: #cecece;}
.jjfa-b a dl p{line-height:100%;font-size:16px;margin-bottom:40px;opacity:0;line-height: 1.4;}
.jjfa-b a dl i{width:150px;height:45px;border-radius:45px;background:var(--colors);color:#fff;opacity:0;}
.jjfa-b a dl i img{margin-left:16px;}
.jjfa-b a.active{width:34.0625%;}
.jjfa-b a.active h4{}
.jjfa-b a.active dl p{animation: indalRun 1s ease both .4s;}
.jjfa-b a.active dl i{animation: indalRun 1s ease both .6s;}

.fwzc{margin:85px auto 110px auto;}
.sybt{font-size:36px;text-align:center;margin-bottom:50px;}
.fwzc-b{}
.fwzc-b dl{width:calc(50% - 10px);}
.fwzc-b dl a{display:block;border-radius:5px;overflow:hidden;position:relative;color:#000;margin-bottom:20px;}
.fwzc-b dl a h4{overflow:hidden;}
.fwzc-b dl a h4 img{display:block;width:100%;}
.fwzc-b dl a dt{position:absolute;left:0;top:0;width:100%;height:100%;padding:50px 45px;}
.fwzc-b dl a dt h3{font-size:30px;margin-bottom:19px;}
.fwzc-b dl a dt p{color:#525252;font-size:16px;margin-bottom:25px;}
.fwzc-b dl a dt h5{width:150px;height:45px;border-radius:45px;background:#fff;color:var(--colors);font-size:14px;}
.fwzc-b dl a dt h5 img{margin-left:14px;transition:all 0s!important;}
.fwzc-b dl a:hover h5{background:var(--colors);color:#fff;}
.fwzc-b dl a:hover h5 img{filter: brightness(0) invert(1);}

.gywm{padding-top:100px;background:url(../images/gywm-bj.jpg)no-repeat center top;}
.gywm .sybt{color:#fff;margin-bottom:70px;}
.gywm-t{padding:0 16.5625%;margin-bottom:135px;color:#fff;text-align:center;}
.gywm-t dl{}
.gywm-t dl h3{font-size:16px;margin-bottom:20px;}
.gywm-t dl h3 i{font-size:60px;padding-right:10px;line-height:100%;}
.gywm-t dl h4{font-size:18px;}
.gywm-b{}
.gywm-l{width:calc(50% - 10px);position:relative;}
.gywm-l h4{overflow:hidden;}
.gywm-l h4 img{display:block;width:100%;}
.gywm-l dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.gywm-l dl dt{width:56px;height:56px;border-radius:56px;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: #fff;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(3);opacity:0;}}
.gywm-r{width:calc(50% - 10px);position:relative;background:#f8f8f8;}
.gywm-r h4{overflow:hidden;}
.gywm-r h4 img{display:block;width:100%;}
.gywm-r dl{padding:90px 60px 0 60px;}
.gywm-r dl h3{font-size:30px;margin-bottom:43px;}
.gywm-r dl p{font-size:16px;color:#666666;line-height:30px;margin-bottom:15px;}
.gywm-r dl a{width:150px;height:45px;border-radius:45px;background:var(--colors);color:#fff;}
.gywm-r dl a img{margin-left:16px;}
.gywm-r dl a:hover img{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}

.xwzx{padding:80px 0;}
.xwzx-b{margin-bottom:60px;}
.xwzx-l{display:block;width:calc(50% - 10px);background:#fff;color:#000;border-radius:3px;overflow:hidden;}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{padding: 44px 54px 45px 40px;border:1px solid #eee;border-top:none;transition:all 0s;}
.xwzx-l dl h3{width:70%;font-size:24px;line-height:30px;transition:all 0s;}
.xwzx-l dl h5{}
.xwzx-l:hover{color:var(--colors);}
.xwzx-l:hover h4 img{transform:scale(1.1);}
.xwzx-r{width:calc(50% - 10px);border:1px solid #eee;background:#fff;border-radius:3px;overflow:hidden;}
.xwzx-r a{border-bottom:1px solid #eee;padding:30px 57px 32px 55px;color:#000;}
.xwzx-r a:last-child{border:none;}
.xwzx-r a dl{width: 60px;text-align:center;}
.xwzx-r a dl h3{font-size:36px;margin-bottom:25px;}
.xwzx-r a dl h5{font-size:14px;}
.xwzx-r a h4{width: 29.586%;overflow:hidden;border-radius: 5px;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a p{width: 39.3%;font-size:20px;line-height:30px;}
.xwzx-r a:hover img{transform:scale(1.1);}
.xwzx-b2{width:180px;height:55px;border-radius:55px;border:2px solid #000;font-size:16px;color:#000;}
.xwzx-b2 img{margin-left:20px;transition:all 0s!important;}
.xwzx-b2:hover{background:var(--colors);color:#fff;border-color:var(--colors);}
.xwzx-b2:hover img{filter: brightness(0) invert(1);}

@media(max-width:1700px){
    .gywm-r dl{padding:60px 60px 0 60px;}
}
@media(max-width:1500px){
    .gywm-r dl{padding:40px 40px 0 40px;}
    .gywm-r dl p{font-size:14px;line-height:24px;}
}
@media(min-width:1200px){
    .cpzx-b2{justify-content:flex-end;}
    .cpzx-l{position:absolute;left:0;top:0;width: 25%;}
    .cpzx-r{}
    .cpzx-r a:nth-child(1){/* margin-left:10px; */}
    .cpzx-r a:nth-child(n+3){
    border-bottom: 1px solid #eee;
}
    .jjfa-b a>img{display:block;transform:translateX(-50%);transition:all 0.5s!important;}
    .jjfa-b a.active>img{transform:translateX(0%);}
    .gywm-r h4{position:absolute;width:60.75949367088608%;right:0;top:-90px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-t h3{background-image: linear-gradient(to right, var(--colors) , #fff);}
    .cpzx-t dl{}
    .cpzx-t dl a{width:calc(100% / 2);height:100px;}
    .cpzx-t dl a h4{height:40px;}
    .cpzx-r{border-bottom:1px solid #eee;}
    .cpzx-l a{width:150px;height:45px;}
    .cpzx{background-size:auto 100%;}
    .jjfa-b a dl h3{font-size:20px;}
    .jjfa-b a dl h5{margin-bottom:20px;}
    .jjfa-b a dl p{margin-bottom:10px;}
    .jjfa-b .swiper-slide-active a>img{transform:translateX(0%);}
    .jjfa-b .swiper-slide-active a p{animation: indalRun 1s ease both .2s;}
    .jjfa-b .swiper-slide-active a h5{animation: indalRun 1s ease both .4s;}
    .jjfa-b .swiper-slide-active a i{animation: indalRun 1s ease both .4s;}
    .jjfa-b .swiper-pagination{bottom:10px;}
    .jjfa-b .swiper-pagination-bullet{background:none;border:1px solid #fff;opacity:1;}
    .jjfa-b .swiper-pagination-bullet-active{background:#fff;}
    .gywm-t dl{width:calc(100% / 2)}
    .gywm-t dl h3 i{padding-right:5px;}
    .fwzc-b dl a h4 img{width:auto;max-width:200%;height: 150px;min-width: 100%;}
}