/*.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:40px}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}

.cpzx{background:#f6f6f6;padding:110px 0;}
.sybt{color:#222222;font-size:42px;margin-bottom:50px;text-align:center;}
.cpzx-t{margin-bottom:110px;width:183px;background:#fff;overflow:hidden;border-radius:80px;overflow:hidden;}
.cpzx-t a{width:88px;height:44px;position:relative;z-index:2;color:#000;transition:all 0s;border-radius:80px;overflow:hidden;transition:all 0s;}
.cpzx-t a:nth-child(1){width:95px;}
/*.cpzx-t a p{position:absolute;z-index:-1;left:0;width:0;height:100%;background:#ec0b00;}*/
.cpzx-t a.active{color:#fff;background:#ec0b00;}
/*.cpzx-t a.active p{width:100%;}*/
.cpzx-b{position:relative;}
.cpzx-b2{position:absolute;z-index:1;opacity:0;width:100%;left:0;top:0;transition:all 0.5s;}
.cpzx-b2.active{position:relative;z-index:2;opacity:1;}
.cpzx-b a{display:block;transform:scale(0.65);}
.cpzx-b a h4{}
.cpzx-b a h4 img{display:block;margin:0 auto;}
.cpzx-b a dl{margin-bottom:40px;opacity:0;}
.cpzx-b a dl dt{margin-right:35px;text-align:center;color:#1f1f24;}
.cpzx-b a dl dt h3{font-size:24px;margin-bottom:13px;}
.cpzx-b a dl dt p{font-size:16px;}
.cpzx-b a dl dd{width:112px;background:#fff;padding:5px}
.cpzx-b a dl dd img{display:block;width:100%;}
.cpzx-b a h5{width:105px;height:40px;color:#fff;background:#1f1f24;font-size:14px;position:relative;z-index:2;opacity:0;}
.cpzx-b a h5 p{position:absolute;z-index:-1;left:0;width:0;height:100%;}
.cpzx-b a h5:hover{background: rgb(116 116 119);}
.cpzx-b a h5:hover p{width:100%;}
.cpzx-b .swiper-slide-active a{transform:scale(1.0);}
.cpzx-b .swiper-slide-active a dl,.cpzx-b .swiper-slide-active a h5{opacity:1;}
.cpzx-b .swiper-button-next{width:80px;text-align:center;color:#1f1f24;padding-top:8px;line-height:100%;border-top:2px solid #1f1f24;right:-130px;transition:all 0.5s;}
.cpzx-b .swiper-button-next:hover{color:#ec0b00;border-color:#ec0b00;}
.cpzx-b .swiper-button-prev{width:80px;text-align:center;color:#1f1f24;padding-top:8px;line-height:100%;border-top:2px solid #1f1f24;left:-130px;transition:all 0.5s;}
.cpzx-b .swiper-button-prev:hover{color:#ec0b00;border-color:#ec0b00;}

.sjgl{margin:100px auto;}
.sjgl-b{}
.sjgl-b a{display:block;border-radius:25px;width:calc(50% - 30px);margin-bottom:70px;position:relative;overflow:hidden;border-radius:25px;}
.sjgl-b a h3{color:#333333;font-size:26px;position:absolute;left:10%;top:10%;z-index:2;}
.sjgl-b a img{display:block;width:100%;}
.sjgl-b a h5{position:absolute;z-index:2;left:34.59037711313394%;bottom:22.388059701492538%;width:105px;height:40px;background:#1f1f24;color:#fff;font-size:14px;}
.sjgl-b a h5 p{position:absolute;z-index:-1;left:0;bottom:0;width:0;height:100%;}
.sjgl-b a:hover h5{background: rgb(116 116 119);}
.sjgl-b a:hover h5 p{width:100%;}
.sjgl-b2{position:relative;z-index:2;width:105px;height:40px;color:#838383;font-size:14px;border:1px solid #d2d2d2;}
.sjgl-b2 p{position:absolute;z-index:-1;left:0;bottom:0;width:0;height:100%;}
.sjgl-b2:hover{border-color:#ec0b00;color:#fff;background:#ec0b00;}
.sjgl-b2:hover p{width:100%;}

.gywm{background:#f6f6f6;}
.gywm-l{width:49.47916666666667%;overflow:hidden;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.05);}
.gywm-r{width:50.52083333333333%;padding:0 11.979166666666667% 0 7.447916666666667%;}
.gywm-r h3{font-size:42px;color:#1f1f24;margin-bottom:35px;}
.gywm-r .div1{font-size:16px;line-height:32px;color:#666666;margin-bottom:45px;}
.gywm-r dl{margin-bottom:60px;}
.gywm-r dl img{display:block;}
.gywm-r a{width:105px;height:40px;color:#fff;background:#1f1f24;font-size:14px;position:relative;z-index:2;}
.gywm-r a p{position:absolute;z-index:-1;left:0;bottom:0;width:0;height:100%;}
.gywm-r a:hover{background: rgb(116 116 119);}
.gywm-r a:hover p{width:100%;}

.xwzx{margin:100px auto;}
.xwzx-b{position:relative;padding-bottom:45px;overflow:hidden;}
.xwzx-b .swiper-container{border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;overflow:initial;}
.xwzx-b a{display:block;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;padding:64px 43px 40px 43px;}
.xwzx-b a h4{overflow:hidden;margin-bottom:25px;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a h3{color:#222222;font-size:22px;margin-bottom:20px;}
.xwzx-b a p{color:#666666;font-size:16px;line-height:26px;height:52px;margin-bottom:32px;}
.xwzx-b a h5{color:#999999;font-size:16px;}
.xwzx-b a:hover img{transform:scale(1.05);}
.xwzx-b a:hover h3{color:#ff0000;}
.xwzx-b .swiper-pagination{bottom:-45px;}
.xwzx-b .swiper-pagination-bullet{background:#cecece;opacity:1;}
.xwzx-b .swiper-pagination-bullet-active{background:#000;}

@media(max-width:1500px){
    .gywm-r{padding:0 5.979166666666667% 0 5.447916666666667%}
    .gywm-r h3{font-size:30px;}
    .gywm-r .div1{font-size:15px;line-height:25px;margin-bottom:20px;}
    .gywm-r dl{margin-bottom:40px;}
}
@media screen and (max-width:1200px){
    .xwzx-b .swiper-pagination{bottom:-40px;}
    .sjgl-b a h5{left:25.59037711313394%;bottom: 13%;width: 90px;height: 33px;}
    .banner .swiper-pagination{bottom:10px}
  .cpzx-t a{height:35px}
  .cpzx-b a h4 img{width:85%}
  .cpzx-b a h4{margin-bottom:-5%}
  .cpzx-b a{padding-top:10px;}
  .cpzx{padding:55px 15px!important}
  .cpzx-b a dl dt h3{margin-bottom:5px;}
  .cpzx-b a dl{margin-bottom:30px!important}
}