/*.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-active a{}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}

.gywm{height:100vh;color:#333;}
.gywm a{display:block;position:relative;color:#333;}
.gywm a *{transition:all 0s!important}
.gywm a h4{overflow:hidden;height:100vh;}
.gywm a h4 img{display:block;width:100%;}
.gywm a dl{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%;padding:150px 30px 0;}
.gywm a dl h5{font-size:26px;text-transform:uppercase;margin-bottom: 100px;}
.gywm a dl h5 img{margin-right:25px;}
.gywm a dl h3{text-align:center;font-size:30px;padding-bottom: 40px;border-bottom:2px solid #828d92;position:relative;margin-bottom: 40px;}
.gywm a dl h3 i{display:block;position:absolute;bottom:-2px;left:calc(50% - 40px);width:80px;height:2px;background:#333;}
.gywm a dl dt{font-size: 14px;line-height: 24px;}
.gywm a dl dt .div1{font-size:16px;line-height:48px;margin-top:-15px;}
.gywm a dl dt p{}
.gywm a dl dt p em:nth-child(1){display:block;width:65px;text-decoration:none;list-style:none;font-style:normal;}
.gywm a dl dt p em:nth-child(2){width:calc(100% - 65px);display:block;text-decoration:none;list-style:none;font-style:normal;}
.gywm a dl>i{width:160px;height:40px;border-radius:40px;border:1px solid #333;position:absolute;left:calc(50% - 80px);bottom:100px;padding:0 29px;}
.gywm a dl>i img{transition:all 0s!important;}
.gywm a dl dd{position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--colors);z-index:-1;transition:all 0.5s!important}
.gywm a{color:#fff;}
.gywm a h5 img,.gywm a dl>i img{filter: brightness(0) invert(1);}
.gywm a dl h3{border-color:rgba(255, 255, 255, 0.5);}
.gywm a dl h3 i{background:#fff;}
.gywm a dl>i{border-color:#fff;}
.gywm a:hover dd{height:100%;}

.cpzx{padding:40px 20px 0 20px;}
.cpzx-t{margin-bottom:50px;position:relative;}
.cpzx-t dt{color:#333;}
.cpzx .cpzx-t dt{color:#fff;width: 30%;}
.cpzx-t dt h3{font-size:36px;margin-bottom:30px;}
.cpzx-t dt h4{font-size:16px;line-height: 1.2;}
.cpzx-t dd{width:900px;/* position:absolute; *//* left:calc(50% - 450px); */bottom:0;font-size:18px;}
.cpzx-t dd a{color:#fff;height:60px;width: 148px;}
.cpzx-t dd a.active{background:var(--colors);color:#fff;}
.cpzx-t>a{width:140px;height:40px;border-radius:40px;border:1px solid #bbb;color:#333;padding:0 17px 0 29px;background: #fff;}
.cpzx-t>a img{transition:all 0s!important;}
.cpzx-t>a:hover{background:var(--colors);border-color:var(--colors);color:#fff;}
.cpzx-t>a:hover img{filter: brightness(0) invert(1);}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;opacity:0;z-index:1;transition:all 0.5s;left:0;top:0;width:100%;}
.cpzx-b2.active{position:relative;opacity:1;z-index:2;}
.cpzx-b2>div{width:calc(100% + 20px);margin-left:-10px;}
.cpzx-b dl{/* border:1px solid #bbb; */transition:all 0.5s;margin:10px;background: var(--colors);color: #fff;}
.cpzx-b dl h4{overflow:hidden;background:#fff;position:relative;}
.cpzx-b dl h4 img{display:block;width:100%;}
.cpyj{position:absolute;right: 20px;bottom: 20px;width: 250px;height: 26px;background:url(../images/cpzx-tb6.png)no-repeat center;opacity:0.5;background-size: 100px;}
.cpzx-b dl ul{padding:40px 40px 48px;}
.cpzx-b dl ul h3{color: #fff;font-size:20px;margin-bottom:30px;}
.cpzx-b dl ul h3 a{color: #fff;}
.cpzx-b dl ul h3 a:hover{/* color:var(--colors); */text-decoration: underline;}
.cpzx-b dl ul dt{font-size:16px;margin-bottom:30px;}
.cpzx-b dl ul dt a{color: #fff;}
.cpzx-b dl ul dt a img{margin-right:8px;filter: brightness(0) invert(1);}
.cpzx-b dl ul dt a:nth-child(1){margin-right:30px;}
.cpzx-b dl ul dt a:hover{/* color:var(--colors); */text-decoration: underline;}
.cpzx-b dl ul dt a:hover img{}
.cpzx-b dl ul p{font-size:16px;line-height: 30px;height: 60px;margin-bottom: 25px;}
.cpzx-b dl ul>a{width:170px;height:50px;border-radius:50px;border: 1px solid #fff;font-size: 14px;color:#333;background: #fff;}
.cpzx-b dl ul>a:hover{color:var(--colors);}
.cpzx-b dl:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}

.cgal{padding-top:120px;}
.cgal-b{}
.cgal-b>div{width:147.91666666666667%;margin-left:-23.958333333333337%;}
.cgal-b a{display:block;position:relative;}
.cgal-b a h4{overflow:hidden;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.cgal-b a dl dt{background:#fff;width:200px;height:200px;padding:40px 10px 0px;text-align:center;}
.cgal-b a dl dt h5{margin-bottom:25px;}
.cgal-b a dl dt h3{font-size:30px;color:#333;}
.cgal-b a:hover h4 img{}

.hyyy{color:#fff;position:relative;overflow:hidden;}
.hyyy .cpzx-t{position:absolute;left:20px;top:140px;z-index:3;}
.hyyy .cpzx-t dt{color:#fff;}
.hyyy-t{position:relative;}
.hyyy-t p{position:absolute;opacity:0;z-index:1;transition:all 0.5s;left:0;top:0;width:100%;height:100vh;}
.hyyy-t p.active{position:relative;opacity:1;z-index:2;}
.hyyy-b{position:absolute;width:1300px;bottom:80px;text-align:center;left:calc(50% - 650px);z-index:3;}
.hyyy-b a{width:20%;padding:47px 0 30px;color:#fff;}
.hyyy-b a.active{background:rgba(4, 129, 186, 0.4);}
.hyyy-b a h5{height:80px;}
.hyyy-b a h3{font-size:24px;margin-bottom:18px;}
.hyyy-b a p{font-size: 14px;line-height: 130%;margin-bottom:40px;}
.hyyy-b a i{display:block;width:40px;height:2px;background:#fff;}

.xwzx{padding-top:120px;height:100vh;background:#f7f8f9;}
.xwzx-b{}
.xwzx-b>div{width:calc(100% + 20px);margin-left:-10px;}
.xwzx-b a{display:block;background:#fff;margin:10px;color:#333;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;height: 247px;object-fit: contain;}
.xwzx-b a dl{padding:26px 28px 50px;}
.xwzx-b a dl h3{font-size:24px;margin-bottom:20px;}
.xwzx-b a dl h5{font-size:18px;margin-bottom:35px;}
.xwzx-b a dl p{font-size:16px;line-height:30px;margin-bottom:43px;height:90px;}
.xwzx-b a dl i{width:170px;height:50px;border-radius:50px;border:1px solid #bbb;font-size:18px;}
.xwzx-b a:hover{}
.xwzx-b a:hover img{transform:scale(1.1);}
.xwzx-b a:hover i{background:var(--colors);border-color:var(--colors);color:#fff;}
.xwzx-b a:hover h3{color:var(--colors);}

@media(max-width:1500px){
    .hyyy-b{width:1200px;left:calc(50% - 600px)}
}
@media screen and (max-width:1200px){
    .gywm a dl dt .div1{line-height:30px;}
    .gywm a h4 img{margin:-130px 0;}
    .gywm a dl>i{bottom:40px;}
    .cpzx-t{justify-content:flex-end;}
    .cpzx-t dd{width:100%;position:relative;left:0;}
    .cpzx-t dd a{width:calc(100% / 3);height:40px;}
    .cpzx-b dl ul>a{width:150px;height:40px;}
    .hyyy-t p img{max-width: 300%!important;margin-left: -100%;}
    .hyyy .cpzx-t{top:20px}
    .hyyy-b{left:15px;bottom:20px;}
    .hyyy-b a{width:50%;}
    .cgal-b a dl dt{height:140px;padding-top:20px;}
    .xwzx-b a dl p{height:72px;}
}