/*.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:50px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background:var(--colors);}

.cpys{margin:77px auto 40px;}
.sybt{text-align:center;margin-bottom:80px;}
.sybt h3{font-size:30px;margin-bottom:40px;text-transform: uppercase;font-weight: bold;}
.sybt h3 i{display:block;width:50px;height:1px;background:#ccc;}
.sybt h3 p{margin:0 25px;}
.sybt h4{font-size: 20px;color:#666;}
.sybt h5{margin-top:40px;}
.sybt h5 i{display:block;width:350px;height:1px;background:#ccc;}
.sybt h5 img{margin:0 30px;}
.cpys-b{}
.cpys-b a{display:block;text-align:center;width:calc((100% - 86px) / 3);background:#fff;box-shadow:0 5px 40px rgba(0, 0, 0, 0.1);margin-bottom:40px;padding:40px 25px 32px;color:#333;}
.cpys-b a h5{height:125px;}
.cpys-b a h5 img{margin:0 auto;}
.cpys-b a h5 .img1{}
.cpys-b a h5 .img2{display:none;}
.cpys-b a h4{text-transform:uppercase;font-size:24px;margin-bottom:20px;transition:all 0s;}
.cpys-b a h3{font-size:24px;margin-bottom:40px;transition:all 0s;}
.cpys-b a dl{font-size:24px;line-height:40px;color:#999;}
.cpys-b a:hover .img1{display:none;}
.cpys-b a:hover .img2{display:block;}
.cpys-b a:hover{color:var(--colors);}
.cpys-b a:hover dl{color:#333;}

.gywm{margin:136px auto 140px auto;}
.gywm-t{margin-bottom:130px;}
.gywm-l{width:42.857142857142855%;}
.gywm-l h3{color:#333;font-size: 26px;position:relative;line-height: 1.5;padding-left:35px;margin-bottom: 110px;/* letter-spacing: -0.02em; */font-weight: bold;}
.gywm-l h3 i{position:absolute;display: none;}
.gywm-l h3 .i1{position:absolute;left:0;top: -14px;width: 16px;}
.gywm-l h3 .i2{position:absolute;right: 75px;bottom:10px;width: 16px;}
.gywm-l dl{flex-direction: row-reverse;}
.gywm-l dl a{font-size:18px;color:#333;}
.gywm-l dl a img{margin-left:16px;width: 28px;}
.gywm-l dl a:hover{color:var(--colors)}
.gywm-l dl dt{line-height: 28px;color:#666;font-size: 16px;width:calc(100% - 180px);letter-spacing: -0.05em;text-align: justify;text-justify:inter-ideograph;margin-right: 13px;}
.gywm-r{width:48.57142857142857%;overflow:hidden;}
.gywm-r img{display:block;width:100%;}
.gywm-r:hover img{transform:scale(1.1)}
.gywm-b{text-align:center;color:#333;}
.gywm-b dl{/* margin: auto 30px; */width: 25%;}
.gywm-b dl h3{font-size:48px;margin-bottom:20px;}
.gywm-b dl h4{font-size:16px;}

.cpzx{padding:77px 0;background:#f3f3f3;}
.cpzx-t{width:510px;margin-bottom:70px;font-size:24px;}
.cpzx-t a{color:#333;}
.cpzx-t a.active{color:var(--colors);}
.cpzx-b{position:relative;}
.cpzx-b2{/* position:absolute; */z-index:1;/* opacity:0; *//* left:-15px; *//* top:0; *//* width:calc(100% + 30px); */transition:all 0.5s;}
.cpzx-b2.active{position:relative;z-index:2;opacity:1;}
.cpzx-b2 a{background:#fff;box-shadow:5px 0px 40px rgba(0, 0, 0, 0.1);margin-bottom:40px;}
.cpzx-b2:nth-child(2n) a{flex-direction:row-reverse}
.cpzx-b2 a h4{width:65.71428571428571%;overflow:hidden;}
.cpzx-b2 a h4 img{display:block;width:100%;}
.cpzx-b2 a dl{width:34.285714285714286%;padding:0 10px;overflow: hidden;}
.cpzx-b2 a dl .div1{width: 228px;}
.cpzx-b2 a dl .div1 .div1{width:170px;}
.cpzx-b2 a dl .div1 img{display:block;max-width:200%;width: 180%;margin-left: -40%;margin-top: -30%;margin-bottom: -30px;}
.cpzx-b2 a dl .div1 h3{font-size:48px;color:#333;margin-bottom:27px;font-weight: bold;}
.cpzx-b2 a dl .div1 dt{font-size: 16px;line-height: 30px;color:#666;margin-bottom:19px;}
.cpzx-b2 a dl .div1 h5{height: 35px;border-radius:40px;border:1px solid var(--colors);color:var(--colors);font-size:18px;margin-bottom:55px;width: 150px;}
.cpzx-b2 a dl .div1 h5:hover{background:var(--colors);color:#fff;}

.hzhb{margin:80px auto 40px;}
.hzhb-b{}
.hzhb-b a{display:block;width: calc((100% - 160px) / 5);margin:0 40px 40px 0;}
.hzhb-b a:nth-child(5n){margin-right:0;}
.hzhb-b a img{display:block;width:100%;}
.hzhb-b a:hover{background:#fff;box-shadow:0 5px 40px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .sybt h5 i{width:100px;}
    .cpys-b a h5 img{transform:scale(0.8);}
    .cpzx-t a{width:33%;}
    .hzhb-b a{width:calc((100% - 20px) / 3);margin:0 10px 10px 0;}
    .hzhb-b a:nth-child(4n){margin-right:10px;}
    .hzhb-b a:nth-child(3n){margin-right:0px;}
    .gywm-b dl{width:50%;}
    .cpzx-b2 a dl .div1 .div1{margin:0 auto;}
    .cpzx-b2 a dl .div1{text-align:center;margin-top: 15px;}
    .gywm-l dl{/* flex-direction: column-reverse; */justify-content: flex-end;}
    .gywm-l dl dt{margin-right:0;width:100%;}
    .sybt h3{line-height:1.5}
    .gywm-b dl h3{font-size:35px!important;margin-bottom:15px!important;}
    .cpzx-b2 a dl .div1 h3{font-size:30px!important;}
}