@charset "utf-8";

.news_headline{position:relative; overflow:hidden; width:100%; height:240px; margin:0 auto; }
.headline_tab1 .txt_area{position: absolute; top: 0; float:left; width:0px; padding-right:0px; }
.headline_tab1 .headimg_area{position: absolute; bottom: 0; left: 0; width:100%; height:auto;overflow:hidden }
.headline_tab1 .headimg_area img{width:100%; height:100%; display: block; object-fit:cover;overflow:hidden}
.head_cate{color:#33b8ff; font-size:1rem; font-weight: 300;   border-radius: 15px;
  border: 1px solid #33b8ff; padding: 7px 15px; display:inline-block; }
.head_title{margin-top:25px; font-size:1.4rem; color:#222; font-weight: 400; line-height:48px; letter-spacing: 0; display:block; max-height:143px }
.head_txt{margin-top:15px; color:#666; font-size:1rem; line-height:26px; font-weight: 300; display:block; max-height:73px; }
.headline_tabutton{position:relative; display:inline-block;top:382px;  overflow:hidden; font-size:13px; color:#33b8ff;  font-weight: 400;  }
.headline_tabutton li{float:left; margin-right:25px;  margin-top:5px; }
.headline_tabutton .active{position: relative; top: -5px; font-weight: 500; color:#fff ; width:25px; max-height:25px; line-height: 24px;border-radius:50%; background:#33b8ff; text-align:center; cursor:pointer }

.swiper-container {position:relative; overflow:hidden; width:100%; height:340px; margin:0 auto; }

.headline_tab .txt_area{position: absolute; top: 260px; float:left; width:100%; padding:0;overflow:hidden}
.headline_tab .txt_area_1 {position: absolute; top: 260px; float:left; width:100%; padding:0;overflow:hidden}
.headline_tab .headimg_area{position: absolute;top: 0; left:0; float:left; width:100%; height:240px;overflow:hidden }
.headline_tab .headimg_area img{width:100%; height:100%; display: block; object-fit:cover;overflow:hidden;}
.headline_tab .head_cate{color:#33b8ff; font-size:13px; font-weight: 300;   border-radius: 15px;
  border: 1px solid #33b8ff; padding: 7px 15px; display:inline-block; }
.headline_tab .head_title{margin-top:25px; font-size:38px; color:#222; font-weight: 400; line-height:48px; letter-spacing: 0; display:block; }
.headline_tab .head_txt{margin-top:15px; color:#666; font-size:16px; line-height:26px; font-weight: 300; display:block; max-height:130px; }

.swiper-pagination{height: 25px !important; position:relative !important; top:-35px !important; text-align:left !important;;}
.swiper-pagination-bullet {top:0px !important;    width: 25px !important;    height: 25px !important;    line-height: 24px !important;
    font-size: 12px !important;    color: #33b8ff !important;	background:none !important;	opacity:1 !important;
   text-align:center !important ;	margin-right:10px !important ; 	 }
.swiper-pagination-bullet-active{color:#fff !important;   width: 25px !important;
    height: 25px !important; border-radius:50% !important; background:#33b8ff !important;  text-align:center !important ;   margin-right:10px !important;}