@charset "utf-8";
/* CSS Document */
.publicTop{ background:url(../images/pro_bg.jpg) no-repeat center top; 

  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  }





/*新闻内容*/
.news{overflow:hidden; background:#f6f6f6; border:1px #eee solid; margin:24px 24px 0;}
.news .t{width:100%; text-align:center; line-height:32px; padding-top:24px}
.news .t strong{font-size:30px; font-weight:normal; color:#333}
.news .p{line-height:30px; border-bottom:1px #eee  solid; text-align:center; padding:5px 0 5px; font-size:12px}
.news .c{ padding:24px; line-height:25px;color:#555}
.news .c p{ line-height:25px; font-size:14px;color:#555 }
.news .c img{ margin-bottom:10px;}



.productSwiperCon { margin:24px; overflow:hidden }
.productSwiperCon .swiper-container {  width: 100%; visibility: hidden;vertical-align:middle; z-index: 1;text-align:center }
.productSwiperCon .swiper-container .swiper-button-next, .productSwiperCon .swiper-container .swiper-button-prev { width: 52px; height: 52px; margin-top: -26px; background-size: auto auto; background-color: rgba(0, 0, 0, 0.5); }
.productSwiperCon .swiper-container .swiper-button-next { right: 0; background-image: url(../images/arrow6.png); }
.productSwiperCon .swiper-container .swiper-button-prev { left: 0; background-image: url(../images/arrow5.png); }
.productSwiperCon .swiper-container.on { z-index: 2; visibility: visible; }



/*响应式*/
@media screen and (min-width:320px) and (max-width: 1079px) {


.news{margin:12px 12px 0;}
.news .t{line-height:25px; padding-top:12px}
.news .t strong{font-size:18px;}
.news .p{line-height:25px; padding:6px 0}
.news .c{ padding:12px; line-height:25px;}
.news .c p{ line-height:20px; font-size:12px}


.productSwiperCon { margin:12px; overflow:hidden }
.productSwiperCon .swiper-container .img{ width:100%; }


}

@media screen and (min-width:1080px) {





.news{margin:12px 12px 0;}
.news .t{line-height:25px; padding-top:12px}
.news .t strong{font-size:18px;}
.news .p{line-height:25px; padding:6px 0}
.news .c{ padding:12px; line-height:25px;}
.news .c p{ line-height:20px; font-size:12px }



.productSwiperCon { margin:12px 0; overflow:hidden }
.productSwiperCon .swiper-container .img{ max-width:100%; max-height:100%; }

}

@media screen and (min-width:1200px) {


.news{margin:24px 24px 0;}
.news .t{line-height:32px; padding-top:24px}
.news .t strong{font-size:24px;}
.news .p{line-height:30px; padding:12px 0}
.news .c{ padding:24px; line-height:25px;}
.news .c p{ line-height:30px; font-size:14px }

.productSwiperCon { margin:12px 0; overflow:hidden }
.productSwiperCon .swiper-container .img{ max-width:100%; max-height:100%; }
}

@media screen and (min-width:1400px) {.


.news{margin:24px 24px 0;}
.news .t{line-height:32px; padding-top:24px}
.news .t strong{font-size:24px;}
.news .p{line-height:30px; padding:12px 0}
.news .c{ padding:24px; line-height:25px;}
.news .c p{ line-height:30px; font-size:14px }

.productSwiperCon { margin:12px 0; overflow:hidden }
.productSwiperCon .swiper-container .img{ max-width:100%; max-height:100%; }

}