/*.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%;width:100%;text-align:center;color:#fff;}
.banner .swiper-slide a dl h3{font-size:48px;margin-bottom:20px;}
.banner .swiper-slide a dl h4{font-size:24px;margin-bottom:20px;}
.banner .swiper-slide a dl p{width:120px;height:40px;border-radius:40px;background:var(--colors);font-size:16px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a dl{}
.banner .swiper-slide-active a dl h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a dl h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a dl p{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{bottom:30px}
.banner .swiper-pagination-bullet{background:none;border:1px solid #7b8792;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.cpzx{padding:97px 0 77px 0;background:url(../images/cpzx-bj.jpg)no-repeat center;background-size:cover;}
.sybt{text-align:center;margin-bottom:50px;}
.sybt h3{font-size:36px;margin-bottom:20px;}
.sybt p{color:#666;font-size:16px;}
.cpzx-t{position:relative;z-index:1;margin-bottom:70px;overflow:hidden;}
.cpzx-t>h5{position:absolute;z-index:-1;left:0;top:0;width:100%;height: 54%;background:url(../images/cpzx-tb.png)no-repeat center;}
.cpzx-t2{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0.5s;}
.cpzx-t2.active{position:relative;z-index:2;opacity:1;}
.cpzx-t a{display:block;position:relative;}
.cpzx-t a h4{text-align:center;}
.cpzx-t a h4 img{}
.cpzx-t a dl{position:absolute;right:0;bottom:24px;width:28.81944444444444%}
.cpzx-t a dl h3{font-size:30px;color:var(--colors);margin-bottom:18px;}
.cpzx-t a dl p{color:#666;font-size:16px;margin-bottom:25px;}
.cpzx-t a dl h5{width:120px;height:40px;color:#fff;font-size:16px;background:var(--colors);border-radius:40px;}
.cpzx-t .swiper-button-next{width:60px;height:60px;background:url(../images/r.png);right:65px;transition:all 0.5s;top:30%;}
.cpzx-t .swiper-button-next:hover{background:url(../images/r-1.png);}
.cpzx-t .swiper-button-prev{width:60px;height:60px;background:url(../images/l.png);left:65px;transition:all 0.5s;top:30%;}
.cpzx-t .swiper-button-prev:hover{background:url(../images/l-1.png);}
.cpzx-b{position:relative;z-index:2;font-size:16px;}
.cpzx-b i{position:absolute;left:0;top:9px;width:100%;height:1px;background:#e5e5e5;z-index:-1;display:block;}
.cpzx-b a{color:#666;width:clac(100% / 6);}
.cpzx-b a h5{width:18px;height:18px;border-radius:18px;background:#fff;border:1px solid #d3d3d4;margin-bottom:20px;}
.cpzx-b a h5 p{width:8px;height:8px;border-radius:8px;background:#bfbfbf;}
.cpzx-b a.active{color:var(--colors);}
.cpzx-b a.active h5{border-color:var(--colors);background:var(--colors);}
.cpzx-b a.active h5 p{background:#fff;}

.gywm{margin:85px auto 125px auto;}
.gywm-t{margin-bottom:70px;}
.gywm-t dl{width:200px;}
.gywm-t dl dt{height:56px;margin-bottom:23px;}
.gywm-t dl dt i{width:80px;display:block;}
.gywm-t dl dt h3{width:calc(100% - 80px);font-size:24px;}
.gywm-t dl p{font-size:16px;line-height:24px;color:#666;}
.gywm-t dl:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.gywm-b{}
.gywm-l{border-radius:20px;overflow:hidden;width:50%;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:calc(50% - 70px);}
.gywm-r dl{position:relative;padding-bottom:26px;border-bottom:1px solid #e5e5e5;z-index:2;margin-bottom:50px;}
.gywm-r dl h3{position:absolute;left:0;bottom:-10px;z-index:-1;font-size:100px;color:#f7f7f7;font-style:italic;text-transform:uppercase;}
.gywm-r dl h4{font-size:30px;margin-right:20px;}
.gywm-r dl img{}
.gywm-r dl h5{position:absolute;left:0;bottom:-2px;width:90px;height:3px;background:var(--colors);}
.gywm-r .div1{color:#666;font-size:16px;line-height:30px;margin-bottom:48px;}
.gywm-r a{width:120px;height:40px;border-radius:40px;background:var(--colors);color:#fff;font-size:16px;}
.gywm-r a:hover{}

.qyys{background:#edf2f6;padding:100px 0;overflow:hidden;}
.qyys-b{margin-bottom:40px;}
.qyys-b>div{overflow:inherit;}
.qyys-b a{background:#fff;border-radius:20px;padding:35px 60px 35px 40px;}
.qyys-b a h4{width:43.37078651685393%;border-radius:20px;overflow:hidden;}
.qyys-b a h4 img{display:block;width:100%;}
.qyys-b a dl{width:49.43820224719101%;padding-top:45px;}
.qyys-b a dl h3{font-size:24px;line-height:36px;margin-bottom:30px;}
.qyys-b a dl h5{width:50px;height:1px;background:var(--colors);margin-bottom:43px;}
.qyys-b a dl p{font-size:16px;line-height:30px;color:#666;}
.qyys-b a:hover img{transform:scale(1.1);}
.qyys-t{}
.qyys-t a{width:60px;height:61px;display:block;margin-right:15px;}
.qyys-t .a1{background:url(../images/l2.png);}
.qyys-t .a1:hover{background:url(../images/l2.png);}
.qyys-t .a2{background:url(../images/r2.png);}
.qyys-t .a2:hover{background:url(../images/r2-1.png);}

.xwzx{margin:90px auto;}
.xwzx-b{width:calc(100% + 20px);margin-left:-10px;}
.xwzx-b a{display:block;border-radius:20px;overflow:hidden;background:#fff;margin: 0px 10px 20px 10px;position: relative;}
.xwzx-b a .dl1{background:#fff;}
.xwzx-b a .dl1 dt{color:#fff;position:relative;}
.xwzx-b a .dl1 dt h4{overflow:hidden;}
.xwzx-b a .dl1 dt h4 img{display:block;width:100%;}
.xwzx-b a .dl1 dt .div1{position:absolute;left:30px;bottom:60px;}
.xwzx-b a .dl1 dt .div1 h3{font-size:36px;margin-bottom: 7px;}
.xwzx-b a .dl1 dt .div1 h5{font-size:16px;}
.xwzx-b a .dl1 dd{border-radius:30px;background:#fff;position:relative;z-index:2;margin-top:-33px;padding:45px 30px 50px 30px;color:#000;}
.xwzx-b a .dl1 dd h3{font-size:24px;margin-bottom:33px;}
.xwzx-b a .dl1 dd h5{border-bottom: 1px solid transparent;
    border-image: repeating-linear-gradient(90deg, #e5e5e5 0, #e5e5e5 7px, transparent 7px, transparent 8px) 1;margin-bottom:28px;}
.xwzx-b a .dl1 dd p{font-size:16px;line-height:24px;margin-bottom:33px;height:72px;}
.xwzx-b a .dl1 dd i{width:120px;height:40px;border-radius:40px;background:var(--colors);color:#fff;font-size:16px;}
.xwzx-b a .dl2{position:absolute;left:0;top:100%;width:100%;background:#fff;z-index:2;padding: 24px 30px 36px 30px;}
.xwzx-b a .dl2 dd{color:#000;margin-bottom:45px;}
.xwzx-b a .dl2 dd .div1{color:var(--colors);margin-bottom: 12px;}
.xwzx-b a .dl2 dd .div1 h3{font-size:36px;margin-bottom: 7px;}
.xwzx-b a .dl2 dd .div1 h5{font-size:16px;}
.xwzx-b a .dl2 dd>h3{font-size:24px;margin-bottom:33px;}
.xwzx-b a .dl2 dd>h5{border-bottom: 1px solid transparent;
    border-image: repeating-linear-gradient(90deg, #e5e5e5 0, #e5e5e5 7px, transparent 7px, transparent 8px) 1;margin-bottom:28px;}
.xwzx-b a .dl2 dd>p{font-size:16px;line-height:24px;height:72px;}
.xwzx-b a .dl2 dt{border-radius:20px;position:relative;overflow:hidden;}
.xwzx-b a .dl2 dt img{display:block;width:100%;}
.xwzx-b a .dl2 dt i{width:120px;height:40px;border-radius:40px;background:var(--colors);color:#fff;font-size:16px;position:absolute;left:30px;bottom: 15px;}
.xwzx-b a:hover{box-shadow:0 10px 10px rgba(212, 212, 212, 0.3);}
.xwzx-b a:hover .dl1{opacity:0;}
.xwzx-b a:hover .dl2{top:0;}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px}
    .cpzx-t a dl{bottom:0;position:relative;}
    .gywm-t dl{width:calc(50% - 5px);}
    .gywm-r dl h3{font-size:50px;bottom:0}
    .xwzx-b a{box-shadow:0 10px 10px rgba(212, 212, 212, 0.3);}
    .xwzx-b a .dl1 dt .div1{left:20px;}
    .xwzx-b a:hover .dl1{opacity:1;}
    .xwzx-b a:hover .dl2{top:100%;}
}