/*.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:rgba(255, 255, 255, 0.5);opacity:1;border-radius:0;width:8px;transition:all 0.5s;}
.banner .swiper-pagination-bullet-active{background:#fff;width:20px;}

.cpzx{margin:110px auto;}
.sybt{margin-bottom:70px;}
.sybt h3{font-size:48px;margin:0 40px;}
.cpzx-t{width:1000px;background:#fff;text-align:center;box-shadow:0 0 16px rgba(179, 179, 179, 0.2);margin-bottom:-55px;position:relative;z-index:10;}
.cpzx-t a{position:relative;height:120px;width:20%;color:#000;z-index:2;}
.cpzx-t a dt{transition:all 0s;}
.cpzx-t a dt h4{height:50px;}
.cpzx-t a dt h4 img{transition:all 0s!important;}
.cpzx-t a dt h3{font-size:16px;transition:all 0s;}
.cpzx-t a dt i{width:24px;height:24px;border-radius:24px;background:#fff;display:none;margin-top:20px;}
.cpzx-t a dd{position:absolute;width:100%;height:calc(100% + 40px);top:-20px;left:0;border-radius:10px;padding:4px;z-index:-1;opacity:0;}
.cpzx-t a dd p{width:100%;height:100%;border-radius:4px;border:1px solid #00a4e8;}
.cpzx-t a h5{position:absolute;right:-1px;top:calc(50% - 35px);width:1px;height:70px;background:#cce1f3;}
.cpzx-t a:last-child h5{display:none;}
.cpzx-t a.active{color:#fff;z-index:3;}
.cpzx-t a.active dt h4 img{filter: brightness(0) invert(1);}
.cpzx-t a.active dt i{display:flex;}
.cpzx-t a.active dd{opacity:1;}
.cpzx-t a.active h5{opacity:0;}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;z-index:1;opacity:0;transition:all 0.5s;left:0;top:0;width:100%;}
.cpzx-b2.active{position:relative;z-index:2;opacity:1;}
.cpzx-b2-t{display:block;position:relative;text-align:center;margin-bottom:60px;}
.cpzx-b2-t h4{overflow:hidden;}
.cpzx-b2-t h4 img{display:block;width:100%;}
.cpzx-b2-t dl{position:absolute;left:0;top:0;width:50%;height:100%;}
.cpzx-b2-t dl dt{width:380px;}
.cpzx-b2-t dl dt h3{font-size:36px;margin-bottom:21px;}
.cpzx-b2-t dl dt p{font-size:18px;line-height:36px;margin-bottom:30px;color: var(--colors);}
.cpzx-b2-t dl dt h5{width:140px;height:45px;border-radius:45px;color:#fff;padding:2px;font-size:16px;overflow:hidden;}
.cpzx-b2-t dl dt h5 i{width:100%;height:100%;border-radius:50px;border:1px solid #00a4e8;}
.cpzx-b2-t dl dt h5 i img{margin-left:12px;filter: brightness(0) invert(1);}
.cpzx-b2-t dl dt h5:hover img{transform: translateX(10px);}
.cpzx-b2-b{}
.cpzx-b2-b a{display:block;text-align:center;color:#000;}
.cpzx-b2-b a h4{margin-bottom:30px;overflow:hidden;background: #f8f8f8;}
.cpzx-b2-b a h4 img{display:block;width:100%;}
.cpzx-b2-b a h3{font-size:24px;transition:all 0s;}
.cpzx-b2-b a:hover{color:var(--colors);}
.cpzx-b2-b a:hover img{transform:scale(1.1);}

.jjfa{position:relative;}
.jjfa-t{position:relative;color:#fff;}
.jjfa-t2{position:absolute;z-index:1;opacity:0;transition:all 0.5s;left:0;top:0;width:100%;}
.jjfa-t2.active{position:relative;z-index:2;opacity:1;}
.jjfa-t2>img{display:block;width:100%;}
.jjfa-t2 dl{width:50%;height:100%;position: absolute;left:0;top:0;z-index:2;backdrop-filter: blur(5px);z-index:2;}
.jjfa-t2 dl>i{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.8;}
.jjfa-t2 dl dt{width:460px;}
.jjfa-t2 dl dt h5{height:82px;}
.jjfa-t2 dl dt h5 img{filter: brightness(0) invert(1);}
.jjfa-t2 dl dt h3{font-size:40px;margin-bottom:35px;}
.jjfa-t2 dl dt p{font-size:18px;line-height:36px;margin-bottom:40px;}
.jjfa-t2 dl dt a{width:40px;height:40px;border-radius:40px;background:#fff;}
.jjfa-t2 dl dt a img{transition:all 0s!important;}
.jjfa-t2 dl dt a:hover{background:var(--colors);}
.jjfa-t2 dl dt a:hover img{filter: brightness(0) invert(1);}
.jjfa-b{position:absolute;z-index:2;left:0;bottom:120px;width:100%;}
.jjfa-s{background:rgba(255, 255, 255, 0.9);border-radius:100px;overflow:hidden;padding:8px;font-size: 18px;}
.jjfa-s a{width:calc(100% / 6);height:84px;border-radius:84px;color:#333;padding:4px;overflow:hidden;}
.jjfa-s a dl{height:100%;border: 1px solid rgba(255,255,255,0);border-radius: 60px;transition: all 0s;}
.jjfa-s a dl p{width:34px;}
.jjfa-s a dl p img{transition:all 0s!important;max-width:80%!important;display: block;filter: brightness(0) invert(0);}
.jjfa-s a.active{background-image: linear-gradient(to right, #004a88 , #0074d6);color: #fff;}
.jjfa-s a.active dl{border:1px solid #00a4e8;}
.jjfa-s a.active dl p{}
.jjfa-s a.active dl p img{filter: brightness(0) invert(1);}

.wmys{margin:120px auto;}
.wmys-t{position:relative;margin-bottom:40px;background:#f4f7f9;}
.wmys-t2{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0.5s;}
.wmys-t2.active{position:relative;z-index:2;opacity:1;}
.wmys-l{width:50%;position:relative;}
.wmys-l h5{font-size:18px;color:#fff;width:150px;height:46px;position:absolute;left:20px;top:20px;z-index:2;}
.wmys-l a{display:block;}
.wmys-l a img{display:block;width:100%;}
.wmys-l .swiper-pagination{bottom:30px;}
.wmys-l .swiper-pagination-bullet{background:#fff;opacity:1;border-radius:0;width:8px;transition:all 0.5s;}
.wmys-l .swiper-pagination-bullet-active{background:var(--colors);width:24px;}
.wmys-r{width:50%;text-align:center;padding:0 6.25%;color:#333;}
.wmys-r h5{height:90px;}
.wmys-r h3{font-size:30px;margin-bottom:30px;}
.wmys-r h4{width:40px;height:4px;background:var(--colors);margin-bottom:32px;}
.wmys-r p{opacity:0.8;font-size:16px;line-height:32px;}
.wmys-b{background:#f4f7f9;overflow:hidden;font-size:24px;}
.wmys-b a{width:calc(100% / 6);height:120px;border-radius:12px;padding:4px;color:#333;position:relative;}
.wmys-b a dl{height:100%;border-radius:12px;border:1px solid rgba(255, 255, 255, 0);transition:all 0s;}
.wmys-b a dl p{width:50px;}
.wmys-b a dl p img{transition:all 0s!important;}
.wmys-b a h5{position:absolute;right:0;top:calc(50% - 15px);width:1px;height:30px;background:#dddddd;}
.wmys-b a:last-child h5{display:none;}
.wmys-b a.active{color:#fff;background-image: linear-gradient(to right, #004a88 , #0074d6);}
.wmys-b a.active dl{
    border-color: rgba(255,255,255,0.5);
}
.wmys-b a.active dl img{filter: brightness(0) invert(1);}
.wmys-b a.active h5{opacity:0;}

.gywm{text-align:center;color:#fff;padding-top:120px;background:url(../images/gywm-bj.jpg)no-repeat center top;}
.gywm .sybt{}
.gywm-t{width:1280px;font-size:18px;line-height:36px;margin-bottom:192px;}
.gywm-c{width:60px;height:60px;border-radius:60px;position:relative;z-index:2;background:var(--colors);margin-bottom: 199px;}
.gywm-c::before, .gywm-c::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.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(3);opacity:0;}}
.gywm-b{padding:50px 125px 50px 135px;}
.gywm-b dl{}
.gywm-b dl h3{font-size:30px;height:60px;}
.gywm-b dl h3 i{line-height:100%;font-size:48px;}
.gywm-b dl h3 span{font-size:36px;line-height:100%;}
.gywm-b dl h4{font-size:18px;}
.gywm-b h5{width:1px;height:80px;background:rgba(255, 255, 255, 0.4);}

.xwzx{margin:110px auto 75px;}
.xwzx-t{margin-bottom:60px;}
.xwzx-l{display:block;width:calc(50% - 50px);}
.xwzx-l h4{overflow:hidden;margin-bottom:30px;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l h5{font-size:14px;color:#666;margin-bottom:14px;}
.xwzx-l h3{font-size:24px;color:#000;margin-bottom:35px;}
.xwzx-l dl{color:#333}
.xwzx-l dl i{width:110px;height:40px;border-radius:40px;border:1px solid #ddd;margin-right:30px;}
.xwzx-l dl span{}
.xwzx-l dl span img{margin-right:10px;}
.xwzx-l:hover h4 img{transform:scale(1.1);}
.xwzx-l:hover h3{color:var(--colors);}
.xwzx-r{width:calc(50% - 30px);}
.xwzx-r a{padding-bottom:20px;border-bottom:1px solid #ddd;margin-bottom:70px;}
.xwzx-r a:last-child{margin-bottom:0!important;}
.xwzx-r a dl{width:57.4025974025974%}
.xwzx-r a dl h5{font-size:14px;color:#666;margin-bottom:15px;}
.xwzx-r a dl h3{color:#000;font-size:18px;line-height:28px;margin-bottom:30px;}
.xwzx-r a dl dt{color:#333}
.xwzx-r a dl dt i{width:110px;height:40px;border-radius:40px;border:1px solid #ddd;margin-right:30px;}
.xwzx-r a dl dt span{}
.xwzx-r a dl dt span img{margin-right:10px;}
.xwzx-r a h4{width:240px;overflow:hidden;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a:hover h3{color:var(--colors);}
.xwzx-b{width:140px;height:45px;border-radius:45px;color:#fff;font-size:16px;padding:2px;display:block;}
.xwzx-b p{height:100%;border: 1px solid #00a4e8;border-radius: 60px;transition: all 0s;}
.xwzx-b p img{margin-left:12px;filter: brightness(0) invert(1);}
.xwzx-b p:hover img{transform: translateX(10px);}

@media(max-width:1600px){
    .xwzx-r a{margin-bottom:40px;}
}
@media(max-width:1500px){
    .xwzx-r a{margin-bottom:30px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-t a{width:calc(100% / 3);height:100px;}
    .cpzx-t a dd{height:100%;top:0}
    .cpzx-t a.active dt i{display:none;}
    .cpzx-t{justify-content:flex-start;}
    .cpzx-t a dt h4{height:40px;}
    .cpzx-b2-t h4 img{max-width:200%!important;margin-left:-20%;width:140%;}
    .jjfa-b{position:relative;bottom:0;}
    .jjfa-s a{width: calc(100% / 2);height: 45px;}
    .jjfa-t2>img{max-width:200%!important;width: 200%;margin-left: -50%;}
    .jjfa-t2 dl dt h5{height: 60px;}
    .jjfa-s{border-radius:0;}
    .jjfa-t2 dl{width:60%;}
    .wmys-l .swiper-pagination{bottom:10px;}
    .wmys-r h5{height:60px;}
    .wmys-b a{width:50%;height:80px;}
    .gywm-b dl h3{height:30px;}
    .gywm-b dl{width:50%;padding:0 5px;}
    .gywm-b dl h4{line-height:1.2;}
    .xwzx-r a{flex-direction:column-reverse}
    .cpzx-b2-t dl{position:relative;padding-top:20px;}
}