/*.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;color:#fff;position:right;}
.banner .swiper-slide a dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner .swiper-slide a dl .div1{width:510px;}
.banner .swiper-slide a dl .div1 dt{margin-bottom:45px;}
.banner .swiper-slide a dl .div1 dt h3{font-size:54px;margin-bottom:30px;}
.banner .swiper-slide a dl .div1 dt p{font-size:22px;line-height:40px;}
.banner .swiper-slide a dl .div1 ul{width:450px;text-align:center;margin-bottom:45px;}
.banner .swiper-slide a dl .div1 ul li{width:140px;}
.banner .swiper-slide a dl .div1 ul li h4{width:65px;height:65px;border-radius:10px;border:1px solid #fff;margin-bottom:14px;}
.banner .swiper-slide a dl .div1 ul li h5{font-size:16px;line-height:20px;}
.banner .swiper-slide a dl .div1 dd{width:175px;height:55px;border-radius:55px;font-size:20px;border:2px solid #fff;}
.banner .swiper-slide a dl .div1 dd:hover{background:var(--colors);border-color:var(--colors);}
.banner .swiper-slide-active a{}
.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 ul{animation: indalRun 1s ease both .6s;}
.banner .swiper-slide-active a dd{animation: indalRun 1s ease both .8s;}
.banner .swiper-pagination{bottom:50px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;transition:all 0.5s;border-radius:20px;width: 10px;height: 10px;border-radius: 12px;}
.banner .swiper-pagination-bullet-active{background:var(--colors);width:30px;}

.cpzx{margin:100px auto 70px;}
.sybt{text-align:center;margin-bottom:60px;}
.sybt h5{font-size:22px;color:#fff;border-radius:50px;height:45px;padding:0 23px;margin-bottom:30px;background-image:linear-gradient(#fe4f5d, #e60013);}
.sybt h3{font-size:36px;color:#333;}
.cpzx-t{margin-bottom:60px;position:relative;}
.cpzx-t a{text-align:center;display:block;border:1px solid #f5f5f5;}
.cpzx-t a h4{overflow:hidden;}
.cpzx-t a h4 img{display:block;width:100%;}
.cpzx-t a dl{padding:25px 10px 30px;}
.cpzx-t a dl h3{font-size:24px;color:#000;margin-bottom:25px;transition:all 0s;}
.cpzx-t a dl dt{font-size:18px;line-height:28px;color:#666;transition:all 0s;}
.cpzx-t a:hover dl{background:url(../images/cpzx-bj.jpg);background-size:cover;}
.cpzx-t a:hover dl h3{color:#fff;}
.cpzx-t a:hover dl dt{color:#fff;}
.cpzx-t .swiper-button-next{width:40px;height:41px;background:url(../images/r.png);right:-80px;transition:all 0.5s;}
.cpzx-t .swiper-button-next:hover{background:url(../images/r-1.png);}
.cpzx-t .swiper-button-prev{width:40px;height:41px;background:url(../images/l.png);left:-80px;transition:all 0.5s;}
.cpzx-t .swiper-button-prev:hover{background:url(../images/l-1.png);}
.cpzx-b{width:170px;height:50px;border-radius:50px;color:var(--colors);border:2px solid var(--colors);}
.cpzx-b:hover{background:var(--colors);color:#fff;}

.jjfa{background:#f6f6f6;padding:75px 0 110px;}
.jjfa .sybt{text-align:left;margin-bottom:15px;}
.jjfa-b{}
.jjfa-b a{display:block;overflow:hidden;border-radius:15px;position:relative;color:#fff;width:6.875%;}
.jjfa-b a:nth-child(1){margin-top:78px;}
.jjfa-b a:nth-child(2){margin-top:30px;}
.jjfa-b a:nth-child(3){}
.jjfa-b a:nth-child(4){margin-top:30px;}
.jjfa-b a:nth-child(5){margin-top:78px;}
.jjfa-b a dt{position:relative;}
.jjfa-b a dt h4{position:relative;left: 50%;top: 0%; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);}
.jjfa-b a dt h4::before{position: absolute;width: 100%;height: 100%;content: '';top:0;left:0;background:rgba(0,0,0,0.3)}
.jjfa-b a dt h4 img{display:block;width:100%;}
.jjfa-b a dt h3{writing-mode: vertical-rl;text-orientation: mixed;position:absolute;top:63px;font-size: 24px;left:calc(50% - 8px);}
.jjfa-b a dd{position:absolute;width:100%;left:0;top:0;padding:125px 80px;opacity:0;}
.jjfa-b a dd h3{font-size:30px;margin-bottom:16px;}
.jjfa-b a dd p{font-size:18px;line-height:30px;margin-bottom:43px;width:445px;max-width:100%;}
.jjfa-b a dd h5{width:165px;height:50px;border-radius:50px;border:2px solid #fff;}
.jjfa-b a dd h5 img{margin-left:15px;}
.jjfa-b a.active{width:70.5%;}
.jjfa-b a.active dt h3{opacity:0;}
.jjfa-b a.active dd{opacity:1;display:block;}

.gywm{padding:95px 0 110px;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm-b{}
.gywm-l{width:46.875%}
.gywm-l h5{font-size:22px;color:#fff;width:180px;border-radius:50px;height:45px;mmargin-bottom:30px;background:var(--colors);margin-bottom:15px;}
.gywm-l h3{font-size:36px;line-height:46px;margin-bottom:25px;}
.gywm-l .div1{font-size:18px;line-height:30px;margin-bottom:50px;}
.gywm-l a{width:170px;height:50px;border-radius:50px;color:var(--colors);border:2px solid var(--colors);margin-bottom:90px;}
.gywm-l a:hover{background:var(--colors);color:#fff;}
.gywm-l ul{}
.gywm-l ul li{text-align:center;width:23%;}
.gywm-l ul li h4{font-size:18px;margin-bottom:25px;background: linear-gradient(to right, #fe4f5d, #e60013);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;}
.gywm-l ul li h4 i{font-size:48px;line-height:100%;margin-right:5px;}
.gywm-l ul li p{font-size:16px;line-height:24px;color:#333;}
.gywm-r{width:45%;border-radius:16px;overflow:hidden;}
.gywm-r img{display:block;width:100%;}
.gywm-r:hover img{transform:scale(1.1);}

.xwzx{padding-bottom:120px;background:url(../images/xwzx-bj.png)no-repeat left bottom;}
.xwzx-b{}
.xwzx-l{display:block;width:31.625%;color:#666;}
.xwzx-l h4{overflow:hidden;margin-bottom:35px;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l h5{font-size:16px;margin-bottom:12px;}
.xwzx-l h5 img{margin-right:10px;}
.xwzx-l h3{color:#000;font-size:20px;line-height:32px;margin-bottom:20px;}
.xwzx-l i{font-size:16px;}
.xwzx-l i img{margin-left:10px;transition:all 0s!important;}
.xwzx-l:hover h4 img{transform:scale(1.1);}
.xwzx-l:hover h3{color:var(--colors);}
.xwzx-l:hover i{color:var(--colors);}
.xwzx-l:hover i img{filter: invert(40%) sepia(97%) saturate(5543%) hue-rotate(342deg) brightness(87%) contrast(109%);}
.xwzx-r{display:block;width:31.625%;}
.xwzx-r a{display:block;padding:35px 30px 33px;color:#000;background:#f8f8f8;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.xwzx-r a:last-child{border:none;}
.xwzx-r a h5{color:#666;font-size:16px;margin-bottom:18px;}
.xwzx-r a h5 img{margin-right:10px;}
.xwzx-r a h3{font-size:18px;line-height:28px;transition:all 0s;}
.xwzx-r a:hover{color:var(--colors);}
.xwzx{}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .jjfa-b a dt{width:150%;margin-left:-25%;}
    .jjfa-b a{width:70.5%;}
    .jjfa-b a dt h3{opacity:0;}
    .jjfa-b a dd{opacity:1;display:block;}
    .gywm-l ul li{width:50%;}
    .gywm-l a{width:150px;height:40px;}
}