/*.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;}*/
@-webkit-keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@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{width:100%;height:100%;color:#fff;position:absolute;z-index:2;left:0;top:0;}
.banner .swiper-slide a dl dt{}
.banner .swiper-slide a dl dt h5{font-size:20px;margin-bottom:33px;}
.banner .swiper-slide a dl dt h3{font-size:52px;margin-bottom:30px;}
.banner .swiper-slide a dl dt p{font-size:23px;margin-bottom:60px;}
.banner .swiper-slide a dl dt h4{font-size:16px;}
.banner .swiper-slide a dl dt h4 i{width:50px;height:50px;border-radius:50px;margin-right:14px;border:1px solid #fff;}
.banner .swiper-slide a dl dt h4:hover i{background:var(--colors);border-color:var(--colors);}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .2s;}
.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 h4{animation: indalRun 1s ease both .8s;}
.banner .swiper-button-next{width:54px;height:54px;border-radius:54px;border:1px solid rgba(255, 255, 255, 0.2);transition:all 0.5s;right:70px;}
.banner .swiper-button-next:hover{border-color:#fff;}
.banner .swiper-button-prev{width:54px;height:54px;border-radius:54px;border:1px solid rgba(255, 255, 255, 0.2);transition:all 0.5s;left:70px;}
.banner .swiper-button-prev:hover{border-color:#fff;}
/*.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}*/
.banner .swiper-pagination{bottom:75px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;position: relative;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;margin: 3px 0;}
.banner .swiper-pagination-bullet:after{content: "";display: block;position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background: #fff;border-radius: 50%;margin: -5px 0 0 -5px;}
.banner .swiper-pagination-bullet .l{position: absolute;width: 20px;height: 40px;top: 0;left: 0;overflow: hidden;border-radius: 20px 0 0 20px;}
.banner .swiper-pagination-bullet .l:after{content: " ";display: block;position: absolute;left: 0;top: 0;width: 40px;height: 40px;border-radius: 50%;box-sizing: border-box;border: 2px solid #fff;border-color: transparent #fff #fff transparent;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet .r{position: absolute;width: 20px;height: 40px;top: 0;right: 0;overflow: hidden;border-radius: 0 20px 20px 0;}
.banner .swiper-pagination-bullet .r:after{content: " ";display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;border-radius: 50%;box-sizing: border-box;border: 2px solid #fff;border-color: #fff transparent transparent #fff;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet-active .line2{width: 40px;height: 40px;border: 2px solid rgb(243 244 245 / 0.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;}
.banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 22s linear 1 forwards;-moz-animation: circle_right 22s linear 1 forwards;-o-animation: circle_right 22s linear 1 forwards;animation: circle_right 22s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 21.9s 11s linear 1 forwards;-moz-animation: circle_right 21.9s 11s linear 1 forwards;-o-animation: circle_right circle_right 21.9s 11s linear 1 forwards;animation: circle_right 21.9s 11s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 5s linear 1 forwards;-moz-animation: circle_right 5s linear 1 forwards;-o-animation: circle_right 5s linear 1 forwards;animation: circle_right 5s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 4.9s 2.5s linear 1 forwards;-moz-animation: circle_right 4.9s 2.5s linear 1 forwards;-o-animation: circle_right 4.9s 2.5s linear 1 forwards;animation: circle_right 4.9s 2.5s linear 1 forwards;}
.banner .swiper-pagination-bullet-active:last-child .l:after{ -webkit-animation: circle_right 6s linear 1 forwards; -moz-animation: circle_right 6s linear 1 forwards; -o-animation: circle_right 6s linear 1 forwards; animation: circle_right 6s linear 1 forwards; }
.banner .swiper-pagination-bullet-active:last-child .r:after{ -webkit-animation: circle_right 5.9s 3s linear 1 forwards; -moz-animation: circle_right 5.9s 3s linear 1 forwards; -o-animation: circle_right circle_right 5.9s 3s linear 1 forwards; animation: circle_right 5.9s 3s linear 1 forwards; }
.banner .swiper-pagination-bullet-active:after{background-color: #fff;}

.wmys{margin:85px auto 120px auto;}
.wmys-t{text-align:center;margin-bottom:60px;}
.wmys-t h4{font-size:22px;color:var(--colors);margin-bottom:20px;}
.wmys-t h3{color:#333;font-size:40px;}
.wmys-b{position:relative;}
.wmys-b a{display:block;overflow:hidden;position:relative;text-align:center;color:#fff;}
.wmys-b a h4{overflow:hidden;}
.wmys-b a h4 img{display:block;width:100%;}
.wmys-b a dl{position:absolute;left:0;bottom:0;width:100%;height:60px;background:rgba(0, 0, 0, 0.2);}
.wmys-b a dl .div1{width:90%;}
.wmys-b a dl .div1 h3{font-size:22px;}
.wmys-b a dl .div1 dt{padding-top:20px;margin-bottom:-94px;opacity:0;}
.wmys-b a dl .div1 dt h5{width:30px;height:2px;background:#fff;margin-bottom:20px;}
.wmys-b a dl .div1 dt p{font-size:16px;line-height:26px;}
.wmys-b a:hover h4 img{transform:scale(1.1);}
.wmys-b a:hover dl{height:100%;}
.wmys-b a:hover dl dt{margin-bottom:0;opacity:1;}
.wmys-b .swiper-button-next{width:60px;height:60px;border-radius:60px;background:#ccc;transition:all 0.5s;right:-90px;}
.wmys-b .swiper-button-next:hover{background:var(--colors);}
.wmys-b .swiper-button-prev{width:60px;height:60px;border-radius:60px;background:#ccc;transition:all 0.5s;left:-90px;}
.wmys-b .swiper-button-prev:hover{background:var(--colors);}

.cpzx{height:810px;background:url(../images/cpzx-bj.jpg)no-repeat center;padding-top:110px;color:#fff;}
.cpzx-t{color:#fff;margin-bottom:63px;}
.cpzx-t h3{font-size:40px;margin-bottom:38px;}
.cpzx-t p{font-size:16px;line-height:26px;width:566px;}
.cpzx-b{}
.cpzx-b a{display: block;position: relative;color: #fff;}
.cpzx-b .item {border: 1px solid rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;height: 50%;width: 100%;box-sizing: border-box;}
.cpzx-b .number-1 {position: absolute;right: 10%;top: 10%;font-size: 16px;z-index: 10;}
.cpzx-b .text {position: absolute;bottom: 10%;left: 10%;width: 80%;z-index: 11;}
.cpzx-b .text::after {content: '';width: 16px;height: 9px;position: absolute;right: 0;top: 55%;background: url('../images/cpzx-tb.png') center no-repeat;opacity: 0;}
.cpzx-b .title-1 {font-size: 16px;margin-bottom:5px;}
.cpzx-b .title-2 {font-size: 13px;opacity: .8;}
.cpzx-b .img{overflow: hidden;opacity: 0;}
.cpzx-b a:hover .item {border: 1px solid rgba(255,255,255,0);height: 100%;}
.cpzx-b a:hover .number-1 {right: 85%;}
.cpzx-b a:hover .text::after {opacity: 1;}
.cpzx-b a:hover .img{opacity: 1;}

.jjfa{overflow:hidden;margin:100px auto 130px auto}
.jjfa-b{width:214.0625%;margin-left:-57.03125%;}
.jjfa-b a{display:block;overflow:hidden;border-radius:10px;color:#fff;text-align:center;position:relative;}
.jjfa-b a h4{overflow:hidden;}
.jjfa-b a h4 img{display:block;width:100%;}
.jjfa-b a dl{width:440px;position:absolute;z-index:2;right:4.887218045112782%;height:100%;top:0}
.jjfa-b a dl dt{width:100%;}
.jjfa-b a dl dt h3{font-size:40px;margin-bottom:25px;}
.jjfa-b a dl dt p{font-size:16px;line-height:22px;margin-bottom:40px;}
.jjfa-b a dl dt h5{width:160px;height:55px;border-radius:55px;border:1px solid #fff;font-size:14px;}
.jjfa-b a dl dt h5 img{margin-left:10px;}
.jjfa-b a dl dt h5:hover{background:var(--colors);border-color:var(--colors);}
.jjfa-b a dl dt h5:hover img{}
.jjfa-b .swiper-pagination{bottom: 25px;text-align:right;padding-right: 28%;z-index: 2;}
.jjfa-b .swiper-pagination-bullet{background:#fff;opacity:0.2;width:13px;height:5px;border-radius:5px;transition: all 0.5s;}
.jjfa-b .swiper-pagination-bullet-active{opacity:1;width:22px}


.gywm{background:#f4f5f6;position:relative;z-index:2;overflow:hidden;}
.gywm>h5{position:absolute;z-index:-1;width:62.08333333333333%;left:-3.0208333333333334%;bottom:-2px}
.gywm>h5 img{display:block;width:100%;}
.gywm-l{width:calc(50% - 20px);padding-top: 5%;}
.gywm-l h5{font-size:26px;color:var(--colors);margin-bottom:25px;}
.gywm-l h3{color:#333333;font-size:48px;margin-bottom:30px;}
.gywm-l .div1{color:#666666;font-size:16px;line-height:28px;margin-bottom:45px;}
.gywm-l a{width:160px;height:54px;border-radius:60px;background:var(--colors);color:#fff;}
.gywm-l a img{margin-left:10px;}
.gywm-l a:hover img{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.gywm-r{width:50.41666666666667%;}
.gywm-r img{display:block;width:100%;}

.xwzx{margin:90px auto 100px auto;}
.xwzx-b{margin-bottom:40px;}
.xwzx-l{width:42.344827586206896%;display:block;position:relative;overflow:hidden;border-radius:15px;color:#fff;}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{position:absolute;left:0;bottom:0;width:100%;padding:80px 30px 30px 30px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5));}
.xwzx-l dl h3{font-size:19px;margin-bottom:20px;}
.xwzx-l dl h5{font-size:14px;}
.xwzx-l:hover img{transform:scale(1.1);}
.xwzx-r{width:25.103448275862067%;display:block;}
.xwzx-r h4{overflow:hidden;border-radius:15px;margin-bottom:35px;}
.xwzx-r h4 img{display:block;width:100%;}
.xwzx-r h3{color:#333;font-size:19px;line-height:29px;margin-bottom:20px;}
.xwzx-r p{color:#999999;margin-bottom:35px;line-height:100%;}
.xwzx-r h5{color:#333333;font-size:14px;}
.xwzx-r h5 img{margin-left:10px;transition:all 0s!important;}
.xwzx-r:hover h4 img{transform:scale(1.1);}
.xwzx-r:hover h3{color:var(--colors);}
.xwzx-r:hover h5{color:var(--colors);}
.xwzx-r:hover h5 img{filter: invert(10%) sepia(100%) saturate(6960%) hue-rotate(276deg) brightness(71%) contrast(96%);}
.xwzx-c{width:160px;height:55px;border-radius:55px;background:var(--colors);color:#fff;}
.xwzx-c img{margin-left:10px;}
.xwzx-c:hover img{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}

@media(max-width:1550px){
    .xwzx-r h4{margin-bottom:25px;}
}
@media(min-width:1200px){
    .gywm-l{opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    visibility: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;}
    .gywm>h5{-webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 2s;
    transition: all 2s;}
    .gywm-r{opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    visibility: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;}
    .active .gywm-l{opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;}
    .active>h5{-webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;}
    .active .gywm-r{opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .banner .swiper-pagination-bullet{width: 20px;height: 20px;}
    .banner .swiper-pagination-bullet:after{width: 6px;height: 6px;margin:-3px 0 0 -3px}
    .banner .swiper-pagination-bullet .l{width: 10px;height: 20px;}
    .banner .swiper-pagination-bullet .l:after{width: 20px;height: 20px;/*border: 1px solid #fff;*/}
    .banner .swiper-pagination-bullet .r{width: 10px;height: 20px;}
    .banner .swiper-pagination-bullet .r:after{width: 20px;height: 20px;/*border: 1px solid #fff;*/}
    .banner .swiper-pagination-bullet-active .line2{width: 20px;height: 20px;}
    .xwzx-c{height:45px;}
    .gywm-l a{height:45px;}
    .gywm{flex-direction:column-reverse}
    .jjfa-b a dl{width:90%;top: auto;right:5%;bottom: 65px;height: auto;}
    .jjfa-b a dl dt h5{height:45px;}
}