@charset "UTF-8";
/*首页banner*/
.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-pagination .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #fff; }
.indexbanner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #8fc430; }

/*关于崧高*/
.about { padding-left: 8%; padding-right: 8%; text-align: center; }
.about h3 { color: #1d1d1d; font-size: 24px; margin-bottom: 3%; }
.about p { color: #808080; font-size: 14px; font-family: "宋体"; line-height: 28px; margin-bottom: 4%; }
.about a { color: #b2b2b2; font-size: 12px; padding: 10px 56px; font-family: 'Arial'; display: inline-block; border: 1px solid #ccc; }

@media screen and (max-width: 767px) { .about { padding-left: 15px; padding-right: 15px; }
  .about h3 { font-size: 16px; margin-bottom: 5%; }
  .about p { height: 80px; font-size: 12px; line-height: 20px; margin-bottom: 6%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
  .about a { padding: 8px 40px; } }
/*产品中心*/
.product_bg { width: 100%; padding-top: 8%; text-align: center; padding-bottom: 8%; position: relative; }
.product_bg u { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; }
.product_bg .product { position: relative; }
.product_bg .product h4 { color: #fff; font-size: 28px; margin-bottom: 3%; }
.product_bg .product ul li { width: 24%; float: left; margin-right: 1%; position: relative; border: 1px solid #e6e6e6; }
.product_bg .product ul li a { height: 100%; display: block; }
.product_bg .product ul li img { width: 100%; }
.product_bg .product ul li p { color: #fff; font-size: 14px; margin-top: 10px; }
.product_bg .product ul li .pro_ho { width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; z-index: 3; background: rgba(0, 0, 0, 0.4); }
.product_bg .product ul li .pro_ho span { width: 100%; color: #fff; display: block; font-size: 18px; position: absolute; top: 40%; }

@media screen and (max-width: 767px) { .product_bg .product h4 { font-size: 16px; margin-bottom: 5%; }
  .product_bg .product ul li { width: 45%; margin-left: 10%; margin-right: 0; margin-bottom: 5%; }
  .product_bg .product ul li .pro_ho { display: none; } }
/*新闻中心*/
.news_center h4 { color: #333; font-size: 28px; text-align: center; margin-bottom: 3%; }
.news_center .news .carousel .swiper-container .swiper-wrapper .swiper-slide { position: relative; }
.news_center .news .carousel .swiper-container .swiper-wrapper .swiper-slide a { display: block; }
.news_center .news .carousel .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; }
.news_center .news .carousel .swiper-container .swiper-wrapper .swiper-slide .page_titile { width: 100%; padding: 15px; display: block; background: rgba(0, 0, 0, 0.75); position: absolute; left: 0; bottom: 0; }
.news_center .news .carousel .swiper-container .swiper-wrapper .swiper-slide .page_titile p { color: #fff; float: left; font-size: 18px; }
.news_center .news .carousel .swiper-container .swiper-pagination { bottom: 15px; }
.news_center .news .carousel .swiper-container .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #fff; }
.news_center .news .carousel .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: none; border: 1px solid #029cdf; }
.news_center .news .news_detail ul li { padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #e6e6e6; }
.news_center .news .news_detail ul li:first-child { padding-top: 0; border-top: none; }
.news_center .news .news_detail ul li .data { text-align: center; padding-top: 15px; padding-bottom: 15px; border: 1px solid #ccc; }
.news_center .news .news_detail ul li .data p { color: #b3b3b3; font-size: 40px; }
.news_center .news .news_detail ul li .data img { width: 100%; }
.news_center .news .news_detail ul li .details h5 { margin-bottom: 15px; }
.news_center .news .news_detail ul li .details h5 a { color: #333; font-size: 18px; }
.news_center .news .news_detail ul li .details h5 span { color: #ccc; float: right; font-size: 14px; font-family: "宋体"; }
.news_center .news .news_detail ul li .details p { color: #999; height: 40px; font-size: 12px; font-family: "宋体"; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_center .news .news_detail ul li:hover .data { border: 1px solid #00a2e9; }
.news_center .news .news_detail ul li:hover .data p { color: #00a2e9; }
.news_center .news .news_detail ul li:hover .details h5 a { color: #00a2e9; }

.news_center .news .carousel .swiper-container-horizontal > .swiper-pagination-bullets { width: 25%; left: 75%; }

@media (min-width: 768px) and (max-width: 991px) { .news_center .news .carousel .swiper-container .swiper-wrapper .swiper-slide .page_titile p { font-size: 14px; }
  .news_center .news .carousel .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }
  .news_center .news .news_detail ul li .details h5 a { font-size: 16px; } }
@media screen and (max-width: 767px) { .news_center h4 { font-size: 16px; margin-bottom: 5%; }
  .news_center .news .news_detail ul li .details h5 { margin-bottom: 8px; }
  .news_center .news .news_detail ul li .details h5 a { display: block; font-size: 14px; margin-bottom: 5px; }
  .news_center .news .news_detail ul li .details h5 span { float: none; display: block; } }

/*# sourceMappingURL=index.css.map */
