/*.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:40px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;width:16px;height:16px;border-radius:16px;border:1px solid rgba(0,0,0,0);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 8px;}
.banner .swiper-pagination-bullet:after{content: '';width:6px;height:6px;border-radius:10px;background:var(--colors);}
.banner .swiper-pagination-bullet-active{border-color:var(--colors);}

.cpzx{margin:100px auto;}
.sybt{font-size:48px;text-align:center;margin-bottom:55px;}
.cpzx-t{margin-bottom:45px;}
.cpzx-t h3{font-size:48px;}
.cpzx-t dl{font-size:16px;}
.cpzx-t dl a{color:#666;height:50px;padding:0 27px;background:#f5f5f5;margin-left:15px;}
.cpzx-t dl a p{margin-right:10px;}
.cpzx-t dl a p img{transition:all 0s!important;filter: invert(48%) sepia(9%) saturate(0%) hue-rotate(251deg) brightness(81%) contrast(97%);}
.cpzx-t a.active{background:var(--colors);color:#fff;}
.cpzx-t a.active img{filter: brightness(0) invert(1);}
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%;transition:all 0.5s;}
.cpzx-b2.active{position:relative;z-index:2;opacity:1;}
.cpzx-l{display:block;position:relative;color:#fff;width:calc(33.055555555555555% - 12px);}
.cpzx-l h4{overflow:hidden;}
.cpzx-l h4 img{display:block;width:100%;}
.cpzx-l dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
.cpzx-l dl dt{position:absolute;left:0;top:0;width:100%;padding:50px;}
.cpzx-l dl dt h3{font-size:36px;margin-bottom:25px;}
.cpzx-l dl dt p{font-size:16px;line-height:24px;display: none;}
.cpzx-l dl dd{position:absolute;left:0;bottom:0;width:100%;padding:50px;}
.cpzx-l dl dd h5{width:160px;height:46px;border:1px solid #fff;font-size:16px;}
.cpzx-l dl dd h5 img{margin-left:30px;}
.cpzx-l:hover h5{background:var(--colors);border-color:var(--colors)}
.cpzx-r{width:calc(66.94444444444445% - 12px);}
.cpzx-r a{display:block;width:calc(50% - 12px);margin-bottom:20px;position:relative;}
.cpzx-r a h4{overflow:hidden;}
.cpzx-r a h4 img{display:block;width:100%;}
.cpzx-r a dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:40px;}
.cpzx-r a dl h3{font-size:18px;color:#333;margin-bottom:13px;}
.cpzx-r a dl h5{font-size:12px;color:#999;display: none;}
.cpzx-r a:hover h4 img{transform:scale(1.05);}

.wmys{padding:100px 0;background:url(../images/wmys-bj.jpg)no-repeat center;background-size:cover;}
.wmys-t{text-align:center;color:#fff;width:952px;margin-bottom:58px;}
.wmys-t h3{font-size:48px;margin-bottom:48px;}
.wmys-t p{font-size:18px;line-height:30px;}
.wmys-b{}
.wmys-b dl{
    width:calc((100% - 72px) / 4);
    background:url(../images/wmys-bj.png)no-repeat center;
    background: #fff;
    padding:40px 40px 50px 40px;
    clip-path: polygon(
    0 0,                 
    100% 0,              
    100% calc(100% - 60px),  
    calc(100% - 60px) 100%,  
    0 100%               
  );
    }
.wmys-b dl h5{font-size:16px;margin-bottom:115px;color:#666}
.wmys-b dl h5 i{display:block;width:24px;height:1px;background:#666;margin-right:5px;margin-bottom:2px;}
.wmys-b dl h4{height:74px;}
.wmys-b dl h3{font-size:24px;line-height:30px;margin-bottom:22px;}
.wmys-b dl p{line-height:22px;color:#666;}
.wmys-b dl:hover{}

.jjfa{margin:100px auto;}
.jjfa-c{margin-bottom:55px;}
.jjfa-c h3{font-size:48px;}
.jjfa-c a{width:160px;height:46px;border:1px solid #3f93cf;font-size:16px;color:var(--colors);}
.jjfa-c a img{transition:all 0s!important;margin-left:30px;}
.jjfa-c a:hover{background:var(--colors);color:#fff;}
.jjfa-c a:hover img{filter: brightness(0) invert(1);}
.jjfa-t{margin-bottom:50px;}
.jjfa-t2{background:#f5f6f9;}
.jjfa-l{width:66.11111111111111%;overflow:hidden;}
.jjfa-l img{display:block;width:100%;}
.jjfa-l:hover img{transform:scale(1.1);}
.jjfa-r{width:33.88888888888889%;padding:0 55px 0 57px;}
.jjfa-r h5{height:90px;}
.jjfa-r h5 img{filter: invert(49%) sepia(75%) saturate(5878%) hue-rotate(180deg) brightness(91%) contrast(103%);}
.jjfa-r h3{color:#333;font-size:30px;padding-bottom:43px;border-bottom:1px solid #ccc;margin-bottom:25px;}
.jjfa-r p{font-size:16px;line-height:24px;color:#757575;}
.jjfa-b{}
.jjfa-b a{font-size:18px;color:#666;height:97px;border-bottom:3px solid #ddd;position:relative;}
.jjfa-b a img{transition:all 0s!important;width:40px;margin-right:16px;}
.jjfa-b a p{position:absolute;left:0;bottom:-3px;height:3px;width:0%;background:var(--colors);}
.jjfa-b .swiper-slide-thumb-active a{color:var(--colors);}
.jjfa-b .swiper-slide-thumb-active a p{width:100%;}
.jjfa-b .swiper-slide-thumb-active a img{filter: invert(49%) sepia(75%) saturate(5878%) hue-rotate(180deg) brightness(91%) contrast(103%);}

.gywm{background:#f5f5f5;padding:120px 0 100px;}
.gywm-t{margin-bottom:130px;}
.gywm-l{width:42.777777777777776%;}
.gywm-l h3{font-size:48px;margin-bottom:36px;}
.gywm-l h5{font-size:24px;color:var(--colors);margin-bottom:50px;}
.gywm-l p{font-size:18px;line-height:30px;margin-bottom:85px;}
.gywm-l a{width:160px;height:46px;border:1px solid var(--colors);color:var(--colors);font-size:16px;}
.gywm-l a img{margin-left:30px;transition:all 0s!important;}
.gywm-l a:hover{background:var(--colors);color:#fff;}
.gywm-l a:hover img{filter: brightness(0) invert(1);}
.gywm-r{width:46.52777777777778%;position:relative;z-index:2;margin-right:30px;}
.gywm-r h4{clip-path: polygon(
    0 0,                 
    100% 0,              
    100% calc(100% - 60px),  
    calc(100% - 60px) 100%,  
    0 100%               
  );position:relative;z-index:2;}
.gywm-r h4>img{display:block;width:100%;}
.gywm-r h4 dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.gywm-r h4 dl dt{width:50px;height:50px;border-radius:50px;background:var(--colors);}
.gywm-r p{position:absolute;width:calc(100% - 20px);height:calc(100% + 80px);left:60px;top:-40px;border:1px solid #dddddd;z-index:-1;}
.gywm-r p i{position:absolute;width:calc(100% + 2px);display:block;left:-1px;bottom:-1px;background:var(--colors);height:120px;}
.gywm-b{}
.gywm-b dl{width:calc((100% - 75px) / 4);background:#fff;transition:all 0.5s;height:180px;position:relative;padding:30px 30px;}
.gywm-b dl h5{height:110px;}
.gywm-b dl h5 img{transition:all 0s!important;}
.gywm-b dl dt{text-align:right;}
.gywm-b dl dt h3{font-size:24px;margin-bottom:25px;transition:all 0.5s;}
.gywm-b dl dt h3 i{font-size:60px;line-height:100%;}
.gywm-b dl dt h4{font-size:16px;color:#333;}
.gywm-b dl:hover{transform: translateY(-10px);}
.gywm-b dl:hover img{filter: invert(49%) sepia(58%) saturate(6943%) hue-rotate(180deg) brightness(90%) contrast(101%);}
.gywm-b dl:hover h3{color:#0081c9}

.gshj{background:var(--colors);padding:50px 0;}
.gshj-b{position:relative;}
.gshj-b a{display:block;color:#fff;position:relative;}
.gshj-b a h4{overflow:hidden;}
.gshj-b a h4 img{display:block;width:100%;}
.gshj-b a h3{font-size:14px;position:absolute;left:0;bottom:0;width:100%;height:50px;background:rgba(0, 0, 0, 0.5);z-index:2;}
.gshj-b a:hover img{transform:scale(1.1);}
.gshj-b .swiper-button-next{width:45px;height:45px;right:-85px;background:url(../images/r2.png);transition:all 0.5s;}
.gshj-b .swiper-button-next:hover{background:url(../images/r2-1.png);}
.gshj-b .swiper-button-prev{width:45px;height:45px;left:-85px;background:url(../images/l2.png);transition:all 0.5s;}
.gshj-b .swiper-button-prev:hover{background:url(../images/l2-1.png);}

.xwzx{margin:100px auto}
.xwzx-b{}
.xwzx-b a{display:block;background:#f5f5f5;padding:55px 35px 33px;}
.xwzx-b a h5{font-size:18px;color:#999;margin-bottom:30px;}
.xwzx-b a p{color:#000;font-size:20px;line-height:30px;height:90px;margin-bottom:90px;}
.xwzx-b a h4{position:relative;}
.xwzx-b a h4>img{display:block;width:100%;}
.xwzx-b a h4 i{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;}
.xwzx-b a h4 i span{width:45px;height:45px;background:var(--colors);}
.xwzx-b a:hover{background:var(--colors);}
.xwzx-b a:hover h5{color:#fff;}
.xwzx-b a:hover p{color:#fff;}
.xwzx-b a:hover h4 i{opacity:1;}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-t{justify-content:flex-start;}
    .cpzx-t a{width:calc(100% / 3);}
    .cpzx-t a h4{height:40px;}
    .cpzx-t a h3{line-height:1.2;}
    .jjfa-r h5{height:60px;}
    .jjfa-r h5 img{/* width:50%; */}
    .gywm-b dl{width:calc(50% - 10px);}
    .gywm-b dl h5{height:60px;}
    .xwzx-b a p{height:72px;}
    .jjfa-c a{width:150px;height:40px;}
    .cpzx-t dl{justify-content:space-between;width: 100%;}
    .cpzx-t dl a{width: calc(50% - 5px);margin: 0;font-size: 13px;height:80px;text-align:center;padding:10px 0;}
    .cpzx-t dl a p{width:100%;text-align:center;margin-right:0;height: 30px;}
}