/*.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;animation: fangda 5s ease-in-out infinite alternate;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide-active a{}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}

.banner2{height:100vh;background:url(../images/bg.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;position:relative;text-align:center;color:#fff;z-index:2;}
.banner2-s{background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0));position:absolute:left:0;top:0;width:100%;height:100%;}
.particles-js-canvas-el{position:absolute;left:0;top:0;z-index:-1;}
.banner2-s dt{width:1200px;}
.banner2-s dt h4{font-size:36px;margin-bottom:10px;}
.banner2-s dt h3{font-size:68px;line-height:1.1;}
.banner2-s dd{position:absolute;left:0;bottom:37px;width:100%;}
.banner2-s dd a{width:230px;height:60px;border-radius:60px;background:var(--colors);color:#fff;font-size:18px;margin-bottom:55px;}
.banner2-s dd a:hover{text-decoration:underline;}
.banner2-s dd h4{font-size:14px;margin-bottom:20px;}
.banner2-s dd h5{width:30px;height:45px;border-radius:50px;border:1px solid #fff;}
.banner2-s dd h5 p{width:1px;height:65px;background:rgba(255, 255, 255, 0.5);position:relative;margin:16px auto 0;}
@-webkit-keyframes rotation2{
    from {height:0;}
    to {height:100%;}
}
.banner2-s dd h5 p i{display:block;width:1px;height:19px;background:#fff;animation: rotation2 2s linear infinite;}

.cpzx{margin:80px auto;}
.cpzx-t{margin-bottom:60px;}
.cpzx-t h3{font-size:40px;margin-bottom:30px;}
.cpzx-t dl{}
.cpzx-t dl dt{font-size:18px;}
.cpzx-t dl dt a{height:40px;border-radius:40px;background:#f6f7f8;color:#000;padding:0 27px;margin-right:10px;}
.cpzx-t dl dt a.active{background:var(--colors);color:#fff;}
.cpzx-t dl>a{font-size:16px;color:#000;}
.cpzx-t dl>a img{margin-left:17px;transition:all 0s!important;}
.cpzx-t dl>a:hover{color:var(--colors);}
.cpzx-t dl>a:hover img{filter: invert(18%) sepia(94%) saturate(2173%) hue-rotate(196deg) brightness(95%) contrast(101%);}
.cpzx-t>a:hover{color:var(--colors);}
.cpzx-b{position:relative;overflow:hidden;}
.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-l{display:block;border-radius:10px;overflow:hidden;position:relative;color:#fff;width:calc(25.71428571428571% - 10px)}
.cpzx-l h4{overflow:hidden;}
.cpzx-l h4 img{display:block;width:100%;}
.cpzx-l dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-image:linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0));padding:60px 40px}
.cpzx-l dl dt{}
.cpzx-l dl dt h3{font-size:24px;margin-bottom:25px;}
.cpzx-l dl dt h5{width:35px;height:1px;background:#fff;margin-bottom:33px;}
.cpzx-l dl dt p{font-size:18px;line-height:24px;}
.cpzx-l dl dd{position:absolute;left:0;bottom:50px;width:100%;}
.cpzx-l dl dd h5{width:230px;height:60px;border-radius:60px;font-size:18px;background:var(--colors);}
.cpzx-l:hover{}
.cpzx-l:hover img{transform:scale(1.1);}
.cpzx-l:hover dd h5{}
.cpzx-r{width:calc(74.28571428571429% - 10px)}
.cpzx-r a{display:block;border-radius:10px;position:relative;width:calc(50% - 10px);margin-bottom:20px;overflow:hidden;background:#f6f7f8;color:#000;}
.cpzx-r a h4{}
.cpzx-r a h4 img{display:block;width:100%}
.cpzx-r a dl{position:absolute;left:0;top:0;width:100%;z-index:2;padding:40px;}
.cpzx-r a dl h3{font-size:18px;margin-bottom:20px;}
.cpzx-r a dl h5{width:35px;height:1px;background:#000;}
.cpzx-r a:hover img{transform:scale(1.1);}

.cpfl{position:relative;}
.cpfl a{display:block;width:50%;color:#fff;text-align:center;position:relative;overflow:hidden;}
.cpfl a span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:1;}
.cpfl a h4{overflow:hidden;}
.cpfl a h4 img{display:block;width:100%;}
.cpfl a dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;}
.cpfl a dl dt{width:520px;}
.cpfl a dl dt h5{height:120px;}
.cpfl a dl dt h3{font-size:36px;}
.cpfl a dl dt .div1{overflow:hidden;}
.cpfl a dl dt .div2{font-size:18px;margin-bottom: -133px;}
.cpfl a dl dt .div2 p{margin-bottom:37px;height:36px;}
.cpfl a dl dt .div2 i{width:230px;height:60px;border-radius:60px;border:1px solid #fff;}
.cpfl a dl dt .div2 i img{margin-left:44px;filter: brightness(0) invert(1);transition:all 0s!important;}
.cpfl a dl dt .div2 i:hover{background:#fff;color:var(--colors)}
.cpfl a dl dt .div2 i:hover img{filter: invert(18%) sepia(38%) saturate(6593%) hue-rotate(197deg) brightness(91%) contrast(101%);}
.cpfl a:hover dl{background:rgba(0, 82, 160, 0.9);}
.cpfl a:hover dl .div1{margin-top:30px;}
.cpfl a:hover dl .div2{margin-bottom: 0;}
.cpfl>dl{position:absolute;z-index:4;left:calc(50% - 85px);top:calc(50% - 85px);}
.cpfl>dl dt{width:170px;height:170px;position:relative;}
.cpfl>dl .img1{position:absolute;left:0;top:0;width:100%;display:block;-webkit-transform: rotate(360deg);
    animation: rotation 20s linear infinite;
    -moz-animation: rotation 20s linear infinite;
    -webkit-animation: rotation 20s linear infinite;
    -o-animation: rotation 20s linear infinite;}
.cpfl>dl .img2{}

.wmys{background:#f6f7f8;padding:80px 0;}
.wmys-t{margin-bottom:45px;font-size:40px;}
.wmys-b{}
.wmys-b dl{border-radius:10px;overflow:hidden;background:#fff;text-align:center;}
.wmys-b dl h4{overflow:hidden;overflow:hidden;}
.wmys-b dl h4 img{display:block;width:100%;}
.wmys-b dl dt{padding:0 50px 55px 50px;position:relative;z-index:2;}
.wmys-b dl dt h5{width:85px;height:85px;border-radius:85px;background:#fff;margin-bottom:35px;margin-top:-42.5px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.wmys-b dl dt h3{font-size:24px;margin-bottom:24px;}
.wmys-b dl dt p{font-size:18px;color:#666;line-height:1.2;}
.wmys-b dl:hover h4 img{transform:scale(1.1);}

.jjfa{margin-top:90px;}
.jjfa-t{margin-bottom:80px;}
.jjfa-t h3{font-size:40px;margin-bottom:50px;}
.jjfa-t dl{font-size:18px;line-height:1.2;width:935px;max-width:100%;margin-bottom:45px;}
.jjfa-t a{width:230px;height:60px;border-radius:60px;border:1px solid #000;color:#000;font-size:18px;}
.jjfa-t a img{margin-left:43px;transition:all 0s!important;}
.jjfa-t a:hover{background:var(--colors);border-color:var(--colors);color:#fff;}
.jjfa-t a:hover img{filter: brightness(0) invert(1);}
.jjfa-b{}
.jjfa-b a{display:block;overflow:hidden;position:relative;width:20.052083333333334%;color:#fff;}
.jjfa-b a h4{overflow:hidden;margin-left:-49.350649350649356%;}
.jjfa-b a h4 img{display:block;width:100%;}
.jjfa-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);padding:40px;}
.jjfa-b a dl dt{width:100%;}
.jjfa-b a dl dt h3{font-size:24px;line-height:1.2;width:250px;}
.jjfa-b a:nth-child(2) dl dt h3{width:195px;}
.jjfa-b a dl dt h5{width:230px;height:60px;border-radius:60px;background:var(--colors);color:#fff;font-size:18px;}
.jjfa-b a.active{width:39.84375%;}
.jjfa-b a.active h4{margin-left:0;}

.xwzx{margin:90px auto;}
.xwzx-t{margin-bottom:50px;}
.xwzx-t h3{font-size:40px;}
.xwzx-t a{font-size:16px;color:#000;}
.xwzx-t a img{margin-left:17px;transition:all 0s!important;}
.xwzx-t a:hover{color:var(--colors);}
.xwzx-t a:hover img{filter: invert(18%) sepia(94%) saturate(2173%) hue-rotate(196deg) brightness(95%) contrast(101%);}
.xwzx-b{position:relative;}
.xwzx-b a{display:block;overflow:hidden;color:#000;}
.xwzx-b a h4{overflow:hidden;margin-bottom:25px;border-radius:10px;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a h3{font-size:24px;line-height:1.4;margin-bottom:20px;}
.xwzx-b a p{font-size:16px;color:#666;line-height:1.4;margin-bottom:55px;}
.xwzx-b a dl{}
.xwzx-b a dl h5{font-size:16px;color:#000;}
.xwzx-b a dl i{width:50px;height:50px;border-radius:50px;color:#fff;background:#818181;font-size:48px;}
.xwzx-b a:hover h4 img{transform:scale(1.1);}
.xwzx-b a:hover dl i{background:var(--colors);}
.xwzx-b .swiper-button-next{width:60px;height:60px;background:url(../images/r.png);transition:all 0.5s;right:-100px;}
.xwzx-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.xwzx-b .swiper-button-prev{width:60px;height:60px;background:url(../images/l.png);transition:all 0.5s;left:-100px;}
.xwzx-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

@media screen and (max-width:1200px){
    /*.banner2-s dd a{width:150px;height:40px;}*/
    .cpzx-t dl{justify-content:flex-end;}
    .cpzx-t dl dt{justify-content:space-between;}
    .cpzx-t dl dt a{width:calc(50% - 5px);height: 60px!important;font-size: 14px;font-weight: bold;}
    .cpfl a dl dt h5{height:90px;transform:scale(0.8);}
    .jjfa-b a dl dt h5,.jjfa-t a{width:150px;height:40px;}
    .banner2-s dt h3{font-size:36px;}
}