/*.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 a>img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;}
.banner .swiper-slide{overflow:hidden;}
.banner a{transition:all 3s!important;}
.banner a dl{color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;}
.banner a dl dt{width:480px;margin-bottom:110px;}
.banner a dl dt h3{font-size:48px;line-height: 60px;margin-bottom:30px;}
.banner a dl dt p{font-size:18px;line-height:30px;margin-bottom:30px;}
.banner a dl dt h5{width:210px;height:60px;border-radius:70px;background:#fff;font-size:16px;padding-left:13px;color:#000;overflow:hidden;}
.banner a dl dt h5 span{width:45px;height:45px;border-radius:45px;background:var(--colors);margin-right:29px;overflow:hidden;}
.banner a dl dt h5 i{width:50px;height:50px;border-radius:50px;background:var(--colors);margin-right:29px;}
.banner a dl dt h5 i img{width:15px;}
.banner a dl dt h5:hover{transform: scale(1.15);}
.banner a dl dt h5:hover i{animation: moveRightInitial 0.22s 0.15s forwards, moveRightEnd 0.3s 0.2s forwards;transform: translateX(20px);}
.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-slide-active a h5{animation: indalRun 1s ease both .6s;}*/
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;border:1px solid rgba(255, 255, 255, 0.5);}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.cpzx{margin:90px auto 80px auto;}
.sybt{text-align:center;margin-bottom: 48px;}
.sybt h3{font-size:42px;margin-bottom:15px;}
.sybt p{font-size:18px;margin-bottom: 27px;line-height:30px;width:1253px;margin-left:auto;margin-right:auto;max-width:100%;}
.sybt h5{width:60px;height:1px;background:var(--colors);}
.cpzx-b{position:relative;}
.cpzx-b .swiper-container{width:calc(100% + 20px);margin-left:-10px;}
.cpzx-b a{display:block;text-align:center;color:#000;margin:0 10px 20px 10px;}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a dl{border:1px solid #eee;border-top:none;padding:45px 10px 57px 10px;}
.cpzx-b a dl h3{font-size:24px;margin-bottom:18px;}
.cpzx-b a dl h5{font-size:16px;color:#878787;}
.cpzx-b a:hover{box-shadow:0 10px 10px rgba(207, 207, 207, 0.3);}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:hover h3{color:var(--colors);}
.cpzx-b .swiper-button-next{width:43px;height:43px;right:-80px;background:url(../images/r.png);display:none;}
.cpzx-b .swiper-button-prev{width:43px;height:43px;left:-80px;background:url(../images/l.png);display:none;}

.yyly{margin-bottom:90px;}
.yyly-t{margin-bottom:50px;position:relative;}
.yyly-l{width:66.43835616438356%;overflow:hidden;position:relative;}
.yyly-l p{position:absolute;opacity:0;z-index:1;transition:all 0.5s;left:0;top:0;width:100%;}
.yyly-l p.active{position:relative;opacity:1;z-index:2;}
.yyly-l p img{display:block;width:100%;}
.yyly-l p:hover img{transform:scale(1.1);}
.yyly-r{width:calc(33.56164383561644% - 20px);position:absolute;right:0;top:0;height:calc(100% + 8px);}
.yyly-r a{height:calc((100% - 32px) / 4);width:calc(50% - 5px);margin-bottom:8px;font-size:16px;color:#000;background:#f7f7f7;}
.yyly-r a h4{width:50px;}
.yyly-r a h4 img{transition:all 0s!important;}
.yyly-r a p{width:90px;transition:all 0s;}
.yyly-r a.active{color:#fff;background:var(--colors);}
.yyly-r a.active img{filter: brightness(0) invert(1);}
.yyly-b{width:210px;height:60px;border-radius:70px;background:#fff;font-size:16px;padding-left:13px;color:#000;overflow:hidden;border:1px solid #eee}
.yyly-b span{width:45px;height:45px;border-radius:45px;background:var(--colors);margin-right:29px;overflow:hidden;}
.yyly-b i{width:50px;height:50px;border-radius:50px;background:var(--colors);margin-right:29px;}
.yyly-b i img{width:15px;}
.yyly-b:hover{transform: scale(1.15);}
.yyly-b:hover i{animation: moveRightInitial 0.22s 0.15s forwards, moveRightEnd 0.3s 0.2s forwards;transform: translateX(20px);}

.gywm{padding:90px 0 120px 0;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm-t{margin-bottom:45px;text-align:center;padding:0 30px 0 75px;}
.gywm-t dl{}
.gywm-t dl h3{margin-bottom:20px;font-size:24px;color: var(--colors2);}
.gywm-t dl h3 i{line-height:100%;font-size:48px;}
.gywm-t dl h4{font-size:16px;}
.gywm-b{background:#fff;box-shadow:0 10px 20px rgba(207, 207, 207, 0.3);}
.gywm-l{width:50%;position:relative;}
.gywm-l>img{display:block;width:100%;}
.gywm-l dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.gywm-l dl dt{position:relative;z-index:2;width:64px;height:64px;border-radius:64px;background:var(--colors);}
.gywm-l dl dt::before, .gywm-l dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.gywm-l dl dt::before{animation: scale 2s infinite; }
.gywm-l 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(3);opacity:0;}}
.gywm-r{width:50%;padding:0 90px 0 80px;}
.gywm-r h4{color:#f7f7f7;font-size:80px;text-transform:uppercase;margin-bottom:-58px;}
.gywm-r h3{font-size:36px;margin-bottom:33px;}
.gywm-r>i{width:65px;height:1px;background:var(--colors);display:block;margin-bottom:30px;}
.gywm-r p{font-size:16px;line-height:30px;margin-bottom:45px;}

.qyys{padding: 100px 0 130px 0;overflow:hidden;}
.qyys-b{position:relative;}
.qyys-b .swiper-container{overflow:inherit;}
.qyys-b dl{border:1px solid #eee;}
.qyys-b dl h4{width:calc(50% + 1px);overflow:hidden;position:relative;color:#fff;font-size:16px;margin-left:-1px;}
.qyys-b dl h4 img{display:block;width:100%;}
.qyys-b dl h4 i{width:150px;height:45px;background:var(--colors);position:absolute;left:0;bottom:0;}
.qyys-b dl h4:hover img{transform:scale(1.1);}
.qyys-b dl dt{width:50%;padding:0 77px;}
.qyys-b dl dt .div1{margin-bottom:50px;}
.qyys-b dl dt .div1 i{width:70px;height:70px;border-radius:70px;background:var(--colors2);}
.qyys-b dl dt .div1 ul{width:calc(100% - 90px)}
.qyys-b dl dt .div1 ul h5{font-size:16px;color:var(--colors);margin-bottom:12px;}
.qyys-b dl dt .div1 ul h3{font-size:36px;}
.qyys-b dl dt .div2{color:#666;font-size:16px;line-height:30px;}
.qyys-b .swiper-pagination{bottom:-50px;width:100%;text-align:center;}
.qyys-b .swiper-pagination-bullet{background:#e5e5e5;opacity:1;margin:0 5px;}
.qyys-b .swiper-pagination-bullet-active{background:var(--colors);}
.qyys-b .swiper-button-next{width:43px;height:43px;right:-74px;background:url(../images/r.png);}
.qyys-b .swiper-button-prev{width:43px;height:43px;left:-74px;background:url(../images/l.png);}

.xwzx{margin-bottom:90px;}
.xwzx-b{margin-bottom:60px;}
.xwzx-b a{display:block;border:1px solid #eee;}
.xwzx-b a h4{margin:-1px;overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{padding:30px 32px 28px 32px;}
.xwzx-b a dl h3{color:#000;font-size:20px;margin-bottom:32px;}
.xwzx-b a dl dt{border-top:1px solid #eee;padding-top:20px;color:#666;line-height:100%;}
.xwzx-b a dl dt i{}
.xwzx-b a:hover img{transform:scale(1.1);}
.xwzx-b2{margin-bottom:30px;}
.xwzx-b2 a{width:calc((100% - 64px) / 3);margin:0 32px 32px 0;}
.xwzx-b2 a:nth-child(3n){margin-right:0}

@media(max-width:1500px){
    .xwzx-b .a2{padding: 30px 32px 28px 32px;}
    .xwzx-b .a2 p{margin-bottom:25px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    /*.yyly-l{margin-bottom:8px;}*/
    .yyly-r{position:relative;height:auto;}
    .yyly-r a{height:80px;}
    .gywm-r h4{margin-bottom:-20px;}
    .gywm-t dl{width:50%;}
    .yyly-b{}
    .yyly-b{width: 170px;height: 50px;}
    .yyly-b span{margin-right:15px;}
    .yyly-b i,.gywm-r a i,.yyly-b span{width:40px;height:40px;}
    .qyys-b dl h4{width:calc(100% + 2px)!important;margin:0 -1px!important;}
    .xwzx-b a dl p{height:72px;}
    .qyys-b dl dt .div1 i{width:50px;height:50px;}
    .qyys-b dl dt .div1 i img{width:20px;}
    .qyys-b dl dt .div1 ul{width: calc(100% - 60px);}
    .qyys-b dl dt .div2 br{display:none;}
    .qyys-b dl dt .div2 p{margin-bottom:5px;}
    .qyys-b .swiper-pagination{bottom:-10px}
}