/*.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:var(--colors);}

.sdxt{margin:140px auto 80px auto;}
.sybt{text-align:center;margin-bottom:67px;color:#393939;}
.sybt h3{font-size:41px;margin-bottom:20px;}
.sybt h4{font-size:18px;}
.sdxt-b{text-align:center;}
.sdxt-b a{display:block;position:relative;width:calc((100% - 96px) / 3);position:relative;}
.sdxt-b a h4{overflow:hidden;}
.sdxt-b a h4 img{display:block;width:100%;}
.sdxt-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0, 0, 0, 0.5);}
.sdxt-b a dl .div1{width:323px;max-width:90%;color:#fff;overflow:hidden;}
.sdxt-b a dl .div1 h3{font-size:28px;margin-bottom:45px;}
.sdxt-b a dl .div1 dt{margin-bottom:-298px;}
.sdxt-b a dl .div1 dt p{font-size:18px;line-height:30px;margin-bottom:53px;}
.sdxt-b a dl .div1 dt h5{width:180px;height:60px;border-radius:60px;border:1px solid #fff;font-size:18px;color:#fff;}
.sdxt-b a:hover dl{background:rgba(28, 157, 90, 0.96);}
.sdxt-b a:hover dl dt{margin-bottom:0;}

.gywm{background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm-l{width:44.583333333333336%;}
.gywm-l>h3{font-size:44px;color:#393939;margin-bottom:25px;}
.gywm-l>h4{color:#393939;font-size:20px;margin-bottom:60px;}
.gywm-l p{font-size:16px;line-height:34px;color:#5f5f5f;margin-bottom:70px;}
.gywm-l .div1{width:620px;max-width:100%;margin-bottom:60px;}
.gywm-l .div1 dl{}
.gywm-l .div1>i{width:1px;height:89px;background:rgba(0, 0, 0, 0.1);}
.gywm-l .div1 dl h3{color:var(--colors);font-size:16px;margin-bottom:25px;}
.gywm-l .div1 dl h3 i{line-height:100%;font-size:39px;}
.gywm-l .div1 dl h5{font-size:16px;}
.gywm-l a{width:180px;height:60px;border-radius:60px;font-size:18px;color:#fff;border:1px solid var(--colors);}
.gywm-r{width:50%;overflow:hidden;position:relative;}
.gywm-r>img{display:block;width:100%;}
.gywm-r dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.42);z-index:2;}
.gywm-r dl dt{width:66px;height:66px;border-radius:66px;background:#fff;position:relative;z-index:2;}
.gywm-r dl dt::before, .gywm-r dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0;z-index:-1;}
.gywm-r dl dt::before{animation: scale 2s infinite; }
.gywm-r dl dt::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.5); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(2.5);opacity:0;}}

.ryzz{margin:110px auto 150px auto;}
.ryzz-b{position:relative;}
.ryzz-b .swiper-wrapper{}

.ryzz-b a{display:block;}
.ryzz-b a img{display:block;width:100%;}
.ryzz-b a:hover img{}
.ryzz-b .swiper-button-next{width:62px;height:62px;right:0;transition:all 0.5s;background:url(../images/r.png);}
.ryzz-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.ryzz-b .swiper-button-prev{width:62px;height:62px;left:0;transition:all 0.5s;background:url(../images/l.png);}
.ryzz-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

.cpzx{padding:100px 0 110px;background:url(../images/cpzx-bj.jpg)no-repeat center;background-size:cover;}
.cpzx-b{}
.cpzx-b a{display:block;position:relative;text-align:center;color:#6a6a6a;padding-top:75px;background:#fff;}
.cpzx-b a h5{font-size:16px;margin-bottom:24px;}
.cpzx-b a h3{font-size:20px;margin-bottom:40px;color:#000}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a dl{position:absolute;left:0;bottom:0;width:100%;height:0;overflow:hidden;background:rgba(6, 142, 70, 0.92);color:#fff;}
.cpzx-b a dl h5{padding-top:75px;}
.cpzx-b a dl h3{color:#fff;margin-bottom:80px;}
.cpzx-b a dl p{width:240px;font-size:16px;line-height:32px;margin-bottom:60px;}
.cpzx-b a dl i{width:180px;height:60px;border-radius:60px;font-size:18px;color:#fff;border:1px solid #fff;width:180px;height:60px;border-radius:60px;font-size:18px;color:#fff;border:1px solid #fff;}
.cpzx-b a:hover dl{height:100%;}

.cgal{position:relative;}
.cgal-t{position:relative;}
.cgal-t p{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s;}
.cgal-t p.active{position:relative;opacity:1;z-index:2;}
.cgal-t p img{display:block;width:100%;}
.cgal-b{position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.53);z-index:3;}
.cgal-b .div1{text-align:center;height:86.75115207373272%;}
.cgal-b .div1 a{width:25%;border-left:2px solid rgba(255, 255, 255, 0.17);height:100%;padding-bottom: 5%;color:#fff;}
.cgal-b .div1 a:last-child{border-right:2px solid rgba(255, 255, 255, 0.17);}
.cgal-b .div1 a dl{width:100%;}
.cgal-b .div1 a dl h5{height:85px;}
.cgal-b .div1 a dl h5 img{filter: brightness(0) invert(1);transition:all 0s!important;}
.cgal-b .div1 a dl dt{position:relative;}
.cgal-b .div1 a dl dt h3{font-size:36px;margin-bottom:16px;}
.cgal-b .div1 a dl dt h4{font-size:20px;text-transform:uppercase;}
.cgal-b .div1 a dl dt p{position:absolute;left:-2px;top:0;width: 2px;height:0;background:var(--colors2);}
.cgal-b .div1 a dl .div3{overflow:hidden;}
.cgal-b .div1 a dl dd{margin-bottom:-295px;margin-top: 38px;}
.cgal-b .div1 a dl dd .div2{font-size:18px;line-height:30px;margin-bottom:47px;}
.cgal-b .div1 a dl dd i{
    width: 180px;
    height:60px;
    border-radius:60px;
    font-size:18px;
    color:#fff;
    border:1px solid var(--colors);
}
.cgal-b .div1 a.active h5 img{filter:inherit;}
.cgal-b .div1 a.active dl dt{background: linear-gradient(to right, var(--colors2), var(--colors2), var(--colors2), var(--colors3), var(--colors3));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cgal-b .div1 a.active dl dt p{height: 92px;}
.cgal-b .div1 a.active dd{margin-bottom: 0;}
.cgal .swiper-pagination-bullet{background:#fff;opacity:1;}
.cgal .swiper-pagination-bullet-active{background:var(--colors2);}

.xwzx{padding: 100px 0 100px;background:url(../images/xwzx-bj.jpg)no-repeat center;background-size:cover;}
.xwzx-t{margin-bottom:60px;font-size:18px;width:660px;}
.xwzx-t a{width: 180px;height:60px;border-radius:60px;color:var(--colors);border:1px solid var(--colors);}
.xwzx-t a.active{background-image:var(--jb);color:#fff;}
.xwzx-b{position:relative;}
.xwzx-b2{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s;}
.xwzx-b2.active{position:relative;opacity:1;z-index:2;}
.xwzx-b a{height:93px;border-bottom:1px solid #e6e6e6;color:#393939;padding-right:40px;border-bottom:1px solid #e6e6e6;width:46.25%;}
.xwzx-b a h4{font-size:16px;color:#c7c7c7;}
.xwzx-b a h4 i{font-size:26px;line-height:100%;color:var(--colors);}
.xwzx-b a h3{font-size:18px;transition:all 0s;width:70%;}
.xwzx-b a h5{opacity:0;}
.xwzx-b a:hover{color:var(--colors);}
.xwzx-b a:hover h5{opacity:1;}

@media(min-width:1200px){
    .ryzz-b .swiper-slide{transform-style: preserve-3d;perspective: 1000px;}
    .ryzz-b .a1{transform: translate3d(50px, 0px, -100px) rotateX(0deg) rotateY(30deg) scale(0.8);}
    .ryzz-b .a2{transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(40deg) scale(0.8);}
    .ryzz-b .a3{transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1);}
    .ryzz-b .a4{transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(-40deg) scale(0.8);}
    .ryzz-b .a5{transform: translate3d(-50px, 0px, -100px) rotateX(0deg) rotateY(-30deg) scale(0.8);}
}
@media screen and (max-width:1200px){
    .sdxt-b a dl .div1 dt h5,.gywm-l a,.cpzx-b a dl i,.cgal-b .div1 a dl dd i{width:150px;height:45px;}
    .cpzx-b a h4 img{margin:-10% 0}
    .cgal-b .div1{height:100%;}
    .cgal-b .div1 a{border:none!important}
    .cgal-b .div1 a dl dt h4{margin-bottom:20px;}
    .cgal-b .div1 a dl h5 img{filter:inherit;}
    .cgal-b .div1 a dl dt{background: linear-gradient(to right, var(--colors2), var(--colors2), var(--colors2), var(--colors3), var(--colors3));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .xwzx-b a h3{width:calc(100% - 40px)}
    .xwzx-t a{width:calc((100% - 20px) / 3);height:45px;}
}