/*.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;}*/
@-webkit-keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}
.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{color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.banner .swiper-slide a dl h3{font-size:60px;line-height:87px;margin-bottom:50px;}
.banner .swiper-slide a dl h3 i{color:var(--colors);}
.banner .swiper-slide a dl h4{font-size:24px;}
.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-pagination{bottom:75px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;position: relative;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;margin: 3px 0;}
.banner .swiper-pagination-bullet:after{content: "";display: block;position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;background: #fff;border-radius: 50%;margin: -4px 0 0 -4px;}
.banner .swiper-pagination-bullet .l{position: absolute;width: 20px;height: 40px;top: 0;left: 0;overflow: hidden;border-radius: 20px 0 0 20px;}
.banner .swiper-pagination-bullet .l:after{content: " ";display: block;position: absolute;left: 0;top: 0;width: 40px;height: 40px;border-radius: 50%;box-sizing: border-box;border: 2px solid #fff;border-color: transparent #fff #fff transparent;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet .r{position: absolute;width: 20px;height: 40px;top: 0;right: 0;overflow: hidden;border-radius: 0 20px 20px 0;}
.banner .swiper-pagination-bullet .r:after{content: " ";display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;border-radius: 50%;box-sizing: border-box;border: 2px solid #fff;border-color: #fff transparent transparent #fff;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet-active .line2{width: 40px;height: 40px;border: 2px solid rgb(243 244 245 / 0.3);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;}
.banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 22s linear 1 forwards;-moz-animation: circle_right 22s linear 1 forwards;-o-animation: circle_right 22s linear 1 forwards;animation: circle_right 22s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 21.9s 11s linear 1 forwards;-moz-animation: circle_right 21.9s 11s linear 1 forwards;-o-animation: circle_right circle_right 21.9s 11s linear 1 forwards;animation: circle_right 21.9s 11s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 5s linear 1 forwards;-moz-animation: circle_right 5s linear 1 forwards;-o-animation: circle_right 5s linear 1 forwards;animation: circle_right 5s linear 1 forwards;}
.banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 4.9s 2.5s linear 1 forwards;-moz-animation: circle_right 4.9s 2.5s linear 1 forwards;-o-animation: circle_right 4.9s 2.5s linear 1 forwards;animation: circle_right 4.9s 2.5s linear 1 forwards;}
.banner .swiper-pagination-bullet-active:last-child .l:after{ -webkit-animation: circle_right 6s linear 1 forwards; -moz-animation: circle_right 6s linear 1 forwards; -o-animation: circle_right 6s linear 1 forwards; animation: circle_right 6s linear 1 forwards; }
.banner .swiper-pagination-bullet-active:last-child .r:after{ -webkit-animation: circle_right 5.9s 3s linear 1 forwards; -moz-animation: circle_right 5.9s 3s linear 1 forwards; -o-animation: circle_right circle_right 5.9s 3s linear 1 forwards; animation: circle_right 5.9s 3s linear 1 forwards; }
.banner .swiper-pagination-bullet-active:after{background-color: #fff;}

.cpzx{background:#f7f7f7;padding:150px 0;overflow:hidden;}
.sybt{margin-bottom:28px;font-size:28px;}
.sybt p{color:#333;line-height:100%;padding-bottom:14px;border-bottom:2px solid #333;}
.cpzx-t{margin-bottom:70px;}
.cpzx-t h3{width:820px;line-height:68px;font-size:48px;color:#333;}
.cpzx-t h3 i{color:var(--colors2);}
.cpzx-t dl{font-size:24px;color:#333;width:265px;padding-bottom:12px;border-bottom:2px solid #333;}
.cpzx-t dl a{color:#333;}
.cpzx-t dl a:hover{color:var(--colors);}
.cpzx-t dl p{width:50px;height:50px;border-radius:50px;background:var(--colors);cursor:pointer;}
.cpzx-t dl .p1{}
.cpzx-t dl .p2{}
.cpzx-b{}
.cpzx-b .swiper-container{/* overflow:inherit; */}
.cpzx-b a{display:block;background:#fff;color:#333;}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a dl{padding:35px 40px 28px;}
.cpzx-b a dl h3{font-size:26px;margin-bottom:27px;}
.cpzx-b a dl dt{font-size:18px;line-height:34px;margin-bottom:45px;}
.cpzx-b a dl h5{font-size:16px;color:#999;}
.cpzx-b a dl h5 i{width:23px;height:23px;border-right:23px;background:var(--colors);margin-right:8px;border-radius:50px;}
.cpzx-b a dl h5 i img{transition:all 0s!important;filter: brightness(0) invert(1);}
.cpzx-b a:hover{}
.cpzx-b a:hover dl{background:url(../images/cpzx-bj.png)no-repeat center var(--colors);}
.cpzx-b a:hover dl *{color:#fff;}
.cpzx-b a:hover dl i{background:#fff;}
.cpzx-b a:hover dl img{filter:inherit;}

.yyly{overflow:hidden;padding:100px 0 140px;}
.yyly-t{margin-bottom:90px;}
.yyly-t h3{font-size:48px;color:#333;}
.yyly-t a{color:#333;font-size:24px;padding-bottom:13px;border-bottom:2px solid #333;}
.yyly-t a i{width:50px;height:50px;border-radius:50px;margin-left:20px;background:var(--colors);}
.yyly-t a:hover{color:var(--colors);}
.yyly-b{position:relative;}
.yyly-l{color:#fff;}
.yyly-l dl{height:700px;}
.yyly-l dl dt{}
.yyly-l dl dt h3{font-size:48px;margin-bottom:33px;}
.yyly-l dl dt .div1{width:50%;font-size:18px;line-height:34px;margin-bottom:30px;}
.yyly-l dl dt a{width:150px;height:53px;border:2px solid #fff;font-size:16px;color:#fff;}
.yyly-l dl dt a:hover{background:var(--colors);border-color:var(--colors)}
.yyly-l .swiper-slide{transition:all 0.5s;}
.yyly-l .swiper-slide-active h3{animation: indalRun 1s ease both .2s;}
.yyly-l .swiper-slide-active .div1{animation: indalRun 1s ease both .4s;}
.yyly-l .swiper-slide-active a{animation: indalRun 1s ease both .6s;}
.yyly-r{width:70px;position:absolute;top:calc(50% - 200px)}
.yyly-r .swiper-container{height:400px;}
.yyly-r a{height:100%;border-radius:6px;background:rgba(255,255,255,0.4);}
.yyly-r a img{}
.yyly-r .swiper-slide-thumb-active a{background:var(--colors)}
.yyly-r .swiper-button-next{width:70px;height:14px;top:auto;bottom:-36px;margin:0;background:url(../images/b.png)no-repeat center;right: 0;}
.yyly-r .swiper-button-prev{width:70px;height:14px;top:-36px;margin:0;left: auto;background:url(../images/t.png)no-repeat center;}

.gywm{margin-bottom:180px;}
.gywm-l{width:41.358024691358025%;padding-top:30px;}
.gywm-l h4{font-size:47px;margin-bottom:60px;color:#333;}
.gywm-l dl{font-size:18px;line-height:35px;color:#333;margin-bottom:45px;}
.gywm-l a{width:170px;height:55px;background:var(--colors);color:#fff;font-size:18px;}
.gywm-l a img{margin-left:20px;}
.gywm-l .swiper-slide{transition:all 0.5s;}
.gywm-l a:hover{}
.gywm-r{width:50%;position:relative;z-index:2;}
.gywm-r h4{width:calc(100% - 80px);overflow:hidden;}
.gywm-r h4 img{display:block;width:100%;}
.gywm-r h4:hover img{transform:scale(1.1);}
.gywm-r p{position:absolute;right:0;top:40px;width:calc(100% - 80px);height:100%;z-index:-1;}

.hzhb{color:#fff;padding:120px 0 140px;background:url(../images/hzhb-bj.jpg)no-repeat center;background-size:cover;}
.hzhb .sybt p{color:#fff;border-color:#fff;}
.yyly-t2{}
.yyly-t2 h3{color:#fff;}
.yyly-t2 a{color:#fff;border-color:#fff;}
.hzhb-b{overflow:hidden;}
.hzhb-b .u1{height:86px;position:relative;}
.hzhb-b .u2{height:86px;margin:18px 0;position:relative;}
.hzhb-b .u3{height:86px;position:relative;}
.hzhb-b ul{position:absolute;left:0;top:0;}
.hzhb-b .u2 ul{position:absolute;left:auto;right:0;top:0;}
.hzhb-b ul li{width:200px;margin:0 12px;}
.hzhb-b a{background:#fff;position:relative;display:block;}
.hzhb-b a img{}
.hzhb-b a dl{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(252, 7, 7, 0.95);opacity:0;}
.hzhb-b a dl h3{font-size:24px;}
.hzhb-b a dl p{width:13px;height:12px;position:absolute;}
.hzhb-b a dl .p1{background:url(../images/hzhb-tb1.png);top:5px;left:5px;}
.hzhb-b a dl .p2{background:url(../images/hzhb-tb2.png);top:5px;right:5px;}
.hzhb-b a dl .p3{background:url(../images/hzhb-tb3.png);bottom:5px;left:5px;height:14px;}
.hzhb-b a dl .p4{background:url(../images/hzhb-tb4.png);bottom:5px;right:5px;height:14px;}
.hzhb-b a:hover dl{opacity:1;}

.xwzx{background:#f6f8f9;padding:125px 0;}
.xwzx-t{margin-bottom:60px;}
.xwzx-l{width:46.296296296296297%;position:relative;}
.xwzx-l h4{color:#333;font-size:48px;line-height:68px;}
.xwzx-l h4 i{color:var(--colors2);}
.xwzx-l h5 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  overflow: hidden;
}

.xwzx-l h5::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 100%;
  background-image: url(../images/xwzx-bj.png);
  background-repeat: repeat-x;
  animation: moveStars 30s linear infinite;
}

@keyframes moveStars {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.xwzx-r{width:48.148148148148145%;}
.xwzx-r a{display:block;width:calc(50% - 15px);color:#333;}
.xwzx-r a h4{overflow:hidden;margin-bottom:23px;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a h5{font-size:17px;margin-bottom:18px;}
.xwzx-r a h5 img{margin-right:8px;}
.xwzx-r a p{font-size:18px;line-height:30px;}
.xwzx-r a:hover{}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx-r a:hover p{color:var(--colors);}
.xwzx-b{}
.xwzx-bl{display:block;overflow:hidden;position:relative;width:33.33333333333333%;position:relative;}
.xwzx-bl img{display:block;width:100%;}
.xwzx-bl h3{width:140px;height:60px;background:var(--colors);color:#fff;font-size:20px;position:absolute;left:0;top:0;z-index:2;}
.xwzx-bl:hover img{transform:scale(1.1);}
.xwzx-br{width:58.64197530864198%;}
.xwzx-br a{border-bottom:1px solid #e1e4e5;height:25%;}
.xwzx-br a h3{font-size:20px;width:calc(100% - 135px);color:#333;}
.xwzx-br a i{font-size:17px;color:var(--colors2);}
.xwzx-br a:hover h3{color:var(--colors);}
@media(min-width:1200px){
    .banner .swiper-pagination{width: 40px;
    left: auto;
    right: 5%;bottom:50%;transform: translateY(0%) translateX(-50%);}
}
@media(max-width:1700px){
    .gywm-l h4,.xwzx-l h4{font-size:40px;}
}
@media(max-width:1500px){
    .gywm-l h4,.xwzx-l h4{font-size:35px;}
    .yyly-b a dl dt p{font-size:16px;}
}
@media screen and (max-width:1200px){
    .cpzx-t{justify-content:flex-end;}
    .cpzx-t dl{width:180px;}
    .cpzx-t dl p{width:35px;height:35px;}
    .yyly-t{justify-content:flex-end;}
    .yyly-t a i{width:40px;height:40px;}
    .xwzx-bl h3{width:120px;height:40px;}
    .banner .swiper-pagination{bottom:0px;transform:scale(0.6)}
    .yyly-r{width:calc(100% - 30px);top:auto;bottom:20px;}
    .yyly-r .swiper-container{height:auto;}
    .yyly-r a{height:50px;}
    .yyly-l dl{padding-bottom:70px;height:500px}
    .yyly-l dl dt a{width:140px;height:45px;}
}