@font-face
{
font-family: bold3;
src:url('../font/SF-Pro-Display-Bold.otf');
}
.bold3{font-family: bold3;}
.zc{position:fixed;z-index:10;left:55px;bottom:calc(50% - 168.5px);width:60px;}
.zc .a1{width:60px;height:60px;border-radius:60px;background:#fff;margin-bottom:125px;}
.zc .a1 img{transition:all 0s!important;}
.zc .a1:hover{background:var(--colors);}
.zc .a1:hover img{filter: brightness(0) invert(1);}
.zc dl a{width:60px;height:60px;border-radius:60px;background:rgba(255, 255, 255, 0.3);position:relative;}
.zc dl a dt{width:140px;padding:5px;border-radius:5px;background:#fff;position:absolute;left:140%;bottom:2px;opacity:0;transform: translateY(5px);visibility: hidden;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.zc dl a dt img{display:block;width:100%;}
.zc dl a dd{width:210px;padding:10px;border-radius:5px;background:#fff;position:absolute;left:140%;bottom:2px;opacity:0;transform: translateY(5px);visibility: hidden;font-size:20px;color:var(--colors);box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);}
.zc dl a:hover{}
.zc dl a:hover dt{opacity: 1;transform: none;visibility: visible;}
.zc dl a:hover dd{opacity: 1;transform: none;visibility: visible;}
.zc dl .a2{margin-bottom:30px;}
.zc dl .a3{}
.zc.active dl a{background:rgba(0, 0, 0, 0.3);}
.zc.active2 dl a{background:rgba(255, 255, 255, 0.1);}
#menu{position:fixed;right:55px;bottom:calc(50% - 107px);z-index:10;text-align:right;color:#fff;font-size:16px;}
#menu li{position:relative;margin: 24px 0;transition: all 0.5s;}
#menu li a{line-height:100%;color:#fff;transition:all 0s;}
#menu li a i{width:70px;display:block;opacity:0;}
#menu li a p{width:10px;height:10px;border:1px solid #fff;border-radius: 10px;}
#menu li.active{padding-bottom: 30px;}
#menu li.active a i{opacity:1;transform: translateY(21px) translateX(13px);}
#menu li.active a p{background:#fff;}
#menu.active2{}
#menu.active2 li a{color:#666;}
#menu.active2 li a p{border-color:#666}
#menu.active2 li.active a p{background-color:#666}


body{padding-top:0;}
/*.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 {
    from {
    opacity: 0;
    transform: translate3d(0%, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/*.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);}
}
.banner3{width:100%;height: calc(90vh - 220px);margin-top: 90px;}
/*.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 .dl1{position:absolute;left:0;top:0;width:100%;text-align:center;top: 25%;}
.banner .dl1 h4{color:var(--colors);font-size:30px;margin-bottom: 30px;opacity: 0;animation-delay: 600ms;}
.banner .dl1 h3{color:#333333;font-size:52px;opacity: 0;animation-delay: 600ms;letter-spacing: 3px;}
.banner .dl3{position:absolute;left:0;top:0;width:100%;height:90%;padding-top: 25px;}
.banner .dl3 h4{color:var(--colors);font-size:30px;margin-bottom: 25px;opacity: 0;animation-delay: 600ms;}
.banner .dl3 h3{color:#333333;font-size:58px;margin-bottom:25px;opacity: 0;animation-delay: 600ms;letter-spacing: 6.2px;}
.banner .dl3 h5{color:#333333;font-size:14px;opacity: 0;animation-delay: 600ms;font-family:Arial;text-transform:uppercase;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active h4{animation: indalRun 1s ease both .2s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
.banner .swiper-slide-active h3{animation: indalRun 1s ease both .4s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
.banner .swiper-slide-active h5{animation: indalRun 1s ease both .6s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
.banner .swiper-pagination{}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);}

.banner2{}
.banner2 img{display:block;width:100%;}
.banner2 .dl1{position:absolute;left:0;top:0;width:100%;text-align:center;top: 22%;}
.banner2 .dl1 h4{color:var(--colors);font-size:30px;margin-bottom:30px;opacity: 0;animation-delay: 600ms;}
.banner2 .dl1 h3{color:#333333;font-size:56px;opacity: 0;animation-delay: 600ms;}
.dl2{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);z-index: 20;}
.dl2 a{display:block;transition: all 0s;text-align:center;color:#fff;animation: rotation2 1.5s linear infinite;-moz-animation: rotation2 1.5s linear infinite;-webkit-animation: rotation2 1.5s linear infinite;-o-animation: rotation2 1.5s linear infinite;}
.dl2 a dt{width:45px;height:26px;border-radius:45px;margin-bottom:13px;}
.dl2 a dt p{width:17px;height:26px;border-radius:26px;border:1px solid #fff;}
.dl2 a dt p i{display:block;margin:2px auto;width:1px;height:6px;background:#fff;}
.dl2 a h3{font-size:16px;transition: all 0s;}
.banner2.active .dl1 h4{animation: indalRun 1s ease both .2s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
.banner2.active .dl1 h3{animation: indalRun 1s ease both .4s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}

.cpzx2{padding: 20px 20px 50px 20px;text-align:center;}
.cpzx2 a{display:block;color:#000;}
.cpzx2 a h4{overflow:hidden;width: 80%;margin: 0 auto;}
.cpzx2 a h4 img{
    margin: -15% auto -12% auto;
    display: block;
    width: 100%;
}
.cpzx2 a h3{font-size:18px;transition:all 0s}
.cpzx2 a:hover{color:var(--colors)}
/* .cpzx2 a:hover img{transform:scale(1.05)} */

.cpzx{background:url(../images/cpzx-bj2.jpg)no-repeat center;background-size:100% 100%;width:100%;height:100%;padding: 80px 0;overflow:hidden;}
.cpzx-s{}
.cpzx-t{margin-bottom:40px;}
.cpzx-t h3{color:#333;font-size:48px;margin-right:67px;}
.cpzx-t dl{font-size:18px;}
.cpzx-t dl a{height:50px;padding:0 25px;color:#333;border-radius:50px;}
.cpzx-t dl a.active{background:var(--colors);color:#fff;}
.cpzx-b{width:calc(100% + 20px);margin-left:-10px;position:relative;}
.cpzx-b2{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s;}
.cpzx-b2.active{position:relative;opacity:1;z-index:2;}
.cpzx-b a{display: block;background: #fff;margin:10px;position:relative;box-shadow:2px 2px 8px rgba(0,0,0,0.07);color:#333;}
.cpzx-b a dl{padding:38px 35px 10px 35px;}
.cpzx-b a dl h3{font-size:20px;margin-bottom:20px;}
.cpzx-b a dl dt{line-height:26px;}
.cpzx-b a dl dt p{}
.cpzx-b a dl dt p i{color:var(--colors)}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;margin: -25% 0 -5% 0;width:100%}
.cpzx-b a h5{position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background: var(--colors);}
/*.cpzx-b a:hover{box-shadow: 2px 5px 32px rgba(0,0,0,0.05);}*/
.cpzx-b a:hover h4 img{transform:scale(1.05)}
.cpzx-b a:hover h5{width:100%;}
.cpzx-b .swiper-button-next{width: 70px;height: 70px;background: url(../images/r6.png)no-repeat center;transition:all 0.5s;right:-100px;}
.cpzx-b .swiper-button-prev{width: 70px;height: 70px;background: url(../images/l6.png)no-repeat center;transition:all 0.5s;left:-100px;}

.gywm{width:100%;padding:123px 0 220px 0;background:url(../images/gywm-bj3.jpg)no-repeat center;background-size:cover}
.gywm-l{width:62.66666666666667%;}
.gywm-l>h5{margin-bottom:40px;}
.gywm-l>h5 img{height:40px;}
.gywm-l>h3{font-size:48px;line-height:1.2;margin-bottom:60px}
.gywm-t{margin-bottom: 70px;}
.gywm-t dl{width:260px;}
.gywm-t dl h3{font-size:72px;margin-bottom:15px;color:var(--colors);font-family: Arial;}
.gywm-t dl h4{font-size: 18px;line-height:22px;font-family: Arial;}
.gywm-b{width:180px;height:55px;border-radius:80px;color:var(--colors);border:1px solid var(--colors);font-size: 18px;text-transform: capitalize;font-family: Arial;}
.gywm-b img{margin-left:13px;transition: all 0s!important;}
.gywm-b:hover{background:var(--colors);color:#fff;}
.gywm-b:hover img{filter: brightness(0) invert(1);}


.spzx{background: url(../images/spzx-bj.jpg)no-repeat center;background-size:100% 100%;width:100%;height:100%;padding: 80px 0;}
.spzx-s{width:100%;overflow:hidden;}
.spzx-t{margin-bottom:65px;}
.spzx-t h3{color:#333333;font-size:48px;}
.spzx-b{width:164.53125%;margin-left:-32.265625%;position: relative;z-index: 2;}
.spzx-b>h5{position:absolute;left:0;width:100%;height:1px;background: #d2d2d2;top: calc(52.5% - 1px);}
.spzx-b>div{}
.spzx-b a{display:block;position:relative;text-align:center;}
.spzx-b a h4{overflow:hidden;margin-bottom:30px}
.spzx-b a h4 img{display:block;width:100%;}
.spzx-b a dl{position:absolute;left:0;top:0;width:100%;height:calc(100% - 55px);}
.spzx-b a dl dt{width:70px;height:70px;border-radius:70px;position:relative;z-index:2}
.spzx-b a dl dt::before, .spzx-b a dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0;z-index:-1}
.spzx-b a dl dt::before{animation: scale 2s infinite; }
.spzx-b a dl dt::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.3); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(2);opacity:0;}}
.spzx-b a:hover h4 img{transform:scale(1.1)}
.spzx-b .swiper-button-next{width: 70px;height: 70px;background: url(../images/r6.png)no-repeat center;transition:all 0.5s;right:30%;}
.spzx-b .swiper-button-prev{width: 70px;height: 70px;background: url(../images/l6.png)no-repeat center;transition:all 0.5s;left:30%;}
@media(min-width:1920px){
    .xwzx,.hxjs{background-size: cover!important;}
    .gywm-s{/* width: 60%; */}
    .gywm-l{
    transform: scale(1.2);
    margin-left: -100px;
}
}
.xwzx{background:url(../images/xwzx-bj.jpg)no-repeat center;width:100%;height:100%;padding: 80px 0;}
.xwzx-s{width:100%;}
.xwzx-t{margin-bottom:50px;}
.xwzx-t h3{color:#333333;font-size:48px;}
.xwzx-t a{width: 150px;height: 45px;border-radius:45px;background:var(--colors);color:#fff;}
.xwzx-t a img{margin-left:13px;}

.xwzx-b{position:relative;width:100%;}
.xwzx-b>p{position:absolute;right: 0%;top:0;width: 20%;height:calc(100% - 90px);background-image: linear-gradient(to right, rgba(248,248,248,0) , rgba(248,248,248,1));z-index:3;}
.xwzx-b>div{padding-bottom:90px;}
.xwzx-b a{display:block;margin:10px;background:#fff;box-shadow: 0 10px 20px -8px rgba(192, 196, 204, 0.7);}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{padding:25px 35px 40px 35px;}
.xwzx-b a dl h5{font-size:15px;color:var(--colors);margin-bottom:14px;}
.xwzx-b a dl h3{font-size:20px;line-height:32px;color:#333;margin-bottom:40px;height: 64px;}
.xwzx-b a dl p{color:#999999;font-size:16px;}
.xwzx-b a:hover img{transform:scale(1.1);}
.xwzx-b a:hover h3{color:var(--colors);}
.xwzx-b .swiper-scrollbar{opacity: 1!important;width: 1450px;left: 0;height: 38px;background:url(../images/xwzx-bj.png)no-repeat center;}
@keyframes fadeInUp1 {
        0% {
            /*opacity: 0;*/
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }

        100% {
            /*opacity: 1;*/
            -webkit-transform: none;
            transform: none;
        }
    }
.xwzx-b .swiper-scrollbar .swiper-scrollbar-drag{background:url(../images/xwzx-tb5.png)no-repeat center;height: 38px;top: 1px;}
/*.xwzx.active .xwzx-t{animation: indalRun 1.2s ease both 0.2s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}*/

/*.xwzx.active .xwzx-b{animation-name: indalRun;*/
/*  animation-duration: 1s;*/
/*  animation-fill-mode: both;*/
/*  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}*/

.hxjs{width:100%;height:100%;padding-top:90px;background:url(../images/hxjs-bj.jpg)no-repeat center;background-size: cover;height: 90vh;}
.hxjs-b{height:100%;}
.hxjs-b .swiper-container{height:100%;}
.hxjs-b dl{border-right:1px solid rgba(255, 255, 255, 0.3);text-align:center;height:100%;}
.hxjs-b .swiper-slide:nth-child(1) dl{border-left:1px solid rgba(255, 255, 255, 0.3);}
.hxjs-b dl a{display:block;color:#fff;padding:0 30px;position:relative;width:100%}
.hxjs-b dl a>i{display:block;position:absolute;left:-2px;top:70px;width:3px;height:60px;background:var(--colors);opacity:0;}
.hxjs-b dl a dt{}
.hxjs-b dl a dt h4{height:70px;}
.hxjs-b dl a dt h3{font-size:36px;margin-bottom:14px;}
.hxjs-b dl a dt h5{text-transform:uppercase;font-size:18px;margin-bottom:26px;opacity:0.6;}
.hxjs-b dl a dd{overflow:hidden;height:0;}
.hxjs-b dl a dd p{font-size:16px;line-height:30px;height:170px;}
.hxjs-b dl a dd h5{width:150px;height:45px;border-radius:45px;color:#fff;font-size:14px;border:1px solid #fff;}
.hxjs-b dl a dd h5 img{margin-left:13px;}
.hxjs-b dl a dd h5:hover{background:var(--colors);border-color:var(--colors);}
.hxjs-b dl:hover a{}
.hxjs-b dl:hover a>i{opacity:1;}
.hxjs-b dl:hover a dd{height: 230px;}

@media(min-width:1200px){
    .xwzx .xwzx-b{
            /* opacity:0; */
            /* -webkit-transform: translate3d(0, 35%, 0); */
            /* transform: translate3d(0, 35%, 0); */
            /* transition:all 1s; */
            /* opacity:0; */
            }
    .xwzx-t a:hover img{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
    .xwzx.active .xwzx-b,.xwzx.active .xwzx-t{-webkit-transform: translate3d(0, 0%, 0);
            transform: translate3d(0, 0%, 0);opacity:1}
    /*.section{height:calc(100vh - 90px)}*/
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:15px;}
    .banner3,.xwzx,.hxjs,.spzx{height: 100vh;margin-top:0px;padding-top:0;background-size:auto 100%!important}
    
    /*.dl2{bottom:50px;}*/
    .dl2.active a{color:#666;}
    .dl2.active a dt p{border-color:#666;}
    .dl2.active a dt p i{background:#666}
    .xwzx{/* padding-bottom:100px; *//* background-size: 100% 100%!important; */height: 80vh!important;}
    .gywm-t dl{width:30%}
    .hxjs-b dl a>i{opacity:1;display:none;}
    .hxjs-b dl a dd{height: 230px;}
    .hxjs{padding-bottom:60px;}
    .xwzx-b a dl h3{height:48px;}
    .xwzx-t a{width: 108px;height: 32px;}
    .xwzx-t a img{margin-left:7px}
    .xwzx-t{padding:0 8px}
    .xwzx-b{padding: 0 18px 0 10px!important;}
    .banner2 .dl2{}
    body:before{height:0}
    .xwzx-b,.xwzx-t{/* opacity: 0; *//* animation-delay: 600ms; */}
    active .xwzx-t{animation: indalRun 1.2s ease both 0.2s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
    active .xwzx-b{animation: indalRun 1.2s ease both 0.4s;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
    .footer2{margin-bottom:0}
    .banner2 .dl1 h3{font-size:33px;line-height:40px;margin:0 auto;width:292px;}
    .banner2 .dl1 h4{margin-bottom:15px;}
    .banner2 .dl1{padding:30px 0px;}
    .gywm-t dl h3{font-size:30px!important;margin-bottom:5px!important}
    .gywm-t dl h3 span{font-size:16px!important}
    .hxjs-b dl{border: none!important;}
    .hxjs-b .swiper-pagination{bottom:180px;}
    .hxjs-b .swiper-pagination-bullet{background:#fff;opacity:0.5;}
    .hxjs-b .swiper-pagination-bullet-active{opacity:1}
    .gywm-t dl h4{line-height:20px!important}
    .gywm-t dl{width:33%}
    .gywm-b{font-size:14px;width:150px;height:45px;}
}