/*.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);}*/
/*}*/
@keyframes fangda {0%{transform: scale(1.3);}100%{transform: scale(1);}}
.banner{width:100%;}
.banner a>img{width:100%;display:block;height: 100%;/* object-fit: cover; *//* max-width: 200%; */}
.banner .swiper-slide-active a>img{animation: fangda 2s ease both;}
.banner a{display:block;overflow:hidden;/* height: 100vh; */}
.banner .swiper-slide{overflow:hidden;/* height:100vh; */}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide a dl{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;}
.banner .swiper-slide a dl h3{font-size:42px;margin-bottom:37px;}
.banner .swiper-slide a dl h3 i{font-size:18px;line-height:100%;width:100px;height:40px;border-radius:10px;background:var(--colors);color:#fff;margin-left:15px;}
.banner .swiper-slide a dl h4{font-size:30px;margin-bottom:20px;}
.banner .swiper-slide a dl dt{font-size:18px;margin-bottom:39px;}
.banner .swiper-slide a dl dt i{margin-right:10px;border-radius:10px;height:35px;background:rgba(255, 255, 255, 0.15);padding:0 18px;line-height:35px;}
.banner .swiper-slide a dl dd{font-size:18px;line-height:30px;margin-bottom:50px;}
.banner .swiper-slide a dl h5{width:200px;height:60px;border-radius:60px;background:var(--colors);font-size:18px;}
.banner .swiper-slide a dl h5 img{margin-left:20px;}
.banner .swiper-slide a dl h5:hover img{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active a dt{animation: indalRun 1s ease both .6s;}
.banner .swiper-slide-active a dt i{animation: indalRun 1s ease both .8s;}
.banner .swiper-slide-active a dd{animation: indalRun 1s ease both 1s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both 1.2s;}
.banner .swiper-pagination{bottom:30px}
.banner .swiper-pagination-bullet{background:none;/* border:1px solid rgba(255, 255, 255, 0.5); */transition: all 0.5s;opacity:1;width: 30px;border-radius: 20px;background: rgba(33,112,224,0.3);}
.banner .swiper-pagination-bullet-active{background: var(--colors);width: 40px;}
.banner .swiper-button-next{right:5%}
.banner .swiper-button-prev{left:5%}

.cpzx{/* background: url(../images/cpzx-bj.jpg)no-repeat center!important; */}
.cpzx canvas{opacity:0;}
.cpzx .sybt{margin-top:-200px;}
.active .cpzx .sybt{margin-top:0px;}
.sybt{font-size:36px;margin-bottom:40px;text-align:center;}
.cpzx-t{margin-bottom: 80px;/* padding:0 95px; */text-align:center;}
.cpzx-t a{display:block;position:relative;color:#000;/* padding:0 10px 28px; */z-index: 2;width: calc(100% / 8);}
@keyframes roll {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes roll {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
.cpzx-t a i{display: none;width:137px;height:137px;z-index: -1;position:absolute;left:calc(50% - 67.5px);top: calc(50% - 101.5px);background:url(../images/cpzx-tb.png)no-repeat center;background-size:100% 100%;transform:scale(0)}
.cpzx-t a.active i{transform:scale(1);animation: roll 10s linear .3s infinite;
  -webkit-animation: roll 10s linear .3s infinite;}
.cpzx-t a h5{/* width: 100px; *//* border-radius: 150px; *//* background: #fff; */overflow: hidden;display: flex;justify-content: center;align-items: center;margin: 0 auto 20px auto;}
.cpzx-t a h5 img{/* width: 90px; */filter: brightness(0);}
.cpzx-t a h3{font-size:18px;transition:all 0s;}
.cpzx-t a p{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--colors);display: none;}
.cpzx-t a.active{color:var(--colors);}
.cpzx-t a.active h5{/* box-shadow: 1px 1px 10px rgba(0,0,0,0.1); */}
.cpzx-t a.active h5 img{filter: invert(49%) sepia(95%) saturate(4910%) hue-rotate(204deg) brightness(92%) contrast(90%);}
.cpzx-t a.active p{width:100%;}
.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-b a{display:block;text-align:center;color:#000;border-radius:10px;background-image: linear-gradient(rgba(33,112,224,0), rgba(33,112,224,0.32)) !important;overflow:hidden;/* border:1px solid #e5e5e5; */box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;margin: -5% 0;}
.cpzx-b a h3{transition:all 0s;}
.cpzx-b a:hover{color:var(--colors);}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-l{width:calc(50% - 10px);padding-bottom: 30px;}
.cpzx-l h3{font-size:18px;}
.cpzx-r{width:calc(50% - 5px);margin-bottom:-10px;}
.cpzx-r a{width:calc(50% - 5px);padding-bottom:30px;margin-bottom:10px;}
.cpzx-r a h3{font-size:16px;}
.cpzx.active .sybt{animation: indalRun 1s ease both .2s;margin-top: 0;}
.cpzx.active .cpzx-t{animation: indalRun 1s ease both .4s;}
.cpzx.active .cpzx-b{animation: indalRun 1s ease both .6s;}

.jjfa{position:relative;}
.jjfa-s{width:100%;}
.jjfa-t{color:#fff;}
.jjfa-t li{width: 16.341145833333331%;position:relative;transition:all 0.5s;overflow:hidden;text-align:center;background: #000;}
.jjfa-t li:nth-child(6){display:none;}
.jjfa-t li>img{display:block;max-width: 1000px;margin:0 -55.97609561752988%;}
.jjfa-t dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);transition:all 0.5s}
.jjfa-t dl .div1{}
.jjfa-t dl .div1 h5{height:80px;}
.jjfa-t dl .div1 h3{font-size:26px;}
.jjfa-t dl .div1 .div2{overflow:hidden;}
.jjfa-t dl .div1 .div3{margin-bottom:-100%;transition:all 0.5s}
.jjfa-t dl dt{font-size:18px;line-height:36px;margin-bottom:40px;}
.jjfa-t dl dt a{color:#fff;}
.jjfa-t dl dt a i{width:8px;height:8px;border-radius:8px;background:#fff;margin-right:20px;}
.jjfa-t dl dt a:hover{text-decoration:underline}
.jjfa-t dl .div3>a{width: 160px;height: 50px;border-radius:60px;color:#fff;background:var(--colors);font-size: 16px;margin: 0 auto;}
.jjfa-t dl .div3>a img{margin-left:20px;}
.jjfa-t dl .div3>a:hover{}
.jjfa-t dl .div3>a:hover img{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
.jjfa-t li.active{width:34.63541666666667%;}
.jjfa-t li.active>img{margin:0;width:100%;transition: all 0s!important;opacity: 0.73;}
.jjfa-t li.active dl{background:none;}
.jjfa-t li.active dl .div1 .div3{margin-bottom: 0!important;margin-top:26px;}

.jjfa-b{position:absolute;left:0;width:0;bottom:0;z-index:2;font-size:20px;width:100%;}
.jjfa-b h5{position:absolute;left:0;width:100%;z-index:-1;height:1px;background:rgba(255, 255, 255, 0.2);}
.jjfa-b a{height:112px;position:relative;color:#fff;}
.jjfa-b a p{position:absolute;left:0;top:0;width:0;height:2px;background:var(--colors);}
.jjfa-b .swiper-slide-thumb-active a p{width:100%;}
.jjfa.active dl{animation: indalRun 1s ease both .2s;}
.jjfa.active .jjfa-c{animation: indalRun 1s ease both .4s;}
.jjfa.active .jjfa-b{animation: indalRun 1s ease both .6s;}

#gywm{background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
#gywm .w1{margin-top:80px;}
.gywm-t{justify-content: flex-end;margin-bottom:100px;position:relative;background-image: linear-gradient(rgba(255, 255, 255,0.1),rgba(255, 255, 255, 1.0));box-shadow: 0 10px 20px rgba(197, 197, 197, 0.1);border-top-left-radius:50px;border-top-right-radius:50px;}
.gywm-l{width: 50%;padding:0 40px;position:relative;z-index:2;}
.gywm-l h3{font-size:30px;margin-bottom:35px;}
.gywm-l p{font-size:16px;line-height:30px;color:#666;margin-bottom:60px;}
.gywm-l a{width: 160px;height: 50px;border-radius:60px;background:var(--colors);font-size: 16px;color:#fff;} 
.gywm-l a img{margin-left:20px;}
.gywm-l a:hover img{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
.gywm-r{width: 50%;position:relative;}
.gywm-r>img{display:block;}
.gywm-r dl{position: absolute;left:0;bottom:0;width:100%;height: 100%;}
.gywm-r dl dt{width:70px;height:70px;border-right:70px;position:relative;z-index:2;background:var(--colors);border-radius:70px;}
.gywm-r dl dt::before, .gywm-r dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.gywm-r dl dt::before{animation: scale 2s infinite; }
.gywm-r 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;}}
.gywm-b{text-align:center;}
.gywm-b dl{}
.gywm-b dl dd{}
.gywm-b dl dd h3{font-size:30px;margin-bottom:15px;color:var(--colors)}
.gywm-b dl dd h3 i{font-size:60px;line-height:100%;}
.gywm-b dl dd h3 span{padding-left:8px;}
.gywm-b dl dd h4{color:#333;font-size:18px;}
.gywm-b dl dd h4 img{margin-right:10px;}
.gywm-b h5{width:1px;height:84px;background:#ccc;}
.active .gywm-l h3{animation: indalRun 1s ease both .2s;}
.active .gywm-l p{animation: indalRun 1s ease both .4s;}
.active .gywm-l a{animation: indalRun 1s ease both .6s;}
.active .gywm-b dl:nth-child(1){animation: indalRun 1s ease both .2s;}
.active .gywm-b dl:nth-child(2){animation: indalRun 1s ease both 0.4s;}
.active .gywm-b dl:nth-child(3){animation: indalRun 1s ease both 0.6s;}
.active .gywm-b dl:nth-child(4){animation: indalRun 1s ease both 0.8s;}

#xwzx{color:#fff;background:url(../images/xwzx-bj.jpg);background-size:cover;}
.xwzx-s{margin-top:80px;}
.xwzx-b{position:relative;margin-bottom:50px;}
.xwzx-b a{display:block;background:#fff;color:#666}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{border:1px solid #eee;border-top:none;padding:45px 35px 44px 35px;}
.xwzx-b a dl h3{color:#000;font-size:20px;margin-bottom:30px;}
.xwzx-b a dl p{line-height:24px;height:72px;margin-bottom:50px;}
.xwzx-b a dt{border-top:1px solid #eee;padding-top:33px;}
.xwzx-b a dt i img{margin-right:12px;}
.xwzx-b a dt span img{margin-left:13px;}
.xwzx-b a:hover h4 img{transform:scale(1.1);}
.xwzx-b a:hover span{color:var(--colors);}
.xwzx-b a:hover span img{}
.xwzx-b .swiper-button-next{width:45px;height:45px;right:-80px;background:url(../images/r2.png)no-repeat center;transition:all 0.5s;}
.xwzx-b .swiper-button-next:hover{background:url(../images/r2-1.png)no-repeat center;}
.xwzx-b .swiper-button-prev{width:45px;height:45px;left:-80px;background:url(../images/l2.png)no-repeat center;transition:all 0.5s;}
.xwzx-b .swiper-button-prev:hover{background:url(../images/l2-1.png)no-repeat center;}
.xwzx-t{width:200px;height:60px;border-radius:60px;background:var(--colors);font-size:18px;color:#fff;} 
.xwzx-t img{margin-left:20px;}
.xwzx-t:hover img{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
.active .sybt{animation: indalRun 1s ease both .2s;}
.active .xwzx-b .swiper-slide:nth-child(1){animation: indalRun 1s ease both .4s;}
.active .xwzx-b .swiper-slide:nth-child(2){animation: indalRun 1s ease both .6s;}
.active .xwzx-b .swiper-slide:nth-child(3){animation: indalRun 1s ease both .8s;}
.active .xwzx-t{animation: indalRun 1s ease both 1s;} 

@media(min-width:1200px){
    /*.gywm-r{position:absolute;left: 0;bottom:0;}*/
}
@media screen and (max-width:1200px){
  .banner a{height:auto;}
    .banner .swiper-pagination{bottom:10px}
    .cpzx-t{justify-content:flex-start}
    .cpzx-t a{width: 33.33%;padding: 0;margin-bottom: 20px;}
    .cpzx-t a h5{/* height:55px; */width: auto;height: 40px;}
    .gywm-l a, .xwzx-t, .jjfa-t dl .w1>a{width: 100px;height: 40px;font-size: 12px!important;}
    .gywm-l a img, .xwzx-t img, .jjfa-t dl .w1>a img{
    margin-left: 10px;
}
    .gywm-b{justify-content:flex-start;align-items:flex-start;} 
    .gywm-b dl{width: 50%;}
    .gywm-b dl dt{padding-top:0;height:40px;}
    .jjfa-c{bottom:40px}
    .jjfa-t .swiper-slide{overflow:hidden;}
    .jjfa-t .swiper-slide>img{max-width:200%;width:180%;margin-left:-40%;}
    .cpzx-t a i{display:none;}
  .cpzx-t a.active h5{box-shadow:none;}
  .cpzx-t a h3{font-size:14px!important;}
  
  .cpzx-r a{width:calc(50% - 5px)!important;}
  .cpzx-r a h3{font-size: 14px!important;line-height:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;margin: 0 10px;}
  .jjfa-t dl{padding:0 10px;background: none;}
  .jjfa-c a{width:35px;height: 34px;}
  .gywm-b dl dd h4{line-height: 1.2;}
  .gywm-r{/* height:90px; *//* display: none; */}
  .gywm-r>img{/* display:none; */}
  .gywm-r dl dt{width:50px;height:50px;}
  .gywm-r dl{top: -5px;}
  .jjfa-t dl .div3>a{width:150px;height:40px;}
  .cpzx .sybt{margin-top:0px;}
}