/*.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);}
}
body{background:#f3f3f3;}
.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:30px;}
.banner .swiper-pagination-bullet{background:none;border:1px solid rgba(255, 255, 255, 0.5);opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.cpzx{margin:90px auto 80px auto;}
.sybt{text-align:center;text-transform:uppercase;font-size:40px;margin-bottom:50px;}
.cpzx-b{}
.cpzx-b a{display:block;border-radius:10px;overflow:hidden;background:#fff;margin:10px 5px;box-shadow:0 5px 10px rgba(222, 222, 222, 0.3);}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a dl{padding:45px 37px 33px 37px;transition:all 0s;}
.cpzx-b a dl h3{font-size:20px;color:#000;height: 55px;}
.cpzx-b a dl p{width:20px;height:20px;margin-left:auto;background:url(../images/cpzx-tb2.png);}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:hover h3{color:var(--colors);}

.zxcp{overflow:hidden;margin-bottom:100px;}
.zxcp-b{width:110%;margin-left:-5%;}
.zxcp-b a{display:block;border-radius:10px;overflow:hidden;background:#fff;margin:10px 5px;box-shadow:0 5px 10px rgba(222, 222, 222, 0.3);padding-bottom:45px;border:1px solid #eee}
.zxcp-b a h4{overflow:hidden;}
.zxcp-b a h4 img{display:block;width:100%}
.zxcp-b a dl{text-align:center;padding:0 10px;}
.zxcp-b a dl h3{color:#000;font-size:20px;margin-bottom:14px;height: 40px;}
.zxcp-b a dl p{color:#878787;}
.zxcp-b a:hover img{transform:scale(1.1);}
.zxcp-b a:hover h3{color:var(--colors);}

.jjfa{position:relative;z-index:2;color:#fff;}
.jjfa-l{width:28.125%;border-right:1px solid rgba(255, 255, 255, 0.2);padding:80px 0 128px 0;}
.jjfa-l h3{font-size:40px;margin-bottom:52px;text-transform:uppercase;}
.jjfa-l dl{border-top:1px solid rgba(255, 255, 255, 0.2);}
.jjfa-l dl a{height:83px;cursor:pointer;color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.jjfa-l dl a p{width:46px;}
.jjfa-l dl a.active{background:var(--colors);}
.jjfa-r{width:63.54166666666666%;}
.jjfa-r2{display:none;}
.jjfa-r2.active{display:inline-block;}
.jjfa-r h3{font-size:30px;margin-bottom:45px;}
.jjfa-r p{font-size:16px;line-height:30px;margin-bottom:50px;}
.jjfa-r a{width:185px;height:55px;border-radius:55px;border:2px solid #fff;color:#fff;font-size:16px;}
.jjfa-r a img{margin-left:20px;filter: brightness(0) invert(1);}
.jjfa-r a:hover{background:var(--colors);border-color:var(--colors);}
.jjfa-c{position:absolute;z-index:-1;width:100%;height:100%;}
.jjfa-c a{position:absolute;z-index:1;opacity:0;left:0;top:0;display:block;width:100%;height:100%;}
.jjfa-c a.active{z-index:2;opacity:1;}

.gywm{padding:110px 0 127px 0;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm-t{margin-bottom:60px;text-align:center;}
.gywm-t dl{}
.gywm-t dl h3{font-size: 16px;margin-bottom:25px;}
.gywm-t dl h3 i{line-height:100%;font-size:36px;padding-right:5px;}
.gywm-t dl h4{color:#878787;font-size:16px;}
.gywm-b{overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 5px 10px rgba(222, 222, 222, 0.3);}
.gywm-l{width:50%;padding:0 70px 0 90px;}
.gywm-l h3{font-size:30px;margin-bottom:40px;}
.gywm-l p{font-size:16px;line-height:30px;margin-bottom:50px;}
.gywm-l a{width:185px;height:55px;border-radius:55px;border:2px solid #000;font-size:16px;color:#000;}
.gywm-l a img{margin-left:20px;transition:all 0s!important;}
.gywm-l a:hover{background:var(--colors);border-color:var(--colors);color:#fff;}
.gywm-l a:hover img{filter: brightness(0) invert(1);}
.gywm-r{width:50%;overflow:hidden;}
.gywm-r img{display:block;width:100%;}
.gywm-r:hover img{transform:scale(1.1);}

.wmys{padding:95px 0 110px 0;background:#fff;}
.wmys-b{}
.wmys-b a{display:block;border-radius:10px;overflow:hidden;position:relative;margin-bottom:20px;color:#000}
.wmys-b a:hover>img,.wmys-b a:hover h4 img{transform:scale(1.05);}
.wmys-b .a1{width:64.42857142857142%;}
.wmys-b .a1 img{display:block;width:100%;}
.wmys-b .a1 dl{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;padding:60px 45px;}
.wmys-b .a1 dl h3{font-size:24px;margin-bottom:25px;}
.wmys-b .a1 dl p{font-size:16px;line-height:24px;width:480px;max-width:100%;}
.wmys-b .a2{width:34.285714285714286%;}
.wmys-b .a2 h4{overflow:hidden;}
.wmys-b .a2 h4 img{display:block;width:100%;}
.wmys-b .a2 .dl1{position:absolute;left:0;top:0;width:100%;height:calc(100% - 160px);z-index:2;}
.wmys-b .a2 .dl1 dt{width:70px;height:70px;border-radius:70px;position:relative;z-index:2;}
.wmys-b .a2 .dl1 dt img{}
.wmys-b .a2 .dl1 dt::before, .wmys-b .a2 .dl1 dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.wmys-b .a2 .dl1 dt::before{animation: scale 2s infinite; }
.wmys-b .a2 .dl1 dt::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.3); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(2.5);opacity:0;}}
.wmys-b .a2 .dl2{position:absolute;z-index:2;width:100%;left:0;bottom:0;background:url(../images/wmys-bj.png)no-repeat center bottom;padding:80px 43px 36px 43px;color:#fff;}
.wmys-b .a2 .dl2 h3{font-size:24px;margin-bottom:25px;}
.wmys-b .a2 .dl2 p{font-size:16px;line-height:24px;}
.wmys-b .a3{width:49.28571428571429%;}
.wmys-b .a3 img{display:block;}
.wmys-b .a3 dl{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;padding:60px 45px;}
.wmys-b .a3 h3{font-size:24px;margin-bottom:25px;}
.wmys-b .a3 p{font-size:16px;line-height:24px;width:480px;max-width:100%;}
.wmys-b .a4{width:49.28571428571429%;}
.wmys-b .a4>img{display:block;width:100%;}
.wmys-b .a4 dl{position:absolute;left:0;top:0;width:100%;height:calc(100% - 160px);z-index:2;color:#fff;padding:60px 45px;}
.wmys-b .a4 dl h3{font-size:24px;margin-bottom:25px;}
.wmys-b .a4 dl p{font-size:16px;line-height:24px;margin-bottom:30px;}
.wmys-b .a4 dl h5{width:185px;height:55px;border-radius:55px;border:2px solid #fff;font-size:16px;color:#fff;}
.wmys-b .a4 dl h5 img{margin-left:20px;transition:all 0s!important;filter: brightness(0) invert(1);}
.wmys-b .a4 dl h5:hover{background:var(--colors);border-color:var(--colors);}

.xwzx{background:#f3f3f3;padding:90px 0;}
.xwzx-b{position:relative;}
.xwzx-l{display:block;width:calc(50% - 10px);background:#fff;color:#000;border-radius:10px;overflow:hidden;border:1px solid #e5e5e5}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{padding: 52.5px 53px 52.5px 40px;transition:all 0s;}
.xwzx-l dl h3{width: 90%;font-size:24px;transition:all 0s;}
.xwzx-l dl h5{}
.xwzx-l:hover{color:var(--colors);}
.xwzx-l:hover h4 img{transform:scale(1.1);}
.xwzx-r{width:calc(50% - 10px);border:1px solid #e5e5e5;background:#fff;border-radius:10px;overflow:hidden;}
.xwzx-r a{border-bottom:1px solid #e5e5e5;padding:32px 50px 30px 39px;color:#000;}
.xwzx-r a:last-child{border:none;}
.xwzx-r a dt{width:123px;text-align:center;padding-right: 20px;}
.xwzx-r a dt h3{font-size:36px;margin-bottom:15px;}
.xwzx-r a dt h5{font-size:14px;}
.xwzx-r a h4{width: 30.051%;overflow:hidden;border-radius: 10px;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a dd{width:43%;}
.xwzx-r a dd p{font-size:20px;line-height:30px;}
.xwzx-r a:hover img{transform:scale(1.1);}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .zxcp-b a h4 img{margin:-10% 0}
    .jjfa-l dl a{height:50px;}
    .jjfa-r a,.gywm-l a,.wmys-b .a4 dl h5{width:160px;height:45px;}
    .gywm-t dl{width:50%}
}