@charset "utf-8";/* CSS Document */
.zznav{width:100%; margin-top: 20px; padding:10px; box-sizing: border-box; text-align: center; overflow: hidden;}
.zznav a{ display: inline-block;font-size: 16px;padding: 5px 10px; margin:5px 10px;background-color: #eeeeee;border-radius: 5px;}
.zznav a.on{ color:#d2181b;}

.zzpica{ margin-bottom:50px; overflow: hidden;}
.zzpica li{float:left;width:25%;padding:20px 8px; box-sizing: border-box; overflow: hidden;}
.zzpica li .bor{box-shadow:0 3px 8px 2px rgba(0, 0, 0, 0.1); overflow: hidden;}
.zzpica li .imgs{width:100%;padding: 5px;height:210px;text-align:center; overflow: hidden;}
.zzpica li .imgs img{max-height:210px;}
.zzpica li .tit{background-color:#fff;padding:15px 10px; font-size:16px; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.zzpicb{ margin-bottom:50px; overflow: hidden;}
.zzpicb li{float:left;width:25%;padding:20px 10px;box-sizing: border-box; overflow: hidden;}
.zzpicb li .imgs{width:98%;height:415px; line-height: 415px; text-align:center;box-shadow:0 3px 8px 2px rgba(0, 0, 0, 0.1); }
.zzpicb li .imgs img{max-height:415px;}

.zzpicc{margin-bottom:50px; overflow: hidden;}
.zzpicc li{float:left;width:50%;padding:20px 10px;box-sizing: border-box; overflow: hidden;}
.zzpicc li .imgs{width:98%;height:855px;box-sizing: border-box; padding: 5px; text-align:center;box-shadow:0 3px 8px 2px rgba(0, 0, 0, 0.1); }
.zzpicc li .imgs img{max-height:845px;}

.zzpic1{margin-bottom:50px; overflow: hidden;}
.zzpic1 li{float:left;width:50%;padding:20px 10px;box-sizing: border-box; overflow: hidden;}
.zzpic1 li .imgs{width:98%; height:410px;line-height: 410px;overflow: hidden; box-sizing: border-box; padding:2px; text-align:center;box-shadow:0 3px 8px 2px rgba(0, 0, 0, 0.1); }
.zzpic1 li .imgs img{ max-height:406px;}

.thes{ width: 100%; overflow: hidden; text-align: center;}
.thes span{display:inline-block; height: 50px; padding: 0 10px; margin:30px 0 20px 0; font-size: 24px; font-weight: bold;position: relative;}
.thes span::before{content:""; height: 2px; background-color: #cccccc; position: absolute; left:-80px; right: -80px; top:35%; z-index: -1;}
.thes span::after{content:""; height: 2px;background-color: #ffffff; position: absolute; left: -10px; right:-10px; top:35%; z-index: -1;}


#zzzs {position: relative;width: 1280px;margin: 0 auto}
#zzzs .swiper-container {padding-bottom: 60px;}
#zzzs  .swiper-slide {width:280px;height:396px;background: #fff;box-shadow: 0 8px 30px #ddd;overflow:hidden;}
#zzzs  .swiper-slide img{display:block;width:100%;height:auto;}
#zzzs  .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
#zzzs .swiper-pagination {width: 100%;bottom: 20px;}
#zzzs .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#zzzs .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#zzzs .swiper-button-prev {left: -35px;width: 45px;height: 45px;top:40%;}
#zzzs .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#zzzs .swiper-button-next {right: -35px;width: 45px;height: 45px;top:40%;}
#zzzs .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
#zzzs .swiper-button-prev::after {display: none;}
#zzzs .swiper-button-next::after {display: none;}

@media screen and (max-width:1000px) {
#zzzs {width:90%;}
#zzzs .swiper-slide {width: 120px;height: 170px;}
.zzpica li{width:50%;}
.zzpica li .imgs{height:160px;}
.zzpica li .imgs img{max-height:160px;}
.zzpicb li{width:50%;}
.zzpicb li .imgs{height:280px; line-height: 280px;}
.zzpicb li .imgs img{max-height:280px;}
.zzpicc li .imgs{height:300px;line-height:300px;}
.zzpic1 li .imgs{height:150px;line-height:150px;}
}