.banner{position: relative;height: 100vh;}
.banner img {
    width: 100%;
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;top:0;left: 0;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height: 100%;}
.banner .swiper-wrapper{height: 100%!important;}
/*.banner .swiper-slide img{opacity: 0;transition: all .5s;}*/
/*.banner .swiper-slide-active{}*/
/*.banner .swiper-slide-active img {*/
    /*animation: zoom 3s;*/
    /*transition: all .3s;*/
    /*opacity: 1;*/
/*}*/
.banner li{height: 100%!important; }
.banner li img{height: 100%;}
.banner_text{z-index: 3;width: 100%;position: absolute;left: 0;top:0%;height: 100%;text-transform: uppercase;}
.banner_text{
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    color: #fff;
}

.banner .swiper-slide.ani-slide .banner_text {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.banner_text .wrap{position: relative;height: 100%;}
.banner_p{width: 100%;top: auto;position: absolute;bottom: 15%;text-align: center;}
.banner_p h2 br{display: none;}


@keyframes zoom {
    0% {
        /*opacity: 0;*/
        /*transform: scale3d(1.2, 1.2, 1.2);*/
    }
    100% {
         /*opacity: 1;*/
        /*transform: scale3d(1, 1, 1);*/
    }
}


.banner .swiper-pagination-bullet{position: relative;}
.banner .swiper-pagination-bullet{width: 30px;height: 1px;border-radius: 0;margin: 0;background: rgba(255,255,255,.6);opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.banner .swiper-pagination{text-align: left;position: relative;bottom: 3px;}
.banner .swiper-pagination-bullet:before{content: "";width: 4px;height: 4px;background: rgba(255,255,255,.6);position: absolute;left: 0;top: 50%;margin-top: -2px;display: block;}
.banner .swiper-pagination-bullet:last-child:after{content: "";width: 4px;height: 4px;background: rgba(255,255,255,.6);position: absolute;right: 0;top: 50%;margin-top: -2px;display: block;}
.progressbar-wrap.swiper-pagination-bullet-active .progressbar {display: block;}
.progressbar-wrap .progressbar {
    display: none;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
}

.banner_num{position: absolute;bottom: 10%;width: 100%;text-align: center;}
.num_con{position: relative;display: inline-block;padding: 0 60px;}
.num_con .swiper-button-prev{left: 0;}
.num_con .swiper-button-next{right: 0;text-align: right;}
.banner_num .swiper-button-prev,.banner_num .swiper-button-next{background: none;width: 20px;height: 20px;margin-top: -10px;line-height: 20px;}
.banner_num .swiper-button-prev:before{
    -webkit-clip-path: polygon(100% 0,0 50%,100% 100%);
    clip-path: polygon(100% 0,0 50%,100% 100%);
    content: '';
    background-color: #e6c15c;
    display: inline-block;
    width: 6px;
    height: 6px;
    position: relative;
    top: -1px;
    opacity: .5;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.banner_num .swiper-button-next:before{
    -webkit-clip-path: polygon(0 0,100% 50%,0 100%);
    clip-path: polygon(0 0,100% 50%,0 100%);
    content: '';
    background-color: #e6c15c;
    display: inline-block;
    width: 6px;
    height: 6px;
    position: relative;
    top: -1px;
    opacity: .5;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.num_l,.num_r{ color: #fff;position: absolute;width: 40px;line-height: 20px;z-index: 10;top: 2px;text-align: center;}
.num_l{left: 20px;font-size: 20px;}
.num_r{right: 20px;}
@media only screen and (max-width: 1024px) {
    .banner{height: auto;}
    .banner video{display: none;}


}

@media only screen and (max-width: 767px) {
    .banner img{display: none;}
    .banner li{height: 300px!important;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom: 10px;}
}

/*index02*/
.indexNews_list li a{padding: 40px 0;box-sizing: border-box;width: 65%;margin: 0 auto;display: block;}
.indexNews_list li:nth-child(2n){background: #f3f7fa;}
.indexNews_list li dl{overflow: hidden;}
.indexNews_list li dd{float: left;width: 230px;margin-right: 20px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .3s;}
.indexNews_list li dt{float: left;width: calc(100% - 251px);}
.indexNews_list li dt p{margin-bottom: 6px;color: #333;transition: all .3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexNews_list li dt span{display: block;color: #777;transition: all .3s;line-height: 26px;max-height: 52px;overflow: hidden;}
@media only screen and (min-width: 1025px) {
    .indexNews_list li:hover{background: url(../images/newL_bg.jpg) no-repeat center;background-size: cover;background-size: 100% 100%;}
    .indexNews_list li:hover a{color: #fff!important;}
    .indexNews_list li:hover dd{color: #fff;}
    .indexNews_list li:hover dt p,.indexNews_list li:hover dt span{color: #fff;}
}
@media only screen and (max-width: 1560px) {
    .indexNews_list li a{width: 80%;}
}
@media only screen and (max-width: 1024px) {
    .indexNews_list li a{width: 94%;}
    .indexNews_list li dd{width: 160px;}
    .indexNews_list li dt{width: calc(100% - 181px);}
    .menu--mobile .top-bar{border-bottom: 0;}
}
@media only screen and (max-width: 767px) {
    .indexNews_list li a{padding: 25px 0;}
    .indexNews_list li dd,.indexNews_list li dt{width: 100%;}
    .indexNews_list li dd{margin-bottom: 10px;}
}

/*index01*/
.index_01{position: relative;}
.index_01-con,.introuceSwi,.introuceSwi .swiper-container,.introuceSwi .slide-wrapper{height: 100%;}
.introuceSwi .swiper-container{position: relative;padding: 0 3px;}
.introuceSwi .swiper-container:before{content:"";position: absolute;right: 2px;display: block;width: 1px;background: rgba(255,255,255,0.2);top: 0;height: 100%;}
.introuceSwi .swiper-container:after{content:"";position: absolute;right: -1px;display: block;width: 5px;height: 23%;bottom: 12%;background: #0078ff;display: none;}
.blank_38{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.38);}
.index_01-con{width: 65%;margin: 0 auto;}
.introuceSwi li{height: 100%;box-sizing: border-box;transition: all .5s;overflow: hidden;}
.introuceSwi dl{color: #fff;height: 100%;border-left: 1px solid rgba(255,255,255,0.2);padding-left: 1px;}
.introuceSwi dl>div{width: 100%;}
.introuceSwi dl>div>a{color: #fff!important;}
.introuceSwi dd{margin-bottom: 20%;padding: 0 10%;box-sizing: border-box;position: relative;}
.introuceSwi dd:before{content: "";display: block;width: 5px;background: #0078ff;transition: all .3s;position: absolute;left: -2px;height: 0;}
.introuceSwi dd img{display: block;width: 52px;height: 52px;margin-bottom: 20px;}
.introuceSwi dd p{display: inline-block;border-right: 2px solid #fff;padding-right: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.introuceSwi dt{padding: 0 10%;box-sizing: border-box;transform: translateX(-100%);transition: all .5s;}
.introuceSwi dt h4{margin-bottom: 30px;line-height: 24px;height: 48px;overflow: hidden;}
.introuce_txt{line-height: 24px;height: 216px;overflow: hidden;}
.introuce_txt p{text-align: justify;}
.introuce_link{margin-top: 50px;}
.introuce_link span{display: block;width: 40px;height: 25px;line-height: 25px;text-align: center;border-radius: 20px;background: #0078ff;color: #fff;}
.index_01 .lhl_but{display: none;}
.index_01 .lhl_but div{background: none;font-size: 30px;color: #fff;text-align: center;transition: all .3s;}
.index_01 .lhl_but .swiper-button-prev{left: 30px;}
.index_01 .lhl_but .swiper-button-next{right: 30px;}


.indexImg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexImg-item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .3s;}
.indexImg-item.on{opacity: 1;}
@media only screen and (min-width: 1025px) {
    .introuceSwi li:hover{background: rgba(0,59,178,0.2);}
    .introuceSwi li:hover dd:before{height: 100%;}
    .introuceSwi li:hover dt{transform: translateX(0);}
    .index_01 .lhl_but div:hover{color: #0078ff;}
    .introuce_link span:hover{color: #fff!important;background: #2789f8;}
}
@media only screen and (max-width: 1660px) {

}
@media only screen and (max-width: 1560px) {
    .index_01-con{width: 80%;}
    /*.banner__text__item h4{width: 80%;}*/
    /*.slide-dit{left: 10%;}*/
}
@media only screen and (max-width: 1280px) {
    .introuceSwi dl{padding-top: 25%;}
    .introuce_txt{max-height: 168px;}
}
@media only screen and (max-width: 1024px) {
    .introuceSwi dt{transform:translateX(0);}
    .introuceSwi dd{margin-bottom: 20px;}
    .introuceSwi dd img{margin-bottom: 10px;}
    .introuceSwi dt h4{margin-bottom: 15px;}
    .introuce_txt{max-height: 120px;}
    .introuce_link{margin-top: 20px;}
}
@media only screen and (max-width:767px) {
    .banner__text__item h4{width: 90%;}
    .slide-dit{left: 5%;}
    .index_01{height: 500px!important;}
    .index_01 .lhl_but .swiper-button-prev{left: 5px;}
    .index_01 .lhl_but .swiper-button-next{right: 5px;}
    .introuce_txt{height: 168px;max-height: inherit;}
    .indexImg-item img{display: none;}
}

/*.index_body .site_icon{top: auto;bottom: 80px;}*/
.phoneImage{display: none;}
@media only screen and (max-width:767px){
    .pcImage{display: none;}
    .phoneImage{display: block;}
    .banner_num{bottom: 20px;}
    .banner_p{bottom: 20px;}
}





.menu-logo{overflow: hidden;}
.menu-logo:before {content:"";position:absolute;width:200px;height:100%;top:0;left:-150px;overflow:hidden;

    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -webkit-gradient(linear,left top,right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));

    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    -webkit-transform: skewX(-25deg);

    -moz-transform: skewX(-25deg);

    transition:left 1s ease 0s;
    animation: animate 5s infinite;
}

@keyframes animate {
    0%{
        left: -150px;
    }

    100%{
        left: 150%;
    }
}
/*.menu-logo:hover:before {left:150%; transition:left 1s ease 0s; }*/
.indexNews_listLink{margin: 60px 0;}
.indexNews_listLink a{display: block;width: 260px;height: 70px;line-height: 70px;text-align: center;background: url(../images/addIndex_01.png) no-repeat;background-size: cover;margin: 0px auto;border-radius: 30px;font-size: 18px;color: #fff;}
.indexNews_listLink a i{margin-left: 15px;}
/*.index_body .main{background: #f3f7fa;}*/

@media only screen and (min-width: 1025px) {
    .indexNews_listLink a:hover{color: #fff!important;opacity: .8;}
}
@media only screen and (min-width: 1920px) {
    .banner .wrap{width: 90%;}
    .banner_num{bottom: 11%;}
    .banner_p{bottom: 12%;}
    .banner_p h2{font-size: 50px;}
}

@media only screen and (min-width: 2400px) {
    .banner_p h2{font-size: 60px;}
}



.header_scroll{
    position: fixed;
    top: 10px;
    /*right: 310px;*/
    z-index: 10000000000;
    width: 590px;
    background: rgba(255,255,255,.45);
    padding: 12px 30px;box-sizing: border-box;
    border-radius: 10px;
    left: 50%;
    margin-left: -295px;
}
.header_scroll>span{float: left;margin-right: 10px;line-height: 26px;}
.header_scroll>span img{width: 15px;height: 15px;vertical-align: middle;margin-top: -2px;margin-right: 10px;}
#div1{ width: 390px; height: 26px; position: relative; overflow: hidden;float: left;line-height: 26px;}
#div1 ul { width: 390px; height: 50px; position: relative; }
#div1 ul li { height: 50px; float: left; list-style: none; padding-right:20px;}
.header_scroll>em{float: right;line-height: 18px;width: 18px;height: 18px;background: #000;border-radius: 18px;color: #fff;cursor: pointer;font-weight: bold;margin-top: 4px;text-align: center;}
.phoneImage{display: none;}
@media only screen and (max-width: 1024px) {
    .header_scroll{bottom: 50px;top: auto;background: rgba(0,0,0,0.8);color: #fff;}
    .header_scroll a{color: #fff;}
    .phoneImage{display: inline-block;}
    .pcImage{display: none;}

}


@media only screen and (max-width:990px) {
    .indexNews_listLink{margin: 30px 0 40px;}
    .indexNews_listLink a{width: 190px;height: 50px;line-height: 50px;}
}
@media only screen and (max-width:767px) {

    .header_scroll{width: 94%;margin-left: -47%;padding: 12px 15px;}
    #div1{width:calc(100% - 130px);}
    .header_scroll>span{margin-right: 0;width: 100px;}
    .header_scroll>em{}
}