﻿
.videolist{display: none}
.videolist i{ font-size: 40px;line-height:44px; vertical-align:top;height:44px}



.videolist { margin: 0px; padding: 0px; z-index: 999999}
.videolist:hover{ cursor: pointer;}
.videos{ display:none; position:fixed; z-index:119999; max-width:900px;width:80%; height:auto;left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); background:#fff; margin: 0px; padding: 5px 5px 0px 5px;box-shadow:0 0 20px 1px rgba(0,0,0,.3) }
.vclose { position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; background: #000; padding: 2px}

@media only screen and (max-width: 700px) {
.videos{width:90%;background:#eee;}	
	
}

@media only screen and (max-width:767px) {
.videolist{display: block}		
}



       .pop {  display: none;  width:50%; height:auto;  position: fixed; margin:0 auto;  padding:0; border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .5); z-index:119999;  top:9%; left:25%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; }
		
        .pop-top{  height:40px;  width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;  }
        .pop-top h2{  float: left;  display:black; font-size:18px; text-align:center; margin: 0px; padding: 10px 10px  0px  10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;  font-weight: bold}
        .pop-top span{  float: right;  cursor: pointer;  font-weight: bold; display:black; margin-top: 10px; margin-right: 10px}
        .pop-foot{  height:auto;  line-height:34px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; }
        .pop-cancel, .pop-ok {  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
        .pop-cancel { background-color: #FFF;  border:1px #CECECE solid;  color: #000;margin: 0px; padding: 0px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;  width: 60px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px}
        .bgPop{  display: none;   position: fixed;  z-index:9998;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.4); overflow:hidden;   }

@media only screen and ( max-width:800px ) {
.pop {  display: none;  width:88%;left:4%; top:15%;}
}
video::-internal-media-controls-download-button {display:none;}

video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}





.banner li video {
position: absolute;
width: 100%;height: 100%;
left: 0px;
top: 0;
object-fit: cover;
}
.banner li.imgLeft .banner_text_02{
  text-align: left;
}
.banner li.imgCenter .banner_text_02{
  text-align: center;
}
.banner li.imgRight .banner_text_02{
  text-align: right;
}
@media only screen and (max-width:767px){
.banner li video{display: none !important;}
}
.banner{position: relative;height: 100%;width: 100%;}
.banner .swiper-container,.banner .swiper-wrapper,.banner li{height:auto!important;}
.banner .pc_img{height: auto !important;width: 100%}
.banner_text{ padding: 0px 30px;}
.banner_text h3{font-size: 46px;display: block; font-weight: 400; text-align:left}
.banner_text p{font-size: 30px;padding: 0px; overflow: hidden; color: #fff; margin-bottom: 10px}
.banner_text h3,.banner_text p{ display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

.banner_text{z-index: 2;position: absolute;left:6%;width:88%;color: #fff;
top: 42%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}




.w_5{width: 53%;}

.baner_but{display: none;}
.baner_but div{background: none;font-size:40px;width: 60px;height: 60px;margin-top: -30px;}
.baner_pagination{position: absolute;left: 0;bottom:18%;width: 100%;}
.baner_pagination span{border: 0;border-radius: 0; height: 3px;width: 150px;background: rgba(255,255,255,0.3);margin: 0 4px;opacity: 1;}
.baner_pagination span.swiper-pagination-bullet-active{background: #fff;}
.baner_pagination span .iline{display: block; height: 3px;width: 0;background:#005cbb;}
.baner_pagination span.swiper-pagination-bullet-active .iline{width: 100%;transition:all 5s;-webkit-transition:all 5s;-moz-transition:all 5s;-o-transition:all 5s;-ms-transition:all 5s;}


.banner_text_02{width: 100%;text-align: center;}
.banner_text_02 img{width: 57.8%;}

.banner_text_01{
	opacity: 0; 
transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
}
.banner_text_02{
	opacity: 0; 
	transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
}
.banner li.swiper-slide-active .banner_text_01{opacity: 1;left: 0;}
.banner li.swiper-slide-active .banner_text_02{opacity: 1;margin-top: 0;}

.baner_pagination{text-align: center;}
.baner_pagination .swiper-pagination{position: relative;}
.pagination_in{display: inline-block;}
.pagination_in>div{float: left;    position: relative;z-index: 2;font-size: 16px;font-weight: bold;}
.pagination_btn{margin-left: 15px; width: 30px;height: 30px;color: #fff;    margin-top: 4px;}
.pagination_btn div{cursor: pointer;}
.pagination_btn .btn_02{display: none;font-size: 14px;}
.pagination_btn .btn_02 i{font-size: 16px;}
.pagination_btn .btn_02 i{font-size: 16px;}
/*新修改*/
@media only screen and (min-width:767px) {
    .banner .swiper-container-horizontal > .swiper-pagination-bullets,
    .banner .swiper-pagination-custom,
    .banner .swiper-pagination-fraction {
        bottom: 20%;
    }

    .banner .swiper-pagination-bullet {
        background: #fff;
        opacity: 1;
    }

    /*.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 48px;border-radius: 10px;}*/
    /*.cicle_s{width: 0;transition: all 5s;background: #007750;display: block;height: 100%;border-radius: 10px;}*/
    /*.banner .swiper-pagination-bullet.swiper-pagination-bullet-active .cicle_s{width: 100%;}*/
    .progressbar-wrap.swiper-pagination-bullet {
        width: 100px;
        height: 3px;
        background: rgba(255, 255, 255, 0.3);
        margin: 0 4px;
        opacity: 1;
        border-radius: 0;
    }

    .progressbar-wrap.swiper-pagination-bullet-active {
        background: rgba(255, 255, 255, 0.3);
        position: relative;

    }

    .progressbar-wrap.swiper-pagination-bullet-active .progressbar {
        display: block;
    }

    .progressbar-wrap .progressbar {
        display: none;
        border-radius: 0;
        background: #005cbb;
        position: absolute;
        left: 0;
        top: 0;
        width: 0%;
        height: 100%;
    }
}

@media only screen and (max-width:1300px) {
	.banner_text p{font-size: 25px;}	
	
}



@media only screen and (max-width:1440px) {
.baner_pagination{bottom: 6%;}
.baner_pagination span{width: 100px;}
}
@media only screen and (max-width:1024px) {
.banner_text h3{font-size: 28px;line-height: 40px;}
	.banner_text p{font-size: 20px;}

.baner_pagination span{width: 8px;height: 8px;background: #fff;border-radius:50%;}
.baner_pagination span.swiper-pagination-bullet-active{background: #005cbb;}
.baner_pagination span i{display: none;}
.baner_pagination span .iline{display: none;}
.baner_pagination{bottom: 10px;}
.banner_text_02 img{width: auto;max-width: 80%;}

}
@media only screen and (max-width:767px) {
.pagination_btn{display: none;}
.banner_text h3{font-size: 24px;line-height: 30px; text-align: center}
.w_5{width: 100%;}
.banner_text p{font-size: 16px;line-height: 24px;}

.banner{margin-top: 1px!important;height:auto;}
.index_body .height_height{height: 0;}
    .banner .swiper-pagination-bullet{background: #fff;opacity: 1;margin: 0 5px;}
    .banner .swiper-pagination-bullet-active{background: #005cbb;}
    .banner{margin: 0!important;}
    .banner img{height: auto !important;}
	.banner_text{width: 100%; left:0;}
}


@media only screen and (max-width:550px) {
.banner_text h3{font-size: 22px;line-height: 30px;}	
}


.index_01{position: relative;overflow: hidden;margin-top:-1px;z-index: 2;}
.index_core{position: absolute;top:0;left: 0;width: 100%;height:100%;}
.index_core ul,.index_core li,.index_core img{width: 100%;height: 100%;}



.ban_video .video_button{font-size: 60px;color: #fff;cursor: pointer;display: none;}



.banner li{background: none!important;}
.phone_img{display: none;width: 100%;}
.banner li .phone_img{transform: none;height: 100vh;background-size: 100% !important; background-position: bottom center!important;}



@media only screen and (max-width:1024px) {
  .banner .swiper-container{height: 100%;}

}

@media only screen and (max-width:767px) {

  .bisiness_01 .bisiness_title{margin-bottom: 40px;}
  /*  .pc_img{display: none!important;}
    .phone_img{display: block!important;}*/
    .index_04 .phone_img{height: 100%;}
}

