/*.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%;padding-top:95px;}
.banner img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;}
.banner a dl{position:absolute;left:0;top:25%;width:100%;color:#fff;text-align:center;}
.banner a dl dt{width:900px;}
.banner a dl dt h3{font-size:60px;margin-bottom:30px;}
.banner a dl dt p{font-size:24px;line-height:38px;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.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-pagination{bottom:60px}
.banner .swiper-pagination-bullet{background:rgba(255, 255, 255, 0.62);opacity:1;}
.banner .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-next{width:25px;height:39px;right:5%;background:url(../images/r.png)}
.banner .swiper-button-prev{width:25px;height:39px;left:5%;background:url(../images/l.png)}

#menu{position:fixed;right:55px;bottom:calc(50% - 107px);z-index:10;}
#menu li{position:relative;margin: 10px 0;transition: all 0.5s;}
#menu li a{width:24px;height:24px;border-radius:24px;border:1px solid rgba(255, 255, 255, 0);}
#menu li a p{width:6px;height:6px;border-radius:10px;background:var(--colors);}
#menu li.active a{border-color:var(--colors);}
#menu li:nth-child(1){display:none;}
.active#menu li.active a{border-color:#fff;}

.active#menu li a p{background:#fff;}
.fp-auto-height-responsive,.fp-auto-height-responsive .fp-tableCell,.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important;}


.cgal{height:100vh;padding-top:95px;}
.cgal-s{}
.sybt{text-align:center;margin-bottom:60px;}
.sybt h5{font-size:54px;text-transform:uppercase;color:rgba(0, 0, 0, 0.1);}
.sybt h3{font-size:48px;position:relative;margin-top:-30px;}
.sybt h3 i{color:var(--colors);}
.cgal-b{}
.cgal-b a{display:block;color:#fff;text-align:center;font-size:24px;}
.cgal-b a h4{overflow:hidden;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a p{position:absolute;left:0;bottom:0;width:100%;height:0;overflow:hidden;background:rgba(44, 149, 107, 0.9);padding:0 10px;}
.cgal-b a:hover p{height:100%;}

.gywm{height:100vh;background:#e9f4f0;overflow:hidden;padding-top:95px;}
.gywm-l{width:50%;overflow:hidden;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:50%;padding-left:7%;}
.gywm-t{margin-bottom: 30px;position:relative;}
.gywm-t img{position:absolute;top:20px;right:0;}
.gywm-t h5{font-size:54px;text-transform:uppercase;color:rgba(0, 0, 0, 0.1);}
.gywm-t h3{font-size:48px;position:relative;margin-top:-30px;margin-bottom:24px;}
.gywm-t h3 i{color:var(--colors);}
.gywm-t h4{font-size:24px;margin-bottom:25px;}
.gywm-t span{display:block;width:65px;height:4px;background:var(--colors);margin-bottom: 30px;}
.gywm-t dl{font-size: 16px;line-height: 26px;color:#333;}
.gywm-b{width:516px;max-width:100%;}
.gywm-b a{width:calc((100% - 36px) / 3);text-align:center;display:block;border:3px solid var(--colors);color:var(--colors);opacity:0.5;padding: 15px 10px;}
.gywm-b a h5{height:60px;}
.gywm-b a h4{font-size:16px;margin-bottom:10px;}
.gywm-b a p{}
.gywm-b a:hover{opacity:1;}

.hzhb{height:100vh;text-align:center;background:url(../images/hzhb-bj.jpg)no-repeat center;padding-top:95px;background-size:cover;}
.hzhb .sybt{color:#fff;}
.hzhb .sybt h5{color:rgba(255, 255, 255, 0.1);}
.hzhb .sybt h3 i{color:#fff;}
.hzhb-b{}

.xwzx{height:100vh;background: url(../images/xwzx-bj.jpg)no-repeat center;padding-top:95px;background-size:cover;}
.xwzx-b{overflow:hidden;}
.xwzx-b>div{width:calc(100% + 1px);}
.xwzx-b a{display:block;padding:24px 40px 30px;position:relative;border-right:1px solid #e1e1e1;margin:10px 0;}
.xwzx-b a h5{font-size:16px;color:var(--colors);margin-bottom:13px;}
.xwzx-b a h3{font-size:24px;line-height:34px;color:#000;margin-bottom:35px;}
.xwzx-b a i{width:155px;height:55px;border-radius:55px;border:2px solid var(--colors);color:var(--colors);font-size:16px;margin-bottom:45px;}
.xwzx-b a i img{margin-left:20px;}
.xwzx-b a h4{overflow:hidden;padding-bottom:29px;border-bottom:1px solid #e5e5e5;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a:hover{background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px}
    .sybt h3,.gywm-t h3{margin-top:-15px;}
}