/*.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 a dl{text-align:center;color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.banner .swiper-slide a dl h3{font-size:52px;margin-bottom:30px;}
.banner .swiper-slide a dl h3 i{color:var(--colors);}
.banner .swiper-slide a dl h4{font-size:30px;margin-bottom:40px;}
.banner .swiper-slide a dl h5{width:175px;height:55px;border-radius:55px;background:var(--colors);color:#fff;font-size:18px;}
.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 h5{animation: indalRun 1s ease both .6s;}
.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);}

.ywfw{padding:90px 0 120px 0;background:url(../images/ywfw-bj.jpg)no-repeat center;background-size:100% 100%;}
.sybt{text-align:center;margin-bottom:45px;}
.sybt h3{font-size:36px;margin-bottom:20px;}
.sybt p{width:50px;height:1px;background:var(--colors);}
.ywfw-b{position:relative;}
.ywfw-b a{display:block;background:#fff;text-align:center;}
.ywfw-b a h4{overflow:hidden;}
.ywfw-b a h4 img{display:block;width:100%;}
.ywfw-b a dl{padding:50px 35px 50px 35px;}
.ywfw-b a dl h3{font-size:24px;color:#000;margin-bottom:26px;}
.ywfw-b a dl p{color:#878787;font-size:16px;line-height:30px;margin-bottom:45px;height:90px;}
.ywfw-b a dl h5{font-size:14px;color:var(--colors);}
.ywfw-b a dl h5 img{margin-left:10px;}
.ywfw-b a:hover h4 img{transform:scale(1.1);}
.ywfw-b a:hover h3{color:var(--colors);}
.ywfw-b .swiper-button-next{width:30px;height:30px;right:-56px;background:url(../images/r.png);}
.ywfw-b .swiper-button-prev{width:30px;height:30px;left:-56px;background:url(../images/l.png);}

.yyly{margin-top:90px;}
.yyly-s{position:relative;}
.yyly-t{}
.yyly-t p{position:absolute;z-index:1;opacity:0;left:0;top:0;width:100%}
.yyly-t p.active{position:relative;z-index:2;opacity:1;}
.yyly-t p img{display:block;width:100%;}
.yyly-b{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.yyly-b a{text-align:center;color:#fff;padding:90px 10px;position:relative;height:100%;z-index:2;width:20%;border-right:1px solid rgba(255, 255, 255, 0.5);}
.yyly-b a i{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:0;background-image:linear-gradient(rgba(71, 178, 184, 0),rgba(71, 178, 184, 0.6))}
.yyly-b a dl{overflow:hidden;width:100%;}
.yyly-b a dl h5{height:90px;}
.yyly-b a dl h3{font-size:30px;margin-bottom:30px;}
.yyly-b a dl h4{font-size:16px;margin-bottom:37px;}
.yyly-b a dl p{margin-bottom:-100px;}
.yyly-b a.active{}
.yyly-b a.active i{height:50%;}
.yyly-b a.active p{margin-bottom:0;}
.yyly-b2{}
.yyly-b2 a{text-align:center;color:#fff;position:relative;height:100%;z-index:2;}
.yyly-b2 a i{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:50%;background-image:linear-gradient(rgba(71, 178, 184, 0),rgba(71, 178, 184, 0.6))}
.yyly-b2 a>img{display:block;width:100%;}
.yyly-b2 a dl{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
.yyly-b2 a dl dt{width:100%}
.yyly-b2 a dl h5{height:70px;}
.yyly-b2 a dl h3{font-size:16px;margin-bottom:10px;}
.yyly-b2 a dl h4{font-size:14px;margin-bottom:10px;}
.yyly-b2 a dl p{}

.gywm{margin:90px auto}
.gywm-t{margin-bottom:40px;}
.gywm-l{width:50%;overflow:hidden;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:calc(50% - 70px);}
.gywm-r>h3{font-size:30px;margin-bottom:40px;}
.gywm-r .div1{margin-bottom:45px;}
.gywm-r .div1>i{width:1px;height:60px;background:#e5e5e5;}
.gywm-r .div1 dl h3{font-size:18px;color:var(--colors);margin-bottom:18px;}
.gywm-r .div1 dl h3 i{font-size:36px;line-height:100%;}
.gywm-r .div1 dl h3 span{padding-left:5px;}
.gywm-r .div1 dl h4{font-size:16px;}
.gywm-r>p{font-size:16px;line-height:30px;color:#878787;margin-bottom:40px;}
.gywm-r a{width:150px;height:50px;border-radius:50px;background:var(--colors);color:#fff;font-size:16px;}
.gywm-r a:hover{opacity:0.8;}
.gywm-b{position:relative;}
.gywm-b a{height:130px;border:1px solid #eee;}
.gywm-b a img{max-width:80%;max-height:80%;}
.gywm-b a:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.gywm-b .swiper-button-next{width:30px;height:30px;right:-56px;background:url(../images/r.png);}
.gywm-b .swiper-button-prev{width:30px;height:30px;left:-56px;background:url(../images/l.png);}

.wmys{padding:85px 0 120px 0;background:url(../images/wmys-bj.jpg);background-size:cover;}
.wmys-t{background:#fff;font-size:24px;}
.wmys-t a{width:25%;height:120px;color:#000;border-right:1px solid #eee;}
.wmys-t a:last-child{border:none}
.wmys-t a i{width:65px;}
.wmys-t a i img{transition:all 0s!important;}
.wmys-t a p{transition:all 0s;}
.wmys-t a.active{background:var(--colors);color:#fff;}
.wmys-t a.active img{filter: brightness(0) invert(1);}
.wmys-b{position:relative;color:#fff;font-size:16px;line-height:36px;}
.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 img{display:block;width:100%;}
.wmys-b2 dl{position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));padding:45px 50px;}
.wmys-b2 dl dt{width:100%;}
.wmys-b2 dl dt p{position:relative;padding-left:35px;}
.wmys-b2 dl dt p i{width:35px;height:35px;position:absolute;left:0;top:0;background:url(../images/wmys-tb.png)no-repeat center;}

.xwzx{padding:100px 0;background:#fff;}
.xwzx-b{}
.xwzx-l{width: calc(52.142857142857140% - 13px);}
.xwzx-l a{width: calc(50% - 10px);margin-bottom:20px;background:#daeaf3;display:block;position:relative;color:#030303;padding: 43px 30px;height:calc(50% - 10px);}
.xwzx-l a h3{font-size: 20px;line-height: 30px;}
.xwzx-l a p{line-height:30px;margin-top:20px;color:#666}
.xwzx-l a h5{font-size:14px;position:absolute;left: 30px;bottom: 40px;color: #878787;}
.xwzx-l a h5 img{margin-right:11px;}
.xwzx-l a:nth-child(2){background:var(--colors);color:#fff;margin-bottom:15px;}
.xwzx-l a:nth-child(2) h5{color:#fff;}
.xwzx-l a:nth-child(2) img{filter: brightness(0) invert(1);}
.xwzx-l a:nth-child(3){background: #f4f6f6;margin-bottom:0px;width:100%;}
.xwzx-r{width: calc(47.85714285714286% - 10px);}
.xwzx-r a{display:block;position:relative;display:block;color:#fff;}
.xwzx-r a h4{overflow:hidden;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a dl{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding: 64px 35px 30px 35px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));}
.xwzx-r a dl h3{font-size:24px;margin-bottom:23px;}
.xwzx-r a dl h5{font-size:14px;}
.xwzx-r a dl h5 img{margin-right:10px;filter: brightness(0) invert(1);}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx-r .swiper-pagination{text-align:right;padding-right: 30px;bottom: 33px;}
.xwzx-r .swiper-pagination-bullet{background:none;border:1px solid rgba(255, 255, 255, 0.5);opacity:1;}
.xwzx-r .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px}
    .ywfw-b a dl p{height:72px;}
    .gywm-b a{height:100px;}
    .wmys-t a i{justify-content:center;width:100%;padding-top:5px;height:35px;}
    .wmys-t a{width:50%;height:85px;}
    .wmys-b2 dl dt p i{top:-8px}
    .xwzx-l a h5{position:relative;left:0;bottom:0}
    .xwzx-r .swiper-pagination{padding-right:20px;}
}