/*.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:10%;z-index:3;text-align:center;color:#000;width:100%;}
.banner .swiper-slide a dl h3{font-size:42px;margin-bottom:25px;}
.banner .swiper-slide a dl h4{font-size:22px;margin-bottom:25px;}
.banner .swiper-slide a dl h5{width:164px;height:38px;border-radius:38px;background:var(--colors);color:#fff;font-size:18px;}
.banner .swiper-slide a dl h5:hover{background:var(--colors);}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{bottom:50px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);width:17px;border-radius:10px;}
.banner .a1{position:absolute;left:35px;width:36px;height:36px;border-radius:36px;z-index:10;top:calc(50% - 18px);opacity:0;transition:all 0.5s;background:rgba(255,255,255,0.2);cursor:pointer;}
.banner .a1:hover{background:rgba(255,255,255,0.5);}
.banner .a2{position:absolute;right:35px;width:36px;height:36px;border-radius:36px;z-index:10;top:calc(50% - 18px);opacity:0;transition:all 0.5s;background:rgba(255,255,255,0.2);cursor:pointer;}
.banner .a2:hover{background:rgba(255,255,255,0.5);}
.banner:hover .a1,.banner:hover .a2{opacity:1}

.cpzx{margin:85px auto 110px auto;}
.cpzx-t{text-align:center;margin-bottom:40px;}
.cpzx-t h3{font-size:36px;margin-bottom:35px;}
.cpzx-t p{font-size:20px;}
.cpzx-b{text-align:center;padding:0 65px;font-size:22px;}
.cpzx-b a{display:block;color:#000}
.cpzx-b a h4{width:81px;height:81px;background:var(--colors);border-radius:81px;margin-bottom:30px;}
.cpzx-b a:hover{color:var(--colors);}

.cpfl{}
.cpfl a{display:block;position:relative;overflow:hidden;text-align:center;}
.cpfl a img{display:block;width:100%;}
.cpfl a dl{position:absolute;z-index:2;left:0;top:9.615384615384616%;width:100%}
.cpfl a dl .w1{width:100%;text-align:center;color:#000;}
.cpfl a dl .w1 h3{font-size:36px;margin-bottom:27px;}
.cpfl a dl .w1 h4{font-size:18px;color:#1c1d1d;margin-bottom:30px;}
.cpfl a dl .w1 h5{width:164px;height:38px;border-radius:38px;border:1px solid #666666;color:#444444;font-size:18px;}
.cpfl a:hover dl .w1 h5{background:var(--colors);border-color:var(--colors);color:#fff;}
.cpfl .a1 dl{top:26.65706051873199%}
.cpfl .a1 dl>.w1{width:1200px;}
.cpfl .a1 dl dt{width:525px;}
.cpfl .a1 dl dt h3{font-size:42px;margin-bottom:25px;}
.cpfl .a2{margin-top:15px;width:calc(49.73958333333333% - 8px);}
.cpfl .a3{margin-top:15px;width:calc(50.26041666666667% - 8px);}

.cgal{background:#f0f0f0;margin: 80px auto;}
.cgal-l{width:18.229166666666666vw;}
.cgal-l a{width:10.208333333333333vw;display:block;height:100%;cursor:pointer;height:134px;}
.cgal-l a h4{height: calc(100% - 40px);margin-bottom: 4px;position:relative;overflow: hidden;}
.cgal-l a h4 p{position:absolute;width:100%;height:100%;left:0;top:0;border:3px solid var(--colors);opacity:0;}
.cgal-l a h3{font-size:18px;}
.cgal-l .my-slide-thumb-active a{}
.cgal-l .my-slide-thumb-active a h4 p{opacity:1;}
.cgal-r{width:77.91666666666667vw;}
.cgal-r a{display:block;width:100%;color:#000;position:relative;}
.cgal-r a img{display:block;}
.cgal-r a dl{position:absolute;left:87px;top:37px;width:720px;z-index:2;max-width:80%;}
.cgal-r a dl h3{font-size:35px;margin-bottom:15px;}
.cgal-r a dl p{color:#1b1b1b;font-size:22px;line-height:28px;}
.cgal-r .swiper-pagination-bullet{background:#fff;opacity:1;}
.cgal-r .swiper-pagination-bullet-active{background:var(--colors);width:17px;border-radius:10px;}

.gywm{background:#f4f4f4;}
.gywm-l{width:49.895833333333334%;overflow:hidden;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:50%;padding:0 14.0625% 0 5.520833333333333%;}
.gywm-r h3{font-size:36px;margin-bottom:30px;}
.gywm-r .div1{color:#333333;font-size:18px;line-height:30px;margin-bottom:40px;}
.gywm-r .div2{padding-right:5%;text-align:center;margin-bottom:60px;}
.gywm-r .div2 dl{}
.gywm-r .div2 dl dt{width:81px;height:81px;border-radius:81px;background:var(--colors);margin-bottom: 15px;}
.gywm-r .div2 dl dt img{width: 40px;}
.gywm-r .div2 dl:nth-child(2) dt img{width: 39px;}
.gywm-r .div2 dl:nth-child(3) dt img{width: 32px;}
.gywm-r .div2 dl dd{}
.gywm-r .div2 dl dd h3{font-size:42px;margin-bottom: 5px;}
.gywm-r .div2 dl dd h4{color:#333333;font-size:16px;}
.gywm-r a{width:165px;height:40px;border:1px solid #676767;color:#444444;font-size:18px;border-radius:40px;}
.gywm-r a:hover{border-color:var(--colors);color:#fff;background:var(--colors);}

.xwzx{margin:90px auto;}
.xwzx-t{font-size:36px;margin-bottom:40px;text-align:center;}
.xwzx-b{}
.xwzx-b a{display:block;background:#fff;margin:10px 5px;padding:40px 40px 45px 45px;border:1px solid #ebebeb;}
.xwzx-b a h4{overflow:hidden;margin-bottom:20px;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{}
.xwzx-b a dl h3{color:#333333;font-size:22px;line-height:26px;height:52px;margin-bottom:20px;}
.xwzx-b a dl h5{color:#333333;font-size:16px;margin-bottom:20px;}
.xwzx-b a dl h5 img{margin-right:8px;}
.xwzx-b a dl p{color:#666666;font-size:16px;line-height:22px;height:66px;margin-bottom:18px;}
.xwzx-b a dl i{color:#30bf78;}
.xwzx-b a dl i img{margin-left:10px;}
.xwzx-b a:hover{box-shadow:0 4px 12px rgba(0, 0, 0, 0.13);}
.xwzx-b a:hover h4 img{transform:scale(1.1);}

@media(max-width:1500px){
    .cpfl a dl{top:5%}
    .cpfl a dl .w1 h3{margin-bottom:15px;}
    .cpfl a dl .w1 h4{margin-bottom:15px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination,.cgal-r .swiper-pagination{bottom:10px;}
    .cgal-r .swiper-pagination{bottom:20px;}
    .cpzx-b a{width:50%}
    .cpfl a dl{position:relative;top:0!important}
    .cgal-r a dl{left:15px;top:15px;}
    .cgal-r a dl p{line-height:1.3;}
    .gywm-r .div2 dl dt{width:70px;height:70px;}
  .gywm-r .div2 dl dt img{transform:scale(0.8)}
}