/*.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 a>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:0;width:100%;height:100%;z-index:2;color:#fff;}
.banner .swiper-slide a dl dt{}
.banner .swiper-slide a dl dt h3{font-size:50px;margin-bottom:50px;color: var(--colors);}
.banner .swiper-slide a dl dt p{font-size:24px;line-height:40px;margin-bottom:80px;width:550px;}
.banner .swiper-slide a dl dt h5{width:183px;height:55px;border-radius:55px;background:var(--colors);font-size:16px;}
.banner .swiper-slide a dl dt h5 img{margin-left:30px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{bottom:20px;}
.banner .swiper-pagination-bullet{background:#9aa1a8;width:10px;height:10px;transition:all 0.5s;opacity:1;border-radius:10px;}
.banner .swiper-pagination-bullet-active{background:var(--colors);width:28px;}

.cpzx{padding:90px 0 100px;background:url(../images/cpzx-bj.jpg)no-repeat center;background-size:cover;}
.sybt{text-align:center;border-bottom:1px solid #e2e3e5;margin-bottom:55px;}
.cpzx .sybt{margin-bottom:35px;}
.sybt h3{font-size:32px;text-transform:uppercase;margin-bottom:25px;}
.sybt h4{font-size:16px;color:#666;margin-bottom:45px;}
.sybt h5{width:64px;height:5px;background:var(--colors);margin-bottom:-3px;}
.cpzx-t{margin-bottom:35px;}
.cpzx-t a{position:relative;margin:0 35px;height:37px;color:#333;}
.cpzx-t a p{position:absolute;left:0;bottom:0;height:2px;width:0%;background:var(--colors);}
.cpzx-t a.active{color:var(--colors);font-weight:bold;}
.cpzx-t a.active p{width:100%;}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s;}
.cpzx-b2.active{position:relative;opacity:1;z-index:2;}
.cpzx-b dl{background:#fff;border-radius:15px;overflow:hidden;}
.cpzx-b dl h4{overflow:hidden;}
.cpzx-b dl h4 img{display:block;width:100%;}
.cpzx-b dl dt{padding:28px 20px 40px;}
.cpzx-b dl dt .div1{color:#999;margin-bottom:40px;}
.cpzx-b dl dt .div1 p{height:24px;border-radius:5px;border:1px solid #adadad;margin:0 10px 5px 0;padding:0 13px;}
.cpzx-b dl dt .div2{}
.cpzx-b dl dt .div2 a{width:145px;height:45px;border-radius:45px;color:#fff;background:#434343;}
.cpzx-b dl dt .div2 a.a1{margin-right:10px;}
.cpzx-b dl dt .div2 a.a2,.cpzx-b dl dt .div2 a:hover{background:var(--colors);}

.cgal{margin:90px auto 110px auto}
.cgal-t{margin-bottom:35px;position:relative;}
.cgal-l{width:407px;height:100%;position:absolute;left:0;top:0;font-size:16px;z-index:3;}
.cgal-l .swiper-container{height:100%;}
.cgal-l .swiper-slide{height:calc(100% / 9);}
.cgal-l .swiper-slide a{height:100%;color:#333;padding-left:37px;}
.cgal-l .swiper-slide a p{opacity:0;width:50px;}
.cgal-l .swiper-slide-thumb-active a{background:var(--colors);color:#fff;}
.cgal-l .swiper-slide-thumb-active a p{opacity:1;}
.cgal-r{width:calc(100% - 343px);}
.cgal-r a{color:#fff;background:#293a49;}
.cgal-r a h4{width:64.99608457321848%;overflow:hidden;}
.cgal-r a h4 img{display:block;width:100%;}
.cgal-r a dl{width:35.00391542678152%;padding:68px 40px 0;position:relative;}
.cgal-r a dl h5{font-size:18px;margin-bottom:15px;}
.cgal-r a dl h3{font-size:24px;line-height:31px;margin-bottom:30px;}
.cgal-r a dl p{font-size:16px;line-height:24px;}
.cgal-r a dl dt{font-size:24px;right:0px;bottom:50px;padding:0 40px;position:absolute;width:100%;}
.cgal-r a dl dt span{}
.cgal-r a dl dt i{width:50px;height:50px;background:var(--colors);}
.cgal-b{text-align:center;position:relative;}
.cgal-b2{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0.5s;}
.cgal-b2.active{position:relative;z-index:2;opacity:1;}
.cgal-b a{display:block;border:1px solid #f0f0f0;color:#333;padding-bottom:30px;}
.cgal-b a h4{overflow:hidden;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a h3{font-size:14px;line-height:22px;}
.cgal-b a:hover{}
.cgal-b .swiper-button-next{width:10px;height:16px;right:-50px;background:url(../images/r.png);transition:all 0.5s;}
.cgal-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.cgal-b .swiper-button-prev{width:10px;height:16px;left:-50px;background:url(../images/l.png);transition:all 0.5s;}
.cgal-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

.gywm{padding-bottom:160px;}
.gywm-t{overflow:hidden;}
.gywm-t img{display:block;width:100%;}
.gywm .div1{background:url(../images/gywm-bj.jpg)no-repeat center top;}
.gywm-c{background:#fff;margin-top:-124px;box-shadow:0 0 9px rgba(0, 0, 0, 0.3);padding:65px 8.641975308641975% 60px 8.641975308641975%;color:#333;margin-bottom:50px;position:relative;z-index:2;}
.gywm-c h3{font-size:28px;text-align:center;margin-bottom:30px;}
.gywm-c dl{font-size:16px;line-height:30px;}
.gywm-b{padding:0 8.641975308641975%;margin-bottom:73px;text-align:center;}
.gywm-b dl{}
.gywm-b dl h3{color:var(--colors);font-size:18px;margin-bottom:20px;}
.gywm-b dl h3 i{font-size:70px;line-height:100%;}
.gywm-b dl h4{font-size:16px;color:#333;}
.gywm-b2{position:relative}
.gywm-b2 a{display:block;overflow:hidden;}
.gywm-b2 a img{display:block;width:100%;}
.gywm-b2 a:hover img{transform:scale(1.1);}
.gywm-b2 .swiper-button-next{width:10px;height:16px;right:-50px;background:url(../images/r.png);transition:all 0.5s;}
.gywm-b2 .swiper-button-next:hover{background:url(../images/r-1.png);}
.gywm-b2 .swiper-button-prev{width:10px;height:16px;left:-50px;background:url(../images/l.png);transition:all 0.5s;}
.gywm-b2 .swiper-button-prev:hover{background:url(../images/l-1.png);}

.wmys{padding:80px 0 100px;background:url(../images/wmys-bj.jpg)no-repeat center;background-size:cover;}
.wmys-t{width:1000px;margin-bottom:50px;text-align:center;}
.wmys-t a{color:#777;display:block;position:relative;padding-bottom:13px;}
.wmys-t a h5{height:60px;}
.wmys-t a h5 img{transition:all 0s!important;}
.wmys-t a h3{font-size:16px;transition:all 0s;}
.wmys-t a p{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--colors);}
.wmys-t a.active{color:var(--colors);}
.wmys-t a.active h5 img{filter: invert(50%) sepia(74%) saturate(3150%) hue-rotate(115deg) brightness(87%) contrast(101%);}
.wmys-t a.active p{width:100%;}
.wmys-b{position:relative;background:#fff;}
.wmys-b2{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0.5s;}
.wmys-b2.active{position:relative;z-index:2;opacity:1;}
.wmys-b2 h4{width:50%;overflow:hidden;}
.wmys-b2 h4 img{display:block;width:100%;}
.wmys-b2 h4:hover img{transform:scale(1.1);}
.wmys-b2 dl{width:50%;padding:85px 6.172839506172839% 0 6.172839506172839%;}
.wmys-b2 dl h3{font-size:30px;margin-bottom:30px;}
.wmys-b2 dl dt{font-size:16px;line-height:28px;color:#333;}

.xwzx{margin:90px auto 100px;}
.xwzx-b{}
.xwzx-b a{display:block;text-align:center;border:1px solid #eaeaea;}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{padding:30px 40px 35px;}
.xwzx-b a dl h5{color:#999;font-size:30px;margin-bottom:30px;}
.xwzx-b a dl dt{width:37px;height:2px;background:#a0a0a0;margin-bottom:20px;}
.xwzx-b a dl h3{font-size:18px;color:#000;line-height:27px;height:54px;margin-bottom:40px;}
.xwzx-b a dl p{color:#999;line-height:24px;height:72px;margin-bottom:30px;}
.xwzx-b a dl i{width:50px;height:50px;background:var(--colors);opacity:0;}
.xwzx-b a:hover dl i{opacity:1;}

.hzhb{background:#f2f2f2;padding:110px 0;}
.hzhb-b{}
.hzhb-b p{height:202px;background:url(../images/hzhb-bj.png);background-size:100% 100%;width:10.864197530864197%;margin-left:0.9347442680776015%;margin-right:0.9347442680776015%;}
.hzhb-b p img{}


@media(min-width:1200px){
    .hzhb-b p:nth-child(n+8){margin-top:-25px;}
    .hzhb-b p:nth-child(8){margin-left:0;}
    .hzhb-b p:nth-child(15){margin-right:0;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-b dl dt .div2 a{height:40px;width:calc(50% - 5px);}
    .cgal-l{position:relative;}
    .cgal-l .swiper-slide{height:50px;}
    .gywm-b dl{width:50%;}
    .hzhb-b p{width:100px;height:130px;margin-bottom:10px;margin:5px;}
    .hzhb-b p img{max-width:80%;}
}