/*.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);}}
@keyframes indalRun2 {0%{transform: scale(1.2);}100%{transform: scale(1);}}
/*.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);
    }
}
.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:0;width:100%;height:100%;z-index:5;color:#fff;}
.banner .swiper-slide a dl dt{width:670px;}
.banner .swiper-slide a dl dt h3{font-size:54px;line-height:70px;margin-bottom:25px;}
.banner .swiper-slide a dl dt p{font-size:24px;line-height:37px;margin-bottom:63px;}
.banner .swiper-slide a dl dt h5{width:190px;height:55px;border-radius:55px;font-size:16px;border:2px solid #fff;}
.banner .swiper-slide a dl dt h5 img{margin-left:10px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a>img{animation: indalRun2 2s ease both .2s;}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{bottom:94px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;position: relative;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;margin:0 3px;}
.banner .swiper-pagination-bullet:after{content: "";display: block;position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;background: #fff;border-radius: 50%;margin: -4px 0 0 -4px;}
.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;}
.banner ul{width:110px;text-align:center;color:#fff;position:absolute;left:calc(50% - 55px);bottom:50px;z-index:10;font-size:16px;animation: rotation2 1.5s linear infinite;-moz-animation: rotation2 1.5s linear infinite;-webkit-animation: rotation2 1.5s linear infinite;-o-animation: rotation2 1.5s linear infinite;}
.banner ul p{width:25px;height:36px;background:url(../images/banner-tb2.png);margin:0 auto 15px auto;}

.cpzx{padding:80px 0;background:url(../images/cpzx-bj.jpg)no-repeat center;background-size:cover;}
.sybt{text-align:center;margin-bottom:50px;}
.sybt h3{/* text-transform:uppercase; */font-size:44px;margin-bottom: 28px;}
.sybt h5{width:60px;height:4px;background:#dd5a6a;margin-bottom:35px;}
.sybt h5 p{width:50%;height:4px;background:var(--colors);}
.sybt h4{font-size:16px}
.cpzx h4{font-size:18px;}
.cpzx-t{margin-bottom:25px;font-size:16px;padding:0 9%;}
.cpzx-t a{color:#666;height:50px;border-radius:50px;border:2px solid #d7d7d7;padding:0 27px;margin:0 6px 15px;}
.cpzx-t a.active{background:var(--colors);border-color:var(--colors);color:#fff;}
.cpzx-b{margin-bottom:20px;position:relative;}
.cpzx-b2{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s}
.cpzx-b2.active{position:relative;opacity:1;z-index:2;}
.cpzx-b .swiper-container{width:calc(100% + 14px);margin-left:-7px;}
.cpzx-b a{display:block;margin:7px 7px 45px 7px;text-align:center;color:#000;}
.cpzx-b a h4{overflow:hidden;background:#fff;margin-bottom:30px;position: relative;box-shadow:0 0 7px rgba(0, 0, 0, 0.1);border: 1px solid rgb(0 70 200 / 50%);}
.cpzx-b a h4 i{display:block;position:absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: 100% 100%!important;background: url(../images/cpzx-sy.png);}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a h3{font-size:18px;margin-bottom:15px;}
.cpzx-b a dt{font-size:16px;line-height:21px;}
.cpzx-b a:hover h3{color:var(--colors);}
.cpzx-c{width:200px;height:55px;border-radius:55px;color:#fff;font-size:16px;text-transform:uppercase;background-image: linear-gradient(to right, var(--colors) , var(--colors2));}
.cpzx-c img{margin-left:10px;}

.gywm{padding:315px 0 80px;background:url(../images/gywm-bj.jpg)no-repeat center top;}
.gywm-s{background:#fff;padding:36px 30px 59px;border:1px solid #eaeaea;border-radius:20px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:40px;}
.gywm-t{margin-bottom:55px;}
.gywm-l{border-radius:20px;overflow:hidden;width:50%;position:relative}
.gywm-l a img{display:block;width:100%;}
.gywm-l dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.gywm-l h5{width:85px;height:85px;border-radius:85px;position:relative;background-image: radial-gradient(var(--colors2),var(--colors));z-index:2;}
.gywm-l h5::before, .gywm-l h5::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.gywm-l h5::before{animation: scale 2s infinite; }
.gywm-l h5::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% - 66px);}
.gywm-r h3{font-size:44px;margin-bottom:28px;}
.gywm-r h5{width:60px;height:4px;background:#dd5a6a;margin-bottom:30px;}
.gywm-r h5 p{width:50%;height:4px;background:var(--colors)}
.gywm-r dl{font-size:18px;line-height:33px;margin-bottom:35px;}
.gywm-r a{width:200px;height:55px;border-radius:55px;background:#000;color:#fff;font-size:16px;text-transform:uppercase;}
.gywm-r a img{margin-left:10px;}
.gywm-r a:hover{background:var(--colors);}
.gywm-b{padding:0 60px 0px 40px;text-align: center;}
.gywm-b dl{}
.gywm-b dl h3{font-size: 42px;margin-bottom:25px;background: linear-gradient(to bottom, var(--colors2), var(--colors));-webkit-background-clip: text;background-clip: text;color: transparent;background-size: 100% 200%;}
.gywm-b dl h3 i{font-size:48px;line-height:100%;}
.gywm-b dl h3 span{font-size: 30px;line-height:100%;}
.gywm-b dl h5{font-size:16px;}
.gywm-b2{position:relative;}
.gywm-b2 a{display:block;border-radius:20px;overflow:hidden;border: 1px solid #eaeaea;}
.gywm-b2 a img{display:block;width:100%;}
.gywm-b2 a:hover img{transform:scale(1.1);}
.gywm-b2 .swiper-button-next{width:60px;height:60px;border-radius:60px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);transition:all 0.5s;background:url(../images/r2.png);right:-90px;}
.gywm-b2 .swiper-button-next:hover{background:url(../images/r2-1.png);}
.gywm-b2 .swiper-button-prev{width:60px;height:60px;border-radius:60px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);transition:all 0.5s;background:url(../images/l2.png);left:-90px;}
.gywm-b2 .swiper-button-prev:hover{background:url(../images/l2-1.png);}

.ryzz2{margin:0px auto 80px;overflow:hidden;}
.nybt{text-align:center;margin-bottom:60px;}
.nybt h3{font-size:44px;margin-bottom:30px;}
.nybt h5{width:120px;height:4px;background:#dd5a6a;margin-bottom:35px;}
.nybt h5 p{width:50%;height:4px;background:var(--colors);}
.nybt h4{font-size:18px;color:#333}
.ryzz2-b{width:113.95833333333334%;margin-left:-6.97916666666667%;}
.ryzz2-b a{display:block;text-align:center;color:#fff;background:url(../images/ryzz2-bj.jpg)no-repeat center;background-size:cover;padding:47px 10px 48px;}
.ryzz2-b a h4{width: 70%;overflow:hidden;margin-bottom:104px;margin-left:auto;margin-right:auto;max-width:100%;}
.ryzz2-b a h4 img{display:block;width:100%;}
.ryzz2-b a h3{font-size:18px;}

.yyly{background:#f5f5f5;padding: 80px 0;}
.yyly-b{}
.yyly-b a{display:block;border-radius:10px;overflow:hidden;width:11.875%;position:relative;color:#fff;}
.yyly-b a:nth-child(2n){margin-top:24px;}
.yyly-b a h5{position:absolute;z-index:2;font-size:18px;line-height:28px;left:0;top:0;padding:50px 35px;width:100%;}
.yyly-b a dl{position:relative;}
.yyly-b a dl h4{overflow:hidden;overflow:hidden;}
.yyly-b a dl h4 img{display:block;width:100%;}
.yyly-b a dl dt{position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(rgba(0, 70, 200, 0),rgba(0, 70, 200, 1));opacity:0;}
.yyly-b a dl dt .div1{width:100%;padding:0 35px 35px;}
.yyly-b a dl dt h3{font-size:24px;margin-bottom:14px;}
.yyly-b a dl dt p{font-size:16px;}
.yyly-b a.active{width:45.9375%;}
.yyly-b a.active h5{opacity:0;}
.yyly-b a.active dl dt{opacity:1;}
.yyly-b2 a{display:block;border-radius:10px;overflow:hidden;position:relative;color:#fff;}
.yyly-b2 a h5{position:absolute;z-index:2;font-size:18px;line-height:28px;left:0;top:0;padding:50px 35px;width:100%;}
.yyly-b2 a dl{position:relative;}
.yyly-b2 a dl h4{overflow:hidden;overflow:hidden;}
.yyly-b2 a dl h4 img{display:block;width:100%;}
.yyly-b2 a dl dt{position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(rgba(0, 70, 200, 0),rgba(0, 70, 200, 1));}
.yyly-b2 a dl dt .div1{width:100%;padding:0 35px 35px;}
.yyly-b2 a dl dt h3{font-size:24px;margin-bottom:14px;}
.yyly-b2 a dl dt p{font-size:16px;}

.xwzx{margin: 80px auto;}
.xwzx-b{}
.xwzx-b a{display:block;color:#000;}
.xwzx-b a h4{overflow:hidden;margin-bottom:36px;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a h3{font-size: 18px;line-height: 30px;margin-bottom:20px;}
.xwzx-b a h5{width:150px;height:32px;border-radius:32px;border:1px solid #000;margin-bottom:23px;font-size:16px;}
.xwzx-b a p{font-size: 14px;line-height: 24px;}
.xwzx-b a:hover h4 img{}
.xwzx-b a:hover h3{color:var(--colors);}
.xwzx-b a:hover h5{background:var(--colors);border-color:var(--colors);color:#fff;}

.hzhb{margin-bottom: 50px;position:relative;overflow: hidden;}
.hzhb-b{position:relative;overflow:hidden;}
.hzhb-b .u1{height:100px;position:relative;margin-bottom: -10px;}
.hzhb-b .u2{height:100px;position:relative;}
.hzhb-b ul{position:absolute;left:0;top:0;}
.hzhb-b ul li{width: 200px;margin: 0 0px;}
.hzhb-b ul li img{transform: scale(0.8);display:block;height:100px}
.hzhb-b .u2 ul{position:absolute;left:auto;right:0;top:0;}

@media(min-width:1200px){
    .banner .swiper-pagination{text-align:left;}
}
@media(max-width:1500px){
    .banner .swiper-slide a dl dt h3{font-size:35px;line-height:50px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;transform:scale(0.7);}
    .cpzx-c,.gywm-r a{width:170px;height:45px;}
    .gywm2 h5{width:50px;height:50px;}
    .gywm2 h5 img{width:15px;}
    .gywm-b dl{width:50%;}
    .gywm-b dl h3 span{font-size:16px;}
    .cpzx-t a{height:45px;}
    .gywm-l h5{width:50px;height:50px;}
    .gywm-l h5 img{width:15px;}
}