.banner_out{position: relative;}


.bannerbut{display: none;}
.bannerbut>div{background: none;
     width: 38px;
    height: 38px; margin-top: -19px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    right: 20px;
    background-color: rgba(91, 112, 136,.5);
    color: #fff;
    text-align: center;
    line-height: 38px;}
    .bannerbut .swiper-button-prev{left: 20px;}
    .bannerbut .swiper-button-next {right: 20px;}

.banner_text{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
  visibility: hidden;opacity: 0;
  -webkit-transform: translateY(30%); -moz-transform: translateY(30%);-o-transform: translateY(30%);-ms-transform: translateY(30%);transform: translateY(30%);
}

.banner .swiper-slide-active .banner_text{
  visibility: visible;opacity: 1;
transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); 
  top:41%;
}


.banner_text{z-index: 92; width: 100%;color: #595959;position:absolute; left:0; top:1.8rem; text-align: center;

transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:51%;
}
.banner_text h3{ margin-bottom: 0.1rem; color: #346aef; line-height: 1.2em;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

  background: -webkit-linear-gradient(to right,#3469ef, #4dc9fa); /* Safari 5.1 到 6.0 */
  background: -o-linear-gradient(to right,#3469ef, #4dc9fa); /* Opera 11.1 到 12.0 */
  background: -moz-linear-gradient(to right,#3469ef, #4dc9fa); /* Firefox 3.6 到 15 */
  background: -ms-linear-gradient(to right,#3469ef, #4dc9fa); /* Firefox 3.6 到 15 */
  background: linear-gradient(to right,#3469ef, #4dc9fa); /* 标准的语法 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.banner_text p{ line-height: 1.6em;max-height: 3.2em;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}


.banner{position: relative;overflow: hidden;}
 .banner ul{height: auto !important;} 
.baner_but{display: none;}
.baner_but div{background: none;outline: none;font-size: 50px;width: 60px;height: 60px;line-height:60px; margin-top: -30px;text-align: center;color: #fff;}
.banner li{position: relative;overflow: hidden; border: 0; }
.banner_scale{position: relative;height: 100%;}
/* .banner li .banner_scale:after{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.17);z-index: 91;} */
.banner li>a{display: block;position: relative;height: 100%;}
.banner li .banner_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 9;}
.banner li video {
position: absolute;
width: 100%;height: 100%;
left: 0px;
top: 0;
object-fit: cover;z-index: 91;
}

.banner .index_btn a:before{display: none;}

.banner_page,.newspage{height: 4px;}
.banner_page{position: absolute;left: 0;bottom:0.3rem;width: 100%;z-index: 9; text-align: center;}
.banner_page  span{width: 0.82rem;height: 4px;opacity:0.3 !important;background: none;margin:0 3px;background:#fff;border-radius: 3px;}
.banner_page span:after{content:"";position: absolute;bottom: 0;left: 0;width:0%;height: 100%;background:#e7091a;}
.banner_page .swiper-pagination-bullet-active{opacity:1 !important;}
.banner_page .swiper-pagination-bullet-active:after{width: 100%;transition:all 5s;-webkit-transition:all 5s;-moz-transition:all 5s;-o-transition:all 5s;-ms-transition:all 5s; display: none;}


.banner .swiper-pagination{width: 100%;bottom:0.3rem;}
.banner span{width: 0.4rem;height: 4px;opacity:0.3 !important;background: none;margin:0 3px;background:#fff;border-radius: 3px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.banner .swiper-pagination-bullet-active{opacity:1 !important;width: 0.8rem;}

.phone_video{display: none;}
@media only screen and (min-width:1024px){
 
  .banner .index_btn a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.banner .index_btn a:hover{opacity: 0.8;}
}
@media only screen and (max-width:1024px){
  .maod{top:-70px}
.banner li video{display: none !important;}
.baner_but div{font-size: 40px;width: 40px;height: 40px;line-height: 40px; margin-top: -20px;}

.banner .wrap_1696{box-sizing:border-box;}


.banner .ban_video .phone_video a{color: #fff;}
.banner .ban_video .phone_video{  color: #fff; position: absolute;left: 3%;bottom: 50px;font-size: 24px;z-index: 99999;}

.banner_text{top:55%}
.banner .swiper-slide-active .banner_text{top:50%;}
}

@media only screen and (max-width:768px){

.banner_text h3{font-size: 26px;margin-bottom: 0.2rem;}
.banner_text p{font-size: 14px;line-height: 24px;max-height: 48px;font-weight: normal;}
.banner_page span{width:40px}

/*.banner_text{top:auto;bottom: 25%;}*/
.bannerbut .swiper-button-prev{left: 0px;}
.bannerbut .swiper-button-next {right: 0px;}
}




.index_phonebox{display: none;}
@media only screen and (max-width:768px){
    .index_phonebox{display: block; position: relative;}
.index_pcbox{display: none;}
.index_phonebox li{border: 0;} 

.index_phonebox li{position: relative;}
.index_protext{width: 100%;padding: 0 10%;

    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
    .index_protext h3{color: #333; line-height: 34px; line-height: 34px;}
    .index_protext p{margin: 15px 0;}

    .index_protext #w_fbtn-1605765000229{max-width: 140px;    min-height: 40px; margin-bottom: 0;}
    .index_protext #w_fbtn-1605765000229,.index_protext #w_fbtn-1605765000229 .p_CommonBtn{height: 40px;}
    .index_protext #w_fbtn-1605765000229 .p_CommonBtn .font{line-height: 38px;}
}