/* 6.23 woali change */
@keyframes fadeInDown {
	from {
	opacity:0;
	transform:translate3d(0,-50%,0)
}
to {
	opacity:1;
	transform:none
}
}.fadeInDown {
	animation-name:fadeInDown
}
img{max-width: 100%;height: auto;width: auto;}
.navbar-light .navbar-nav .nav-link{padding: 25px 14px;}
.logo-img{max-width: 180px;}
.public_next span, .video-banner .txt{-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;letter-spacing: 5px;}
#carouselExampleFade{position: relative;}
.public_next{position: absolute;bottom: 30px;margin: 0 auto;z-index: 99999999999999;color: #fff;display: block;width: 100%;text-align: center;}
.public_next i{font-size: 48px;color: #fff;display: block;}
.carousel-fade .carousel-item{height: 100%;}
#carouselExampleFade .txt{text-align: center;width: 100%;margin: auto;margin-top:calc(50% - 130px);}

/* 6.28 */
.video-banner{position: relative;}
.video-banner .txt{position: absolute;top: calc(50% - 86.5px);margin: auto;text-align: center;width: 100%;color: #fff;}
.video-banner .txt h3{font:normal bold 48px "微软雅黑";color: #fff;letter-spacing: 5px;;}
.video-banner .txt .line{display: block;width: 100px;height: 3px;background-color: #1b76de;margin: 30px auto 20px;}
.video-banner .txt .pe_call i{font-size: 18px;color: #fff;margin: 0px 8px;}
.video-banner .txt .pe_call a{color: #fff;font-size: 16px;;}

.demo1 li{width: 100%;display: -ms-flexbox;display: flex;background-color: #fff;}
.pagination{position: absolute;top: 50%;right: 30px;}
.pagination li{display: block;width: 100%;}
.pagination span{font-size: 32px;color: #1b76de;}
.nitem-right {padding: 20px 70px 0px 70px;color: #1b76de;}
.nitem-right h2{color: #1b76de;font:bold 20px "微软雅黑";float: left;margin-top: 15px;}
.nitem-right b{font-size: 36px;float: left;font-weight: bold;margin-top: 15px;}
.nitem-right .lenouds-i{width: 15px;height: 2px;background-color: #1b76de;display: block;float: left;margin: 15px 20px 0px;;}
.nitem-right p{padding: 2em 0px;}
.nitem-right a{font-size: 16px;color: #1b76de;}
.panel-body{overflow: hidden;padding: 0px;}
.video-banner{max-height: 870px;overflow: hidden;}
.parallax-window1{padding: 8em 0px 16em;}
.panel-footer .pagination{display: block;top: calc(50% - 32px);}
.parallax-window2{;background-size: 100%;
background-attachment: fixed;padding: 10em 0px;}
.bg-all{background: url(/images/bg1.jpg) center;background-size: 100%;
background-attachment: fixed;}
/*swiper*/
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}
/*h-About*/
.haboutp-8{padding: 5em 0px;background:transparent;}
.h-About{padding-top: 5em }

.h-About img{float: right;}
.h-about-left h3{
	font-size: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.7em;
    text-align: left;
}
.h-about-left h4{    
	font-size: 46px;
    color: #fff;
    font-weight: 600;
	letter-spacing: 0;
    line-height: 1.4em;
    text-align: left;
}
.h-about-left i{width: 100px;height: 4px;display: block;margin: 10px 0px;background-color: rgb(255, 255, 255)}
.h-about-left p{color: #fff;}
.h-about-left a{color: #fff;margin-top:2rem;display: block;overflow: hidden;}
.swiper-slide{overflow: hidden;}
.swiper-slide img{position: relative;}
.ipvw{position: absolute;z-index: 9999;color: #fff;opacity: 0;background-color: rgba(0,0,0,0.4);width: 100%;height: 100%;-webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;padding: 3em;}
.ipvw h3{color:#fff;}
.swiper-slide-active:hover .ipvw{display: block;opacity: 1;transition: all 0.2s;}
.ipvw p{color: #fff;font-size: 16px;margin-top: 15px;}
/*h-mid*/
.h-mid{background: transparent ;padding: 10em 0 2em 0px; color: #fff;}
.h-mid img{max-width: 80px;max-height:80px;}
.h-mid .mig-txt{padding: 1em 0px 0px 1em;}
.h-mid .mig-txt h3{font-size: 20px;}
.h-mid .mig-txt p{font-weight: bold;color: #fff;font-size: 16px;}
@keyframes mlfly {
                0%{
                    background-position:0 0;
                }
                100%{
                    background-position:1920px 0;
                }
            } 

footer{background: url(/images/bg4.jpg) center center;padding: 15rem 0px;background-color: #f4f4f4;    
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
                animation:mlfly 14s steps(1920,start) .5s infinite alternate;
}
footer h3, footer p, footer ul li a i.fa{color: #fff;}
footer ul li a{border-color: #fff;}
.foot{background: transparent;}
.bg{position: absolute;top: 0; z-index: 0;}


.vidage{position: relative;}
#vidagevideo{position: absolute;top: 0px;z-index: 5;max-height: 780px;width: 100%;object-fit: fill}
.slick-slider .slick-list{height: 100%;}
.slick-slider{z-index: 999;width: 90%;margin: auto;position: absolute !important;top: auto;bottom:30%;right: 0;left: 0px;height: 230px !important;}
.slick-slide{text-align: center;}
.slider .txt{color: #fff;margin: auto;text-align: center;margin: auto;}
.slider{height: 100%;}
.slider .txt h3{font:normal bold 48px "微软雅黑";color: #fff;letter-spacing: 5px;;}
.slider .txt .line{display: block;width: 100px;height: 3px;background-color: #1b76de;margin: 30px auto 20px;}
.slider .txt .pe_call i{font-size: 18px;color: #fff;margin: 0px 8px;}
.slider .txt .pe_call a{color: #fff;font-size: 16px;;}
.vidage {height: 780px;}

.slick-slide {
  margin: 0px 20px;  
}
.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: .5;
}
.slick-current {
  opacity: 1;
}


@media(max-width:  1199px){
	.vidage{height: auto;}
}

@media(max-width:  1199px){
	.navbar-light .navbar-nav .nav-link{padding: 25px 5px;}
	.h-about-left h4{font-size: 24px;}
	.about{line-height: 1.5em;}
}
@media(min-width:  1025px){
	.hidden-lgg{display: none !important;}
	}
@media(max-width:  1024px){
	.hidden-lg{display: none;}
	.banner-xs{background: url(/images/banner.jpg) no-repeat center;height: 680px !important;background-size: cover;width: 100%;padding: 0px 50px;position: relative;}
	.public_next{width: calc(100% - 100px);}
}
@media(max-width:  768px){
	.banner-xs{height: 966px !important;}
  .h-About .container.d-flex{display: block !important;}
  .h-About .col-sm-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;display: block;overflow: hidden;}
  .h-About .col-sm-6 img{margin: 2rem 0px;}
  .h-mid{overflow: hidden;display: block;}
  /* .h-mid .container.d-flex{display: flex !important;} */
  .h-mid .col-sm-3{-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;float: left;}
  .h-mid .col-sm-3:nth-child(1), .h-mid .col-sm-3:nth-child(2){margin-bottom: 1.5em;}
  .h-mid{padding: 2em 0px;}
  .nitem-right b, .nitem-right .lenouds-i{display: none;}
  .nitem-right p{padding: 1em 0px;line-height: 1.2em;}
  .demo1{min-height: auto;padding: 2em 0px;height: auto !important;}
  .nitem-right{padding: 10px 0px;}
  .nitem-right h2{margin-top: 0px;}
  .demo1 li{padding: 0px 20px;}
  .haboutp-8{padding: 2em 0px;}
  .parallax-window2{padding: 0px;}
  .parallax-window1, .parallax-window2{min-height: auto !important;}
  .parallax-window1{padding: 4em 0 4em;}
  footer {padding: 3rem 0px;}
}

@media(min-width:  480px){
.hidden-mid{display: none;}
}
@media(max-width:  480px){
	.banner-xs{height: 520px !important;}
	.slider .txt{line-height: 1.5;}
	.slider .txt h3, .slider .txt h4{font-size: 16px;line-height: 1.8;}
	.slider .txt h4{font-size: 22px;}
	.slider .txt .line{margin:15px auto;}	
	.slick-prev{left: 0px;}
	.slick-next{right: 0px;}
	.slick-slider{bottom: 20%;}
	
  .h-mid .col-sm-3{-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;float: left;margin-bottom: 20px;}
  .h-About{padding-top: 0px;}
  footer h3{font-size: 24px;}
  .foot p{text-align: center;float: none;}
  .nitem-left{width: 100%;}
  .demo1 li{display: block;}
  .nitem-right{padding: 15px;}
  /*.swiper-slide{margin-right: 0px !important; width: 0% !important;}
   .swiper-slide-active, .swiper-slide-duplicate-active{display: block;width: 100%}*/
   .hidden-xs{display: none;}
  .hidden-mid{padding: 0px 15px;position: relative;}
  .ipvw{position: relative;display: block;opacity: 1;background-color: #1b76de;padding: 1em;z-index: 5;}
  .swiper-slide{display: block;}
  .swiper-button-next, .swiper-button-prev{display: none;}
  footer, .bg-all{background-size:cover;}
}