/*.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;width:100%;bottom:0px;color:#fff;height:60%;padding-bottom:55px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5))}
.banner .swiper-slide a dl h3{font-size:30px;margin-bottom:28px;}
.banner .swiper-slide a dl p{font-size:18px;line-height:24px;width:50%;}
.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-button-next{width:80px;height:80px;right:4.6875%;background:url(../images/r.png);transition:all 0.5s;}
.banner .swiper-button-next:hover{background:url(../images/r-1.png);}
.banner .swiper-button-prev{width:80px;height:80px;left:4.6875%;background:url(../images/l.png);transition:all 0.5s;}
.banner .swiper-button-prev:hover{background:url(../images/l-1.png);}
.banner .swiper-pagination{text-align:right;bottom:60px}
.banner .swiper-pagination-bullet{background:none;border:1px solid #fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#fff;}

.cgal{padding:100px 0;overflow:hidden;}
.cgal-t{margin-bottom:54px;}
.cgal-t h3{color:#152b3c;font-size:30px;margin-bottom:30px;}
.cgal-t p{font-size:18px;line-height:24px;color:#444444;}
.cgal-b{}
.cgal-b>div{padding-bottom:70px;overflow:inherit;}
.cgal-b a{display:block;color:var(--colors);}
.cgal-b a .div1{position:relative;overflow:hidden;margin-bottom:30px;}
.cgal-b a .div1 h4{overflow:hidden;}
.cgal-b a .div1 h4 img{display:block;width:100%;}
.cgal-b a .div1 dl{position:absolute;left:0;top:100%;height:100%;width:100%;background:rgba(255, 255, 255, 0.85);padding:50px 37px 0 37px;}
.cgal-b a .div1 dl p{font-size:16px;line-height:24px;margin-bottom:40px;}
.cgal-b a .div1 dl i{height:60px;border-radius:60px;border:1px solid var(--colors);font-size:16px;}
.cgal-b a h5{color:#444444;font-size:14px;margin-bottom:22px;}
.cgal-b a h3{font-size:18px;line-height:24px;}
.cgal-b a:hover .div1 dl{top:0;}
.cgal-b .swiper-pagination{top:auto;bottom:0;height:1px;background:#e5e5e5;}
.cgal-b .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:3px;background:var(--colors);margin-top:-2px;}

.cpzx{margin-top:80px;}
.cpzx a{width:calc(50% - 10px);display:block;color:#fff;position:relative;margin-top:20px;overflow:hidden;}
.cpzx a h4{overflow:hidden;}
.cpzx a h4 img{display:block;width:100%;}
.cpzx a dl{position:absolute;left:0;bottom:0;width:100%;z-index:2;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.5));padding:40px 40px 50px;}
.cpzx a dl .div1{overflow:hidden;}
.cpzx a dl .div1 dt{
    margin-bottom: -163px;
}
.cpzx a dl .div1 dt h3{font-size: 24px;margin-bottom:25px;}
.cpzx a dl .div1 dt p{font-size:16px;line-height:24px;height:48px;margin-bottom:33px;}
.cpzx a dl .div1 dt h5{width:300px;height:60px;max-width:100%;background:#fff;color:var(--colors);font-size:16px;border-radius:60px;}
.cpzx a dl i{}
.cpzx a:hover .div1 dt{margin-bottom:0;}

.gywm{color:#fff;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;padding:120px 0 80px 0;position: relative;z-index: 2;}
.gywm-t{margin-bottom:380px;text-align:center;width:1080px;}
.gywm-t h3{font-size:30px;margin-bottom:38px;}
.gywm-t p{font-size:18px;line-height:24px;margin-bottom:45px;}
.gywm-t a{width:300px;height:60px;border-radius:60px;border:1px solid #fff;color:#fff;font-size:16px;}
.gywm-t a:hover{background:#fff;}
.gywm-b{}
.gywm-b dl{}
.gywm-b dl dt{width:80px;}
.gywm-b dl dt img{filter: brightness(0) invert(1);}
.gywm-b dl dd{}
.gywm-b dl dd h3{font-size:18px;margin-bottom:18px;}
.gywm-b dl dd h3 i{line-height:100%;font-size:36px;}
.gywm-b dl dd h3 span{padding-left:15px;}
.gywm-b dl dd h4{font-size:16px;}
.gywm-b dl:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.xwzx{margin:100px auto;}
.xwzx-l{width:50%;}
.xwzx-l a{width:calc(50% - 10px);background: #f9f9f9;display:block;position:relative;color:var(--colors);padding: 49px 30px;height:calc(50% - 10px);margin-bottom:15px;}
.xwzx-l a:nth-child(2){background:#f4f4f4;}
.xwzx-l a h3{font-size: 18px;line-height: 24px;}
.xwzx-l a p{line-height: 24px;margin-top: 20px;}
.xwzx-l a h5{font-size: 14px;position:absolute;left:30px;bottom: 43px;}
.xwzx-l a h5 img{margin-right: 15px;}
.xwzx-l a:nth-child(3){margin-bottom:0px;width:100%;padding: 52px 70px 44px 30px;}
.xwzx-l a:nth-child(3) img{}
.xwzx-r{width: calc(50% - 20px);}
.xwzx-r a{display:block;position:relative;display:block;color:#fff;}
.xwzx-r a h4{overflow:hidden;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a dl{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:60px 64px 45px 45px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));}
.xwzx-r a dl h3{font-size:18px;line-height: 24px;margin-bottom: 26px;}
.xwzx-r a dl h5{font-size: 14px;}
.xwzx-r a dl h5 img{margin-right:15px;filter: brightness(0) invert(1);}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx-r .swiper-pagination{text-align:right;bottom:50px;padding-right:40px;z-index:3;}
.xwzx-r .swiper-pagination-bullet{background:none;border:1px solid #fff;opacity:1;}
.xwzx-r .swiper-pagination-bullet-active{background:#fff;}

@media(min-width:1200px){
    .banner .swiper-pagination-bullet{margin-right:0!important;margin-left:20px!important;}
    .xwzx-r .swiper-pagination-bullet{margin-right:0!important;margin-left:20px!important;}
}
@media(max-width:1600px){
    .xwzx-l a:nth-child(3){padding: 40px 70px 44px 30px;}
}
@media(max-width:1500px){
    .cgal-b a .div1 dl{padding:20px;}
    .xwzx-l a:nth-child(3){padding: 30px 70px 44px 30px;}
    .xwzx-l a h5{bottom:20px}
}
@media screen and (max-width:1200px){
    .cpzx a dl .div1 dt{margin-bottom:0;}
    .cpzx a dl .div1 dt h5,.gywm-t a{width:150px;height:45px;}
    .xwzx-l a h5{position:relative;left:0;bottom:0}
    .banner .swiper-pagination{bottom:10px}
    .gywm-b dl{width:50%;display:block;}
    .gywm-b dl dd h3 span{padding-left:5px;}
    .gywm-b dl dt{height:50px;}
    .gywm>h5{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:-1;}
    .gywm-b dl dd h4{line-height:24px;}
    
}