@charset "utf-8";
/* CSS Document */
.news_01{ margin:75px 0}
.bg_box {position: relative;  /* Added to position pagination absolutely */}
.swiper {width: 100%;display: flex; overflow:hidden}
.swiper-slide { font-size: 18px; background:#f7f7f7;  display: flex;  align-items: center; height:400px ; width:100%; margin-left:1px}
.ico1 { width: 40%; height: 100%; margin-left:-1px}
.swiper-slide-text { width: 60%; padding: 20px 80px 20px 80px; height:100%; text-align:left; display:flex; flex-wrap:wrap ; align-content:center; box-sizing:border-box; }
.swiper-slide-text h6{ width:100%; line-height:30px; color:#134172; font-size:28px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:20px}
.swiper-slide-text dt{ width:100%; line-height:36px; color:#134172; font-size:28px; margin-bottom:35px}
.swiper-slide-text dt a{ color:#989898}
.swiper-slide-text dt a:hover{ color:#953133}
.swiper-slide-text dd{ width:100%; line-height:26px; margin-bottom:50px; color:#989898; font-size:15px;}
.swiper-slide-text h5{ width:100%; line-height:30px; transition:all 0.35s}
.swiper-slide-text h5:hover{ text-indent:20px}
.swiper-pagination { position: absolute; width: 24% !important; left: -1px!important; bottom: -10px !important; transform: translateY(10px);  z-index: 10; }
.swiper-button-prev, .swiper-button-next { z-index: 10;  }

.xw-main{ background:#f9f9f9}
.xw-main dl{ width:100%; float:left; overflow:hidden; border-bottom:1px solid #c5c5c5; padding:35px 0 28px; display:flex; }
.xw-main dl h6{ margin-right:5%; line-height:30px; font-size:24px; color:#134172; font-family:Arial, Helvetica, sans-serif}
.xw-main dl ul{ flex:1}
.xw-main dl dt{width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:10px; font-size:20px; }
.xw-main dl dt a{color:#666;}
.xw-main dl dt a:hover{ color:#134172}
.xw-main dl dd{width:100%; float:left; overflow:hidden; line-height:20px; height:20px; font-size:14px;color:#bbb;}

.xw-main .ty02 dl:last-child{ border-bottom:none}


/******** 手机版 ********/
@media (max-width:767px){
	
.news_01{ margin:30px 0}
.bg_box {position: relative;  /* Added to position pagination absolutely */}
.swiper {width: 100%;}
.swiper-slide {font-size: 18px; height:300px;flex-wrap:wrap;margin-left:0px }
.ico1 { width: 100%;margin-left:0px }
.swiper-slide-text { width: 100%;  padding: 20px 20px 10px; }
.swiper-slide-text h6{ line-height:26px; font-size:16px;  padding-bottom:10px; margin-bottom:10px}
.swiper-slide-text dt{ line-height:22px; font-size:16px; margin-bottom:15px; max-height:44px}

.swiper-slide-text dd{line-height:20px; margin-bottom:20px; font-size:12px;}
.swiper-slide-text h5{ width:100%; line-height:30px; transition:all 0.35s}
.swiper-slide-text h5:hover{ text-indent:20px}
.swiper-pagination { width: 10% !important;}
.swiper-button-prev, .swiper-button-next { width:10%  }


.xw-main dl{ padding:20px 0 20px; }
.xw-main dl h6{ margin-right:3%; line-height:22px; font-size:14px;}
.xw-main dl dt{line-height:22px; margin-bottom:10px; font-size:15px; }
.xw-main dl dd{ line-height:20px; height:20px; font-size:12px;}
.xw-main .ty02 dl:last-child{ display:none}

}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){

.swiper {width: 100%;height: 300px;}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.swiper {width: 100%;height: 300px;}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){

.news_01{ margin:65px 0}
.bg_box {position: relative;  /* Added to position pagination absolutely */}
.swiper {width: 100%; height: 300px;}
.swiper-slide {font-size: 18px; height:300px }
.ico1 { width: 40%; height: 100%;}
.swiper-slide-text { width: 60%;  padding: 20px 50px 20px 50px; }
.swiper-slide-text h6{ line-height:26px; font-size:21px;  padding-bottom:10px; margin-bottom:10px}
.swiper-slide-text dt{ line-height:26px; font-size:18px; margin-bottom:15px; max-height:52px}

.swiper-slide-text dd{line-height:24px; margin-bottom:40px; font-size:14px;}
.swiper-slide-text h5{ width:100%; line-height:30px; transition:all 0.35s}
.swiper-slide-text h5:hover{ text-indent:20px}
.swiper-pagination { position: absolute; width: 24% !important; left: -1px!important; bottom: -10px !important; transform: translateY(10px);  z-index: 10; }



.xw-main dl{ padding:35px 0 28px; }
.xw-main dl h6{ margin-right:5%; line-height:30px; font-size:21px;}
.xw-main dl dt{line-height:30px; margin-bottom:10px; font-size:18px; }
.xw-main dl dd{ line-height:20px; height:20px; font-size:14px;color:#bbb;}
.xw-main .ty02 dl:last-child{ border-bottom:none}

}

/******** 1300px ********/
@media (min-width:1301px) and (max-width:1439px){
.news_01{ margin:65px 0}
.bg_box {position: relative;  /* Added to position pagination absolutely */}
.swiper {width: 100%;height: 330px;display: flex;}
.swiper-slide {font-size: 18px; height:330px }
.ico1 { width: 40%; height: 100%;}
.swiper-slide-text { width: 60%;  padding: 20px 60px 20px 60px; }
.swiper-slide-text h6{ line-height:30px; font-size:26px;  padding-bottom:10px; margin-bottom:15px}
.swiper-slide-text dt{ line-height:36px; font-size:25px; margin-bottom:20px}

.swiper-slide-text dd{line-height:26px; margin-bottom:50px; font-size:14px;}
.swiper-slide-text h5{ width:100%; line-height:30px; transition:all 0.35s}
.swiper-slide-text h5:hover{ text-indent:20px}
.swiper-pagination { position: absolute; width: 24% !important; left: -1px!important; bottom: -10px !important; transform: translateY(10px);  z-index: 10; }


.xw-main dl{ padding:35px 0 28px; }
.xw-main dl h6{ margin-right:5%; line-height:30px; font-size:22px;}
.xw-main dl dt{line-height:30px; margin-bottom:10px; font-size:20px; }
.xw-main dl dd{ line-height:20px; height:20px; font-size:14px;color:#bbb;}
.xw-main .ty02 dl:last-child{ border-bottom:none}
}


/******** 1400px ********/
@media (min-width:1440px){
.swiper {height: 375px;}
}