#swtp{ width:100%; float:left; position:relative;}
#swtp img{ width:100%; display:block;}
#swtp .wzbf{ position:absolute; top:10%; left:10%; width:65%; z-index:1; color:#fff;}
#swtp .wzbf h3{ font-size:70px; line-height:1px; line-height:2; width:100%; float:left;}
#swtp .wzbf p{ font-size:45px; line-height:1.5; width:100%; float:left;}
#swtp .wzbf  span{ float:left; padding:1% 5%; cursor:pointer;  margin-top:3%; line-height:2; background-color:#0079FE;border-radius:8px; text-align:center; color:#fff; font-size:24px; }
#swtp .wzbf  span:hover{ background-color:#ff6600;}
#zxlb {
	WIDTH:100%;
	FLOAT: left;   text-align:left; overflow:hidden;
}
#zxlb UL {
	LIST-STYLE-TYPE: none; margin-left:-2%;
}
#zxlb UL LI {
	  WIDTH:27.33%;  float:left;cursor:pointer; margin-left:2%; margin-top:1%; margin-bottom:1%; background-color:#1A1A1A; overflow:hidden;border-radius:8px; padding:2%;
}
#zxlb UL LI  h3{ font-size:24px; color:#fff; font-weight:normal; line-height:1.8;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#zxlb UL LI  p{ font-size:16px; margin-top:5px; color:#fff; line-height:25px; height:50px;display: -webkit-box; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
 line-clamp: 2;
    -webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
#zxlb UL LI   span{ float:left; padding:0.5% 5%; line-height:2;  margin-top:4%;  background-color:#0079FE;border-radius:8px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
#zxlb UL LI   span i{ margin-left:8px;}
#zxlb UL LI   span:hover{ background-color:#ff6600;}
#gsjx{ width:100%; float:left; margin-top:-2%; padding-bottom:2.5%; background-color:#000000;}
#ryzz{ width:100%;position:relative; padding-bottom:30px;}

#ryzz .swiper-slide{ width:100%; position:relative; padding-top:18%;border-radius:8px; overflow:hidden; cursor:pointer;}
#ryzz .swiper-slide h3{ width:96%; text-align:center; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.5); font-size:16px; color:#fff; padding:2%;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden; z-index:2; line-height:1.5;}
#ryzz .swiper-slide img{ position:absolute;border-radius:8px; left:0px; top:0px; width:100%; min-height:100%; z-index:1;transition:all 0.4s ease-in-out 0s;}
#ryzz .swiper-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#ryzz .swiper-pagination-bullets{ bottom:0px; width:100%;}
#ryzz .swiper-pagination-bullet{ background-color:rgba(255,255,255,0.5);
	width: 10px;
	height:10px;
	opacity: 1; margin-left:2px; margin-right:2px; 
}
#ryzz .swiper-pagination-bullet-active{
	background:#0079FE; 
}
#ryzz .swiper-button-prev,#ryzz .swiper-button-next{ margin-top:-5%; width:80px; height:80px;background-color:#595959;border-radius:100%;background-size:30% auto;}
#ryzz .swiper-button-prev{ left:-90px;}
#ryzz .swiper-button-next{ right:-90px;}
#ryzz  .swiper-button-prev:hover,#ryzz .swiper-button-next:hover{ background-color:#0079FE;}
.hg20{ margin-top:2.5%;}
@media only screen and (max-width: 1600px){#swtp .wzbf h3{ font-size:60px;}#swtp .wzbf p{ font-size:40px;}#swtp .wzbf  span{ font-size:22px;}}
@media only screen and (max-width: 1400px){#swtp .wzbf h3{ font-size:50px;}#swtp .wzbf p{ font-size:30px;}#swtp .wzbf  span{ font-size:20px; font-weight:600;}#zxlb UL LI  h3{ font-size:16px; font-weight:600;}#zxlb UL LI  p{ font-size:14px; line-height:20px; height:40px;}#zxlb UL LI   span{ font-size:14px;}#ryzz .swiper-slide h3{ font-size:14px; font-weight:600;}#ryzz .swiper-slide{ padding-top:25%;}}
@media only screen and (max-width: 1200px){#swtp .wzbf h3{ font-size:40px;}#swtp .wzbf p{ font-size:24px;}#swtp .wzbf  span{ font-size:16px; }#zxlb UL LI  h3{ font-size:14px; }#zxlb UL LI  p{ font-size:13px; line-height:20px; height:40px;}#zxlb UL LI   span{ font-size:12px;}}
@media only screen and (max-width: 900px){#swtp .wzbf h3{ font-size:32px;}#swtp .wzbf p{ font-size:24px;}#swtp .wzbf  span{ font-size:16px; }}
@media only screen and (max-width: 800px){#swtp .wzbf h3{ font-size:24px;}#swtp .wzbf p{ font-size:16px; font-weight:bold;}#swtp .wzbf  span{ font-size:14px; }#ryzz .swiper-slide h3{ font-size:13px;}}
@media only screen and (max-width: 700px){#zxlb UL LI { width:44%; float:left;}}
@media only screen and (max-width: 600px){#swtp .wzbf h3{ font-size:18px;}#swtp .wzbf p{ font-size:14px;}#swtp .wzbf  span{ font-size:13px; }#zxlb UL LI  h3{ font-size:13px; }#zxlb UL LI  p{ font-size:12px; line-height:18x; height:36px; margin-top:0px;}#ryzz .swiper-slide{ padding-top:50%;}#ryzz .swiper-slide h3{ font-size:12px; }}
@media only screen and (max-width: 450px){#swtp .wzbf{ position:absolute; top:6%; left:5%;}#swtp .wzbf h3{ font-size:16px;}#swtp .wzbf p{ font-size:12px;}#swtp .wzbf  span{ font-size:12px; margin-top:3%;line-height:20px;}}
