@charset "UTF-8";
/*棣栭〉banner*/
.indexbanner { position: relative; }
.indexbanner .arrow-left { background: url(../images/banner_prev.png) no-repeat; position: absolute; top: 50%; left: 30px; width: 34px; height: 64px; z-index: 99; }
.indexbanner .arrow-right { background: url(../images/banner_next.png) no-repeat; position: absolute; top: 50%; right: 30px; width: 34px; height: 64px; z-index: 99; }
.indexbanner .swiper-container .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.indexbanner .swiper-container .swiper-wrapper .swiper-slide-active a { animation: bannerimg 6s; }
.indexbanner .swiper-container .pagination { margin: 0; width: 100%; display: block; position: absolute; z-index: 20; bottom: 10px; border-radius: 0; text-align: center; }
.indexbanner .swiper-container .pagination .swiper-pagination-switch { width: 40px; height: 6px; cursor: pointer; background: #fff; margin-right: 8px; border-radius: 10px; display: inline-block; }
.indexbanner .swiper-container .pagination .swiper-active-switch { background: #249cf7; }
@keyframes bannerimg { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/*about_us*/
.about_us .video .video_con { text-align: center; position: relative; }
.about_us .video .video_con > img { max-width: 100%; }
.about_us .video .video_con .video_img { position: absolute; top: 30px; left: 80px; }
.about_us .video .video_con .video_img > img { max-width: 100%; }
.about_us .video .video_con .video_img .video_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.about_us .video .video_con .video_img .video_bg span { width: 100%; height: 100%; display: block; background: #2a82c5; opacity: 0.5; filter: alpha(opacity=50); }
.about_us .video .video_con .video_img .video_bg img { width: 60px; height: auto; position: absolute; top: 35%; left: 45%; cursor: pointer; }
.about_us .about .title { position: relative; }
.about_us .about .title > p { height: 120px; color: #def0fc; font-size: 100px; }
.about_us .about .title .title_con { width: 100%; position: absolute; top: 35%; left: 4%; }
.about_us .about .title .title_con p { color: #2a82c5; font-size: 40px; }
.about_us .about > p { color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 3%; font-size: 14px; line-height: 28px; margin-bottom: 6%; }
.about_us .about > p strong { color: #000; }
.about_us .about a { color: #2a82c5; font-size: 12px; padding: 5px 45px; border-radius: 5px; display: inline-block; border: 1px solid #2a82c5; }

@media (min-width: 992px) and (max-width: 1199px) { .about_us .video .video_con .video_img { left: 30px; width: 100%; }
  .about_us .about { padding-left: 40px; }
  .about_us .about .title .title_con { left: 7%; }
  .about_us .about > p { margin-bottom: 10%; } }
@media (min-width: 768px) and (max-width: 991px) { .about_us .video .video_con .video_img { left: 168px; }
  .about_us .about { margin-top: 30px; }
  .about_us .about > p { margin-top: 0; margin-bottom: 3%; } }
@media screen and (max-width: 767px) { .about_us .video .video_con .video_img { position: static; }
  .about_us .video .video_con .video_img .video_bg img { width: 40px; }
  .about_us .about .title .title_con { position: static; margin-top: 15px; }
  .about_us .about .title .title_con p { font-size: 18px; }
  .about_us .about > p { margin-top: 5px; font-size: 12px; line-height: 20px; margin-bottom: 15px; } }
/*products*/
.product_bg { width: 100%; background: #f8f8f8; padding: 30px 0 50px 0; }
.product_bg .products .title { position: relative; }
.product_bg .products .title > p { height: 120px; color: #def0fc; font-size: 100px; }
.product_bg .products .title .title_con { width: 96%; position: absolute; top: 35%; left: 2%; }
.product_bg .products .title .title_con p { color: #2a82c5; font-size: 40px; }
.product_bg .products .title .title_con p a { float: right; color: #2a82c5; font-size: 12px; margin-top: 10px; }
.product_bg .products .products_con { margin-top: 30px; position: relative; }
.product_bg .products .products_con .arrow-left { background: url(../images/index_pro_prev.jpg) no-repeat; position: absolute; top: 40%; left: 0; width: 24px; height: 41px; z-index: 99; }
.product_bg .products .products_con .arrow-right { background: url(../images/index_pro_next.jpg) no-repeat; position: absolute; top: 40%; right: -10px; width: 24px; height: 41px; z-index: 99; }
.product_bg .products .products_con .swiper-container { width: 92%; }
.product_bg .products .products_con .swiper-container .swiper-wrapper .swiper-slide { padding: 0 20px; }
.product_bg .products .products_con .swiper-container .swiper-wrapper .swiper-slide a { display: block; }
.product_bg .products .products_con .swiper-container .swiper-wrapper .swiper-slide a img { width: 230px;height:147px; }
.product_bg .products .products_con .swiper-container .swiper-wrapper .swiper-slide p { width: 230px; color: #fff; height: 40px; font-size: 14px; line-height: 40px; text-align: center; background: #2a82c5; }
.product_bg .products .products_con .swiper-container .pagination { margin: 0; width: 100%; display: block; position: absolute; z-index: 20; bottom: -60px; border-radius: 0; text-align: center; }
.product_bg .products .products_con .swiper-container .pagination .swiper-pagination-switch { width: 40px; height: 6px; cursor: pointer; background: #fff; margin-right: 8px; border-radius: 5px; display: inline-block; }
.product_bg .products .products_con .swiper-container .pagination .swiper-active-switch { background: #249cf7; }

@media (min-width: 992px) and (max-width: 1199px) { .product_bg .products .title .title_con { left: 3%; } }
@media (min-width: 768px) and (max-width: 991px) { .product_bg .products .title .title_con { left: 4%; } }
@media screen and (max-width: 767px) { .product_bg { padding: 30px 0; }
  .product_bg .products .title .title_con { width: 100%; position: static; }
  .product_bg .products .title .title_con p { font-size: 18px; }
  .product_bg .products .products_con { overflow: hidden; padding-bottom: 25px; }
  .product_bg .products .products_con .swiper-container { overflow: visible; } }
/*news*/
.news .title { position: relative; }
.news .title > p { height: 120px; color: #def0fc; font-size: 100px; }
.news .title .title_con { width: 96%; position: absolute; top: 35%; left: 2%; }
.news .title .title_con p { color: #2a82c5; font-size: 40px; }
.news .title .title_con p a { float: right; color: #2a82c5; font-size: 12px; margin-top: 10px; }
.news .news_con .news_art ul li { padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #aaa; }
.news .news_con .news_art ul li:first-child { border-top: none; }
.news .news_con .news_art ul li .data { width: 20%; float: left; }
.news .news_con .news_art ul li .data span { color: #fff; display: block; padding: 5px 0; font-size: 14px; background: #aaa; border-radius: 5px; text-align: center; }
.news .news_con .news_art ul li .con { width: 78%; float: right; }
.news .news_con .news_art ul li .con p { color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 26px; -webkit-line-clamp: 2; }
.news .news_con .news_art ul li:hover .data span { background: #2a82c5; }
.news .news_con .news_art ul li:hover .con p { color: #2a82c5; }

@media (min-width: 992px) and (max-width: 1199px) { .news .title .title_con { left: 4%; } }
@media (min-width: 768px) and (max-width: 991px) { .news .title .title_con { left: 5%; }
  .news .news_con .news_art ul li .data { width: 30%; }
  .news .news_con .news_art ul li .con { width: 68%; } }
@media screen and (max-width: 767px) { .news .title .title_con { width: 100%; position: static; }
  .news .title .title_con p { font-size: 18px; }
  .news .news_con .news_art ul li .data { width: 25%; }
  .news .news_con .news_art ul li .data span { font-size: 12px; }
  .news .news_con .news_art ul li .con { width: 73%; }
  .news .news_con .news_art ul li .con p { font-size: 12px; line-height: 20px; } }

/*# sourceMappingURL=index.css.map */