/*.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{bottom:37px;}
.banner .swiper-button-next{width:25px;height:39px;right:5%;background:url(../images/r.png);}
.banner .swiper-button-prev{width:25px;height:39px;left:5%;background:url(../images/l.png);}
.banner .swiper-pagination-bullet{background:rgba(255, 255, 255, 0.62);opacity:1;}
.banner .swiper-pagination-bullet-active{background:#fff;}

.cpzx{margin:85px auto;}
.sybt{text-align:center;margin-bottom:50px;}
.sybt h5{height:42px;border-radius:42px;border:2px solid #c9c9c9;padding:0 20px;font-size:20px;margin-bottom:25px;}
.sybt h5 img{margin-right:8px;}
.sybt h3{font-size:36px;}
.cpzx-t{font-size:18px;margin-bottom:80px;width:1200px;}
.cpzx-t a{color:#000;position:relative;padding-bottom:13px;/* width: 50%; */margin: 5px 5px;}
.cpzx-t a p{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--colors);}
.cpzx-t a.active{color:var(--colors);}
.cpzx-t a.active p{width:100%;}
.cpzx-b{position:relative;}
.cpzx-b dl{text-align:center;}
.cpzx-b dl dt{position:relative;z-index:2;margin-bottom:70px;}
.cpzx-b dl dt h3{position:absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);font-size: 90px;color:#eee;z-index:-1;}
.cpzx-b dl dt h4{}
.cpzx-b dl dt h4 img{}
.cpzx-b dl ul{margin-bottom:60px;}
.cpzx-b dl ul li{}
.cpzx-b dl ul li h5{font-size:24px;margin-bottom:18px;background: linear-gradient(to bottom right,#50bec6, #1e5ba9);-webkit-background-clip: text;background-clip: text;color: transparent;}
.cpzx-b dl ul li p{font-size:18px;}
.cpzx-b dl ul i{display:block;width:1px;background:#dedede;height:34px;margin:10px 70px 0;}
.cpzx-b dl ul i:last-child{display:none;}
.cpzx-b dl a{width:160px;height:48px;border-radius:48px;background:#f0f0f0;color:#000;font-size:16px;padding:0 7px 0 20px;}
.cpzx-b dl a i{width:38px;height:38px;border-radius:38px;background:var(--colors);}
.cpzx-b dl a i img{transition:all 0s!important;filter: brightness(0) invert(1);}
.cpzx-b dl a:hover{background:var(--colors);color:#fff;}
.cpzx-b dl a:hover i{background:#fff;}
.cpzx-b dl a:hover i img{filter:inherit;}
.cpzx-b .swiper-button-next{width:48px;height:48px;right:0;background:url(../images/r2.png);transition:all 0.5s;top: 25%;}
.cpzx-b .swiper-button-next:hover{background:url(../images/r2-1.png);}
.cpzx-b .swiper-button-prev{width:48px;height:48px;left:0;background:url(../images/l2.png);transition:all 0.5s;top: 25%;}
.cpzx-b .swiper-button-prev:hover{background:url(../images/l2-1.png);}

.gywm{padding:100px 0;color:#fff;background:url(../images/gywm-bj.jpg)no-repeat center;}
.gywm .sybt{margin-bottom:135px;}
.gywm-t{width:1150px;font-size:18px;line-height:36px;margin-bottom:170px;text-align:center;}
.gywm-b{width:160px;height:48px;border-radius:48px;background:#f0f0f0;color:#000;font-size:16px;padding:0 7px 0 20px;}
.gywm-b i{width:38px;height:38px;border-radius:38px;background:var(--colors);}
.gywm-b i img{transition:all 0s!important;filter: brightness(0) invert(1);}
.gywm-b:hover{background:var(--colors);color:#fff;}
.gywm-b:hover i{background:#fff;}
.gywm-b:hover i img{filter:inherit;}

.hyyy{padding: 75px 0;overflow:hidden;}
.hyyy-t{margin-bottom:40px;}
.hyyy-t dt{width:150px;font-size:16px;}
.hyyy-t dt .i2{color:#888;}
.hyyy-t dt .swiper-pagination{position:relative;width:100px;margin:0;top:auto;height:3px;background:#ccc;}
.hyyy-t dt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--colors);}
.hyyy-t dd{width:90px;}
.hyyy-t dd p{cursor:pointer;}
.hyyy-t dd p img{display:block;}
.hyyy-t dd h5{width:2px;height:13px;background:#ededed;}
.hyyy-b{width:130.20833333333333%;margin-left:-15.104166666666663%;}
.hyyy-b a{display:block;position:relative;color:#fff;}
.hyyy-b a h4{overflow:hidden;}
.hyyy-b a h4 img{display:block;width:100%}
.hyyy-b a dl{position:absolute;left:0;top:0;width:100%;padding:70px 50px;}
.hyyy-b a dl h3{font-size:36px;margin-bottom:16px;}
.hyyy-b a dl p{font-size:16px;line-height:30px;margin-bottom:50px;}
.hyyy-b a dl h5{font-size:16px;}
.hyyy-b a dl h5 i{width:26px;height:18px;border-radius:8px;background:rgba(255, 255, 255, 0.28);margin-left:10px;}
.hyyy-b a:hover h4 img{transform:scale(1.1);}

.dcdz{/* margin:100px auto; */text-align:center;}
.dcdz-t{height:645px;background:url(../images/dcdz-bj.jpg)no-repeat center;margin-bottom:45px;position:relative}
.dcdz-t .div1{width:617px;height:477px;position:relative;}
.dcdz-t .div1 img{position:absolute;opacity: 1!important;}
.dcdz-t .div1 .img1{left:0;top:0;z-index:3;}
.dcdz-t .div1 .img2{left:40px;top:143px;z-index:2;}
.dcdz-t .div1 .img3{left:9px;bottom:0;z-index:1;}
.dcdz-t .div1 dl{position:absolute;z-index: 5;}
.dcdz-t .div1 dl dt{position:relative;width:16px;height:16px;z-index:2;border-radius:16px;transition: all 0.5s;background:#ff0000;}
.dcdz-t .div1 dl dt p{width:4px;height:4px;border-radius:4px;background:#fff;}
.dcdz-t .div1 dl dt::before, .dcdz-t .div1 dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #ff0000;content: '';top:0;left:0;z-index:-1}
.dcdz-t .div1 dl dt::before{animation: scale 2s infinite; }
.dcdz-t .div1 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;}}
.dcdz-t .div1 dl dd{position:absolute;left:30px;text-align: left;top:-13px;border:2px solid #4ababb;background:rgba(0,0,0,0.6);padding:10px 24px 10px;border-radius:20px;color:#fff;transition: all 0.5s;}
.dcdz-t .div1 dl dd h3{font-size:16px;white-space: nowrap;}
.dcdz-t .div1 dl dd .div2{padding-top:10px;display:none;font-size:15px;line-height:19px;}
.dcdz-t .div1 .dl1{left:210px;top:137px;}
.dcdz-t .div1 .dl2{left:224px;top:310px;}
.dcdz-t .div1 .dl3{left:460px;top:250px;}
.dcdz-t .div1 dl:hover{z-index:10!important}

.dcdz-b{position:relative;}
.dcdz-b a{display:block;text-align:center;position:relative;z-index:2;width:calc(100% / 8);}
.dcdz-b a dl{padding:0 10px;margin-bottom:25px;}
.dcdz-b a dl dt{width:118px;height:70px;border-radius:10px;background:#4ababb;color:#fff;font-size:16px;max-width: 100%;margin-bottom:-95px;}
.dcdz-b a dl dd{width:165px;height:95px;border-radius:10px;background:var(--colors);color:#fff;font-size:16px;opacity:0;max-width:100%;}
.dcdz-b a dl dd .div1{}
.dcdz-b a dl dd .div1 h5{height:33px;}
.dcdz-b a dl dd .div1 h3{font-size:16px;}
.dcdz-b a i{width:16px;height:16px;border-radius:16px;background:#fff;border:4px solid #4ababb;margin-bottom:20px;display:block;}
.dcdz-b a h4{font-size:36px;color:#4ababb;}
.dcdz-b a span{position:absolute;display:block;z-index:-1;width:100%;height:2px;background:#4ababb;left:0;bottom:62px}
.dcdz-b a.active{}
.dcdz-b a.active dt{opacity:0;}
.dcdz-b a.active dd{opacity:1;}
.dcdz-b a.active i,.dcdz-b a.active2 i{border-color:var(--colors);}
.dcdz-b a.active h4,.dcdz-b a.active2 h4{color:var(--colors);}
.dcdz-b a.active span,.dcdz-b a.active2 span{background:var(--colors);}

.xwzx{background:#f0f0f0;padding:90px 0 110px;}
.xwzx-b{margin-bottom: 100px;}
.xwzx-b a{display:block;background:#fff;position:relative;}
.xwzx-b a h4{overflow:hidden;opacity:0;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;padding:30px 30px 35px;z-index:2;}
.xwzx-b a dl i{width:90px;height:32px;border-radius:32px;border:1px solid #fff;font-size:16px;margin-bottom:15px;background-image:linear-gradient(#49babc,var(--colors));color:#fff;}
.xwzx-b a dl h3{font-size:24px;line-height:36px;color:#000}
.xwzx-b a dl dt{position:absolute;left:0;bottom:0;width:100%;padding:0 30px 35px 30px;}
.xwzx-b a dl dt h5{font-size:16px;color:#666;margin-bottom:40px;}
.xwzx-b a dl dt span{width:40px;height:40px;border-radius:40px;background:#000;}
.xwzx-b a:hover h4{opacity:1;}
.xwzx-b a:hover dl{
    background: rgba(0,0,0,0.3);
}
.xwzx-b a:hover dl i{background:none;}
.xwzx-b a:hover dl h3{color:#fff;}
.xwzx-b a:hover dl dt h5{color:#fff;}
.xwzx-b a:hover dl dt span{background-image:linear-gradient(#49babc,var(--colors));}
.hzhb{position:relative;overflow: hidden;}
.hzhb-b{position:relative;overflow:hidden;}
.hzhb-b .u1{height:120px;position:relative;}
.hzhb-b ul{position:absolute;left:0;top:0;}
.hzhb-b ul li{margin:0 0px;width:208px;}
.hzhb-b ul li img{display:block;height:120px;}

@media(max-width:1600px){
    .xwzx-b a dl dt h5{margin-bottom:20px;}
}
@media(max-width:1500px){
    .xwzx-b a dl h3{font-size:20px;line-height:30px;}
    .xwzx-b a dl,.xwzx-b a dl dt{padding:20px}
}
@media(min-width:1200px){
    .dcdz-t .div1 dl:hover dd{width:355px;padding:25px 50px 40px 30px;top: 50%;-webkit-transform: translateY(-50%) translateX(0%);transform: translateY(-50%) translateX(0%);}
    .dcdz-t .div1 dl:hover dd .div2{display:block;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-b dl dt h4 img{width:200px;}
    .cpzx-b dl dt h3{font-size: 22px;position: relative;color: var(--colors);margin-bottom: -10px;margin-top: 20px;left: 0;top: 0;-webkit-transform: translateY(0%) translateX(0%);transform: translateY(0%) translateX(0%);}
    .dcdz-b a{width:calc(100% / 3);margin-bottom: 40px!important;}
    .dcdz-b a dl{margin-bottom:15px;}
    .dcdz-b a span{bottom:41px;}
    .hzhb-b .u1,.hzhb-b ul li img{height:60px;}
    .cpzx-b dl ul{margin-bottom:20px!important;}
    .hzhb-b ul li{width:100px;}
    .cpzx-b dl ul li{/* margin:0 5px; */display: flex;width: 100%;margin-bottom: 5px!important;justify-content: space-between;}
    .cpzx-b dl ul li h5{width:100px;line-height: 24px;margin-bottom: 0!important;}
    .cpzx-b dl ul li p{width:calc(100% - 100px);line-height: 24px;text-align:left;}
    .cpzx-t a{width: 100%;margin: 0;}
    .dcdz-t .div1{width:250px;height:200px}
    .dcdz-t .div1 .img1{left:0;top:0;z-index:3;}
    .dcdz-t .div1 .img2{left: 9px;top: 40px;z-index:2;}
    .dcdz-t .div1 .img3{left:9px;bottom:10px;z-index:1;}
    .dcdz-t .div1 dl{transform:scale(0.5)}
    .dcdz-t .div1 .dl1{left:50px;top:60px;}
    .dcdz-t .div1 .dl2{left:80px;top:140px;}
    .dcdz-t .div1 .dl3{left:220px;top:90px;}
    .dcdz-t .div1 dl:hover dt{transform:scale(2)}
}