/*.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:57px;}
.banner .swiper-pagination-bullet{background:rgba(255, 255, 255, 0.7);opacity:1;width:50px;height:3px;position:relative;border-radius:0;}
.banner .swiper-pagination-bullet::before{position: absolute;width: 0%;height: 100%;background: var(--colors);content: '';top:0;left:0;}
.banner .swiper-pagination-bullet-active{}
.banner .swiper-pagination-bullet-active::before{width:100%;transition:all 4s;}

.cpzx{margin:90px auto 130px auto;}
.sybt{text-align:center;margin-bottom:47px;}
.sybt h3{color:#333333;font-size:38px;margin-bottom: 15px;}
.sybt h4{width:30px;height: 3px;background:var(--colors);}
.cpzx-t{margin-bottom:40px;}
.cpzx-t>div{padding:0 10px 20px 10px;}
.cpzx-t a{display:block;box-shadow:0 15px 20px rgba(0, 0, 0, 0.11);text-align:center;padding-bottom:40px;color:#000;margin:10px;}
.cpzx-t a h4{overflow:hidden;}
.cpzx-t a h4 img{display:block;}
.cpzx-t a h3{font-size:15px;transition:all 0s;margin: 0 10px;}
.cpzx-t a:hover{color:var(--colors);box-shadow: 0 15px 20px rgba(0, 0, 0, 0.30);}
.cpzx-t a:hover img{transform:scale(1.05);}
.cpzx-b{width:177px;height:40px;border-radius:7px;border:1px solid #e0dfdf;color:#666;font-size:16px;}
.cpzx-b:hover{background:var(--colors);border-color:var(--colors);color:#fff;}

.gywm{padding:100px 0 110px 0;color:#fff;}
.gywm-b{}
.gywm-b .sybt{margin-bottom:28px;text-align:left;}
.gywm-b .sybt h3{color:#fff;}
.gywm-b .sybt h4{background:#fff;}
.gywm-b .div1{width:945px;font-size:18px;line-height:30px;margin-bottom:48px;}
.gywm-b a{width:177px;height:41px;border-radius:7px;font-size:16px;background:var(--colors);margin-bottom:70px;color:#fff;}
.gywm-b a:hover{}
.gywm-b ul{border-top:1px solid rgba(255, 255, 255, 0.35);border-left:1px solid rgba(255, 255, 255, 0.35);width:680px;background: rgba(20, 45, 78, 0.35);}
.gywm-b ul dl{border-bottom:1px solid rgba(255, 255, 255, 0.35);border-right:1px solid rgba(255, 255, 255, 0.35);width:50%;padding:40px 48px 32px 47px;}
.gywm-b ul dl dt{}
.gywm-b ul dl dt h3{font-size:42px;margin-bottom:10px;}
.gywm-b ul dl dt h3 i{padding-right:5px;}
.gywm-b ul dl dt h3 span{line-height:100%;font-size:30px;}
.gywm-b ul dl dt h4{opacity:0.3;font-size:16px;}
.gywm-b ul dl dd{}
.gywm-b ul dl:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.wmys{margin:100px auto;}
.wmys-b{}
.wmys-b a{display:block;width:calc((100% - 40px) / 3);box-shadow:0 0 4px rgba(0, 0, 0, 0.2);}
.wmys-b a h4{overflow:hidden;}
.wmys-b a h4 img{display:block;width:100%;}
.wmys-b a dl{padding:29px 10px;}
.wmys-b a dl h3{text-align:center;color:#222222;font-size:22px;margin-bottom:20px;}
.wmys-b a dl h5{width:50px;height:2px;position:relative;background:#e4e4e4;}
.wmys-b a dl h5 p{position:absolute;left:0;top:0;width:0;height:100%;background:var(--colors);}
.wmys-b a:hover img{transform:scale(1.05);}
.wmys-b a:hover p{width:100%;}

.cgal{background:#f4f4f4;padding:97px 0 130px 0;}
.cgal-t{margin-bottom:45px;}
.cgal-t dt{}
.cgal-t dt h3{color:#333333;font-size:38px;margin-bottom: 15px;}
.cgal-t dt h4{width:30px;height: 3px;background:#0a92d5;}
.cgal-t dd{}
.cgal-t dd a{display:block;width: 43px;height: 43px;}
.cgal-t dd a.a1{background:url(../images/l.png);}
.cgal-t dd a.a1:hover{background:url(../images/l-1.png);}
.cgal-t dd a.a2{background:url(../images/r.png);margin-left:20px;}
.cgal-t dd a.a2:hover{background:url(../images/r-1.png);}
.cgal-b{padding: 0 11px 0 64px;}
.cgal-b a{display:block;overflow:hidden;position:relative;color:#fff;}
.cgal-b a h3{font-size:24px;position:absolute;z-index:2;left:0;top:0;padding:40px 20px;}
.cgal-b a img{display:block;width:100%;}
.cgal-b a:hover img{transform:scale(1.05);}

.xwzx{margin:100px auto;}
.xwzx-b{}
.xwzx-l{width:24.285714285714285%;}
.xwzx-l h4{overflow:hidden;margin-bottom:20px;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l h5{font-size:14px;color:#0a92d5;margin-bottom:15px;}
.xwzx-l h3{color:#555555;font-size:20px;line-height:24px;margin-bottom:50px;}
.xwzx-l p{width:23px;height:12px;background:url(../images/xwzx-tb.png);}
.xwzx-l:hover img{transform:scale(1.05);}
.xwzx-l:hover h3{color:var(--colors)}
.xwzx-l:hover p{background:url(../images/xwzx-tb2.png);}
.xwzx-r{width:48.35714285714286%;background:#f7f7f7;padding:10px 33px;}
.xwzx-r a{display:block;position:relative;border-bottom:1px solid #e2e2e2;padding:25px 0 22px 0;}
.xwzx-r a:last-child{border:none;}
.xwzx-r a h5{color:#8d8d8d;font-size:14px;margin-bottom:15px;}
.xwzx-r a h3{color:#555555;font-size:21px;width:80%;}
.xwzx-r a p{width:23px;height:12px;background:url(../images/xwzx-tb.png);position:absolute;right:0;bottom:30px;}
.xwzx-r a:hover{}
.xwzx-r a:hover h3{color:var(--colors)}
.xwzx-r a:hover p{background:url(../images/xwzx-tb2.png);}
.xwzx{}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .banner .swiper-pagination-bullet{width:30px;height:2px;}
  .gywm-b ul dl dt h3{font-size:34px!important;margin-bottom: 2px;}
  .gywm-b ul{background: rgba(20, 45, 78, 0.25);}
  .cgal-t dd a.a2{margin-left:12px;}
}