.bold3{font-size:44px;}
.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: 132px;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}

* {
    box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.columnbanner {
    float: left;
    padding: 10px;
}

.leftbanner {
    width: 25%;
}

.rightbanner {
    width: 75%;
}

/* Clear floats after the columns */
.rowbanner:after {
    content: "";
    display: table;
    clear: both;
}

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: white;
        opacity: 0;
        animation-delay: 600ms;
    }
    .banner .dl1 h3 {
        color: white;
        font-size: 58px;
        opacity: 0;
        animation-delay: 600ms;
        margin-bottom: 25px;
    }

.banner3 .dl2 {
    position: absolute;    
    top: 0;
    width: 100%;
    text-align: center;
    top: 20%;
}
.banner .dl2 h4 {
    margin-bottom: 25px;
    color: #666666;
    font-size: 30px;
    opacity: 0;
    animation-delay: 600ms;
}

    .banner .dl2 h3 {
        color: black;
        font-size: 58px;
        opacity: 0;
        animation-delay: 600ms;
        margin-bottom: 25px;
    }

.banner .dl3{position:absolute;top:25%;left:15%; width:100%;height:90%;}
.banner .dl3 h4{color:white;font-size:30px;margin-bottom:25px;opacity: 0;animation-delay: 600ms;}
    .banner .dl3 h3 {
        color: white;
        font-size: 58px;
        margin-bottom: 25px;
        opacity: 0;
        animation-delay: 600ms;
    }
.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);}



.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-l{width:62.66666666666667%;}
.gywm-l>h5{margin-bottom:10px;}

.gywm-l>h3{font-size:48px;line-height:1.2;margin-bottom:60px}
.gywm-t{margin-bottom: 70px;}
.gywm-t dl h3{color:var(--colors);}
.gywm-t dl h4{font-size: 16px;line-height:22px;}
.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);}

/* Create three unequal columns that floats next to each other */
.column {
    float: left;
    padding: 10px;
}

.left {
  /*  background: url(../images/aboutus1.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    width: 10%;
}



/* Clear floats after the columns */
.rowcontent:after {
    content: "";
    display: table;
    clear: both;
}

/* Create three unequal columns that floats next to each other */
.colcontent {
    float: left;
    padding: 10px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    justify-content: space-between; /* Distributes space between items */
}

.pdf-container {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    justify-content: space-between; /* Distributes space between items */
   
}

.flex-item {    
    margin-bottom: 20px; /* Adds vertical spacing */
   
}

.flex-item h3{
    padding-bottom:10px;
    font-size:22px;
}

    .flex-item ul li {
        list-style-position: outside;
        list-style-type: disc;
        font-size: 18px;
        padding: 3px;
    }

.aboutus-container {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    justify-content: space-between; /* Distributes space between items */
}

.abt1 {
    width: 55%;
}

.abt2 {
    width: 35%;
}

.abt3 {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line */
    justify-content: space-between; /* Distributes space between items */
}

.pdf-item a{
    color:black;
}
.pdf-item {
    margin-bottom: 10px;
    margin-top: 10px;
}
.pdf-item p {
    font-weight: bold;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
}
input[type=text], input[type=email], select, textarea {
   width:80%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

.formcontainer {
    border-radius: 5px;
    padding: 20px;
}

.my-submit-button {
    background-color: #de5544;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

@media (min-width: 992px) {
    .f-s16 {
        font-size: 16px;
    }
    .banner .dl1 h4, .banner .dl2 h4, .banner .dl3 h4 {
        font-size: 50px;
    }

    .banner .dl1 h3, .banner .dl2 h3, .banner .dl3 h3 {
        font-size: 100px;
    }

    .pdf-container {
        width: 50%;
    }

    .formcontainer {
        width: 40%;
    }

    .flex-item {
        width: calc(20% - 20px); /* 25% for 4 columns, adjust for gaps */
    }

    .pdf-container {
        width: 50%;
    }

    .pdf-item {
        width: calc(10% - 20px); /* 25% for 4 columns, adjust for gaps */
    }

    .abt1 h3 {
        font-size: 30px;
        line-height: 1.2;      
        font-weight: bold;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {

    .banner .dl1 h4, .banner .dl2 h4, .banner .dl3 h4 {
        font-size: 25px;
    }

    .banner .dl1 h3, .banner .dl2 h3, .banner .dl3 h3 {
        font-size: 30px;
    }

    .flex-item {
        width: calc(40% - 20px); /* Changes to 50% for 2 columns */
    }
    .pdf-container {
        width: 100%;
    }
    .pdf-item {
        width: 20%; /* 25% for 4 columns, adjust for gaps */
    }

    .abt1 h3 {
        font-size: 20px;
        line-height: 1.2;
        font-weight: bold;
    }
}

@media (max-width: 576px) and (max-width: 767.98px) {
    .abt1 {
        width: 100%;
    }

    .abt2 {
        width: 100%;
        margin:10px;
    }
    .banner .dl1 h4, .banner .dl2 h4, .banner .dl3 h4 {
        font-size: 18px;
    }

    .banner .dl1 h3, .banner .dl2 h3, .banner .dl3 h3 {
        font-size: 25px;
    }

    .flex-item {
        width: 100%; /* Changes to 100% for a single column */
    }
    .pdf-container {
        width: 100%;
    }
    .pdf-item {
        width: 100%; /* Changes to 100% for a single column */
    }

    .abt1 h3 {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 25px;
        font-weight: bold;
    }
}

.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%;}

.xwzx{background:url(../images/xwzx-bj.jpg)no-repeat center;width:100%;height:100%;padding: 80px 0;}
@media(min-width:1920px){
    .xwzx,.hxjs{background-size: cover!important;}
    .gywm-s{/* width: 60%; */}
    .gywm-l{
    transform: scale(1.2);
    margin-left: -100px;
}
}
.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: 23px;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}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:15px;}
    .banner3,.xwzx,.hxjs{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; */}
    
    .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; */}
    .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: 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: 24px!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: 100px;}
    .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;}
}