#banner video {width: 100%;height: 100vh;object-fit: cover;}
#banner .swiper-container{position: absolute;bottom: 10vh;width: 1300px;left: 50%;margin-left: -600px;color: #fff;font-weight: 400;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
#banner .swiper-container .swiper-slide{opacity: 0;transition: all .5s ease-in; text-align:center;font-size:45px;}
#banner .swiper-container .swiper-slide-active,.head_video .swiper-container .swiper-slide-duplicate-active{opacity: 1;transition-delay: .5s;}


.title{text-align: center;width: 60%;margin: 80px auto 70px;}
.title h3{color: #333333;font-size: 30px;margin-bottom: 30px;}
.title h3 span{color: #b92d23;}
.title p{color: #999999;line-height: 32px;font-size: 16px;}
.title.white h3{color: #fff;}
.title.white p{color: #fff;}

.product .swiper-container{padding-bottom: 80px;}
.product .swiper-pagination-bullet{width: 85px;height: 6px;background-color: #dfdfdf;opacity: 1;border-radius: 0;}
.product .swiper-pagination-bullet-active{background-color: #b92d23;}
.product .swiper-slide span{position: absolute;bottom: 40px;}
.product .swiper-slide span a{font-size: 20px;color: #fff;}
.product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}

.product .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);
}
.product .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}

.about{height: 700px;background: url(/zsen/template/page/index/bg.png) no-repeat;background-size: 100% 100%;padding-top: 1px;margin-top: 80px;}
.about_nums{padding: 0 50px;display: flex;justify-content: space-between;}
.about_nums li{width: 23%;}
.about_nums li img{width: 64px;height: auto;margin-right: 20px;float: left;margin-top: 5px;}
.about_nums li div{float: left;}
.about_nums li h4{font-size: 30px;color: #ffff;}
.about_nums li p{font-size: 14px;color: #fff;line-height: 28px;}
.about_txt{display: flex;background: #fff;margin-top: 60px;position: relative;z-index: 1;}
.about_txt div{margin-left: 60px;margin-top: 60px;margin-right:40px;}
.about_txt h4{font-size: 22px;color: #333;margin-bottom: 2.2vw;}
.about_txt p{color: #333333;font-size: 16px;line-height: 32px;}
.about_txt a{color: #b92d23;font-size: 18px;margin-top: 2.2vw;display: inline-block;font-weight: 700;}
.about_txt img{width: 42%;}

.dynamic{background:#f9f9f9;padding-top: 2px;padding-bottom: 40px;}
.dynamic .news{display: flex;justify-content: space-between;}
.dynamic .news li{width: 32%;background: #fff;padding: 30px;}
.dynamic .news li p{margin-top: 20px;color: #333333;font-size: 22px;line-height: 40px;height:120px;margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.dynamic .news li p:hover{color: #c7001a;}

.contact {padding-top: 150px;padding-bottom:60px;background: url(/zsen/template/page/index/contact.png) no-repeat center 80px;}
.contact .w{display: flex;justify-content: space-between;}
.contact .title{margin: 0;text-align: left;width: 30%;}
.contact .title p{color: #333;}
.contact_txt{width: 60%;display: flex;flex-wrap: wrap;}
.contact_txt div{display: inline-block;width: 50%;margin-bottom: 80px;}
.contact_txt span{color: #999999;font-size: 16px;}
.contact_txt p{color: #333333;font-size: 26px;}


@media (max-width: 768px) {
#banner{position:relative;}
#banner video{height:auto;}
#banner .swiper-container{width:80%;margin-left: auto;left: 10%;bottom: 20px;}
#banner .swiper-container .swiper-slide{font-size:18px;}

.title{width:95%;margin: 30px auto;}
.title h3{font-size:22px;margin-bottom: 15px;}
.title p{line-height:25px;}

.product .swiper-slide{transform:scale(0.9);}
.product .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.product .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;}
.product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.product .swiper-container{padding-bottom:30px;}

.about{height:auto;margin-top:30px;padding-bottom:30px;}
.about_nums{padding:0;width: 95%;margin: 0 auto;flex-wrap:wrap;}
.about_nums li{width:48%;text-align: center;margin-bottom:20px;}
.about_nums li img{height:40px;width:auto;display:block;margin:0 auto;float: none;}
.about_nums li div{width:100%;margin-top:10px;}
.about_nums li p{line-height:22px;}
.about_nums li h4{font-size:22px;}
.about_txt{flex-wrap: wrap;flex-direction: column-reverse;display: flex;margin-top:0;}
.about_txt div{margin: 0px;width: 100%;padding: 20px;}
.about_txt img{width:100%;}
.about_txt p{line-height:26px;}
.about_txt a{float:right;font-size: 16px;}

.dynamic{padding-bottom:10px;}
.dynamic .news{flex-wrap:wrap;}
.dynamic .news li{width:100%;padding: 10px 15px;margin-bottom: 20px;}
.dynamic .news li p{font-size:18px;line-height:26px;margin-top: 0;}

.contact{padding-top: 20px;padding-bottom: 10px;}
.contact .w{flex-wrap:wrap;}
.contact .title{width:100%;}
.contact_txt{width:100%;margin-top: 20px;}
.contact_txt div{width:100%;margin-bottom: 10px;}
.contact_txt p{font-size:18px;margin-top: 5px;}



}