/*.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 a dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner .swiper-slide a dt{width:670px;color:#fff;}
.banner .swiper-slide a dt h3{font-size:56px;line-height:76px;margin-bottom:30px;}
.banner .swiper-slide a dt p{font-size:24px;line-height:34px;margin-bottom:30px;}
.banner .swiper-slide a dt h5{width:205px;height:67px;border-radius:70px;background:var(--colors2);font-size: 14px;}
.banner .swiper-slide a .swiper-button-next{width:24px;height:44px;right:5.2083333333333336%;transition:all 0.5s;background:url(../images/r.png);}
.banner .swiper-slide a .swiper-button-next:hover{background:url(../images/r-1.png);}
.banner .swiper-slide a .swiper-button-prev{width:24px;height:44px;left:5.2083333333333336%;transition:all 0.5s;background:url(../images/l.png);}
.banner .swiper-slide a .swiper-button-prev:hover{background:url(../images/l-1.png);}
.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 h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{bottom:20px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);}

.cpxl{padding: 80px 0 0px;overflow:hidden;background: url(../images/cpxl-bj.png)no-repeat center bottom;}
.cpxl-b{width:115.36458333333333%;margin-left:-7.682291666666663%;}
.cpxl-b>div{padding-bottom:96px;}
.cpxl-b a{display:block;position:relative;border-radius:15px;overflow:hidden;color:#fff;text-align:center;margin: 27% 0 0% 0;}
.cpxl-b a img{display:block;width:100%;}
.cpxl-b a h3{font-size:20px;position:absolute;left:0;bottom:0;width:100%;z-index:2;padding:50px 10px 40px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.7));}

.cpxl-b dl{position:absolute;width:127px;z-index: 10;bottom: 100px;left:calc(50% - 63px)}
.cpxl-b dl .a1{background:url(../images/l2.png);width:46px;height:47px;transition:all 0.5s;cursor:pointer;}
.cpxl-b dl .a1:hover{background:url(../images/l2-1.png);}
.cpxl-b dl .a2{background:url(../images/r2.png);width:46px;height:47px;transition:all 0.5s;cursor:pointer;}
.cpxl-b dl .a2:hover{background:url(../images/r2-1.png);}

.cpzx{background:#f8f8f8;padding:100px 0;}
.sybt{text-align:center;font-size:36px;margin-bottom:65px;}
.cpzx-b{margin-bottom:50px;}
.cpzx-b>div{width:calc(100% + 16px);margin-left:-8px;}
.cpzx-b a{display:block;border-radius:15px;overflow:hidden;position:relative;background:#fff;margin:8px;box-shadow:0 0 8px rgba(0, 0, 0, 0.02);}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a dl{padding:20px 16px 24px;}
.cpzx-b a dl dt{width:22px;height:22px;border-radius:22px;border:1px solid #999;margin-bottom:8px;}
.cpzx-b a dl dt h5{width:18px;height:18px;border-radius:19px;}
.cpzx-b a dl h3{font-size:18px;margin-bottom:8px;color:#000;}
.cpzx-b a dl p{line-height:21px;height:42px;color:#6d747d;}
.cpzx-b a dl i{position:absolute;width:85px;height:17px;border-radius:4px;background:var(--colors);color:#fff;z-index:2;left:10px;top:10px;}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:hover h3{color:var(--colors);}
.cpzx-c{width:185px;height:56px;border-radius:56px;background:var(--colors2);color:#fff;font-size:16px;}
.cpzx-c img{margin-left:30px;}
.cpzx-c:hover{background:var(--colors);}

.gywm{text-align:center;color:#fff;padding:130px 0;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm .sybt{}
.gywm-t{width:1156px;text-align:center;font-size:18px;line-height:36px;margin-bottom: 90px;}
.gywm-c2{width:60px;height:60px;border-radius:60px;background:var(--colors);margin-bottom: 100px;position: relative;z-index:2}
.gywm-c2::before, .gywm-c2::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0;z-index:-1;}
.gywm-c2::before{animation: scale 2s infinite; }
.gywm-c2::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(3);opacity:0;}}
.gywm-c{padding:0 50px 90px;}
.gywm-c dl{}
.gywm-c dl h3{font-size:60px;margin-bottom:10px;}
.gywm-c dl h4{font-size:18px;}
.gywm-c h5{width:1px;height:80px;background:rgba(255, 255, 255, 0.3);}
.gywm-b{width:185px;height:56px;border-radius:56px;border:1px solid rgba(255, 255, 255, 0.5);color:#fff;font-size:16px;}
.gywm-b img{margin-left:30px;}
.gywm-b:hover{background:var(--colors);border-color:var(--colors);}

.cpzl{background:#f1f1f5;padding:55px 0 70px;}
.cpzl-t{margin-bottom:45px;}
.cpzl-t h3{font-size:36px;line-height:50px;}
.cpzl-t a{font-size:16px;color:#000;}
.cpzl-t a:hover{color:var(--colors);}
.cpzl-c{margin-bottom:35px;}
.cpzl-c a{color:#000;}
.cpzl-c a>h4{width:280px;border-radius:14px;overflow:hidden;}
.cpzl-c a>h4 img{display:block;width:100%;}
.cpzl-c a dl{width:calc(100% - 310px);}
.cpzl-c a dl h3{font-size:20px;color:#424242;margin-bottom:23px;}
.cpzl-c a dl h3 img{display:block;margin:0 6px 0 20px}
.cpzl-c a dl .div1{margin-bottom:70px;color:#6a6a6a;line-height:32px;font-size:20px;}
.cpzl-c a dl dt{background:#fff;border-radius:10px;overflow:hidden;}
.cpzl-c a dl dt h4{width:73px;}
.cpzl-c a dl dt h4 img{display:block;}
.cpzl-c a dl dt h5{width:250px;font-size:18px;}
.cpzl-c a dl dt h5 .i1{display:block;width:calc(100% - 65px);}
.cpzl-c a dl dt h5 .i2{font-size:16px;color:#ce3027;line-height:100%;}
.cpzl-c a dl dt span{width:137px;height:44px;border-radius:44px;background:var(--colors2);color:#fff;font-size:14px;text-transform:uppercase;}
.cpzl-c a:hover{}
.cpzl-c .swiper-slide-active a dl dt{background:none;}
.cpzl-c .swiper-slide-active a dl dt h4{opacity:0;}
.cpzl-b{}
.cpzl-b .swiper-pagination{position:initial;width:calc(100% - 140px);height:7px;background:#eae8e8;}
.cpzl-b .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--colors2);}
.cpzl-b dl{width:107px;}
.cpzl-b dl a{width:46px;height:47px;display:block;}
.cpzl-b dl .a1{background:url(../images/l2.png);}
.cpzl-b dl .a1:hover{background:url(../images/l2-1.png);}
.cpzl-b dl .a2{background:url(../images/r2.png);}
.cpzl-b dl .a2:hover{background:url(../images/r2-1.png);}

.wmys{margin:70px auto 100px;}
.wmys-t{margin-bottom:35px;text-align:center;}
.wmys-t dl{width:calc((100% - 84px) / 4);border-radius:14px;border:1px solid #ececec;padding:48px 40px 80px;}
.wmys-t dl h5{height:85px;}
.wmys-t dl h3{font-size:20px;margin-bottom:17px;}
.wmys-t dl p{color:#6d747d;line-height:22px;}
.wmys-t dl:hover img{transform: translateY(-10px);}
.wmys-b{position:relative;height:94px;overflow:hidden;}
.wmys-b ul{position:absolute;}
.wmys-b p{margin-right:55px;}
.wmys-b p img{display:block;margin:0 auto;max-height:94px;}

.xwzx{margin-bottom:100px;}
.xwzx-c{margin-bottom:50px;}
.xwzx-c a{display:block;color:#000;}
.xwzx-c a h4{overflow:hidden;margin-bottom:55px;}
.xwzx-c a h4 img{display:block;width:100%;}
.xwzx-c a h3{font-size:22px;line-height:34px;margin-bottom:24px;}
.xwzx-c a h5{font-size:14px;color:#333;}
.xwzx-c a h5 img{margin-right:7px;}
.xwzx-c a:hover h4 img{transform:scale(1.01);}
.xwzx-c a:hover h3{color:var(--colors);}
.xwzx-b .swiper-pagination{position:initial;width:calc(100% - 140px);height:7px;background:#eae8e8;}
.xwzx-b .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--colors2);}
.xwzx-b dl{width:107px;}
.xwzx-b dl a{width:46px;height:47px;display:block;}
.xwzx-b dl .a1{background:url(../images/l2.png);}
.xwzx-b dl .a1:hover{background:url(../images/l2-1.png);}
.xwzx-b dl .a2{background:url(../images/r2.png);}
.xwzx-b dl .a2:hover{background:url(../images/r2-1.png);}

@media(min-width:1200px){
    .cpxl-b .a1 a{
    transform: scale(0.75) rotate(-30deg) translateY(43.125%);
    transition: all 0.4s ease;
    }
    .cpxl-b .a2 a{
        transform: scale(0.8) rotate(-15deg) translateY(-1.25%);
        transition: all 0.4s ease;
    }
    .cpxl-b .a3 a{
        transform: translateY(-20.2%);
        transition: all 0.4s ease;
    }
    .cpxl-b .a4 a{
        transform: scale(0.8) rotate(15deg) translateY(-1.25%);
        transition: all 0.4s ease;
        opacity: 1;
        visibility: visible;
    }
    .cpxl-b .a5 a{
        transform: scale(0.75) rotate(30deg) translateY(43.125%);
        transition: all 0.4s ease;
        opacity: 1;
        visibility: visible;
    }
}
@media(max-width:1500px){
    .cpzl-c a dl dt h5{width:170px;}
}
@media screen and (max-width:1200px){
    .gywm-c dl{width:50%;}
    .cpzx-c,.gywm-b{width:150px;height:45px;}
    .banner .swiper-pagination{bottom:10px;}
    .cpzl-c .swiper-slide-active a dl dt{background:#fff;}
    .cpzl-c .swiper-slide-active a dl dt h4{opacity:1;}
    .cpzl-c a dl dt h5{width:calc(100% - 100px);}
    .wmys-b p{width:calc(33% - 10px);margin-bottom:20px;}
    .cpxl{background:none;}
    .cpxl-b dl{bottom:40px}
}