@charset "utf-8";
/* CSS Document */

.area{width:1180px; margin:0 auto}
.clear{clear:both; height:0; margin:0; padding:0; line-height:0; border:0; font-size:0}
.header{ background:#fff; margin-bottom:15px}
.more{width:1160px; float:left;font-family:"Microsoft YaHei"; font-size:14px; line-height:24px; text-align:right}
.more a{ color:#000}

.lanmu{ margin-bottom:25px}
.list18{width:100%}
.list18 ul{ float:left; margin-bottom:0; padding-bottom:0 }
.list18 li{ list-style:inside url(pic_2023_bps_dot.png); font-size: 18px; line-height:28px;font-family:"Microsoft YaHei"; padding-bottom:10px;margin-bottom:10px; color:#484848; border-bottom:1px dashed #c7c7c7}
.list18 li a{ color:#484848}

.list16{width:100%}
.list16 ul{ float:left; margin-bottom:0; padding-bottom:0 }
.list16 li{ list-style:inside url(pic_2021_dsxxnew_01.png); font-size:16px; line-height:28px;font-family:"Microsoft YaHei"; margin-bottom:5px; color:#484848;}
.list16 li a{ color:#484848}
#header_zt{width:100%; height:845px; background: #991510 url(top_hfls01_2023.jpg) top center no-repeat; margin:0 auto }
.lanmu{ text-align:center; margin-bottom:25px;}

#contentA{ margin-bottom:40px; margin-top:-332px}

#contentA .effect_1 {width:588px;height:332px;position: relative; overflow: hidden; float:left}

#contentA .effect_1 .effect-img {font-size: 0; overflow: hidden;}

#contentA .effect_1 .effect-img img { width: 590px; height: 332px;}

#contentA .effect_1:hover .effect-img img { }

#contentA .effect_1 .effect-text {position: absolute; top: 0; left: 0; width: 590px; height: 332px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0, 0, 0, .5); transition: .5s;
 transform: scale(0); opacity: 0;}

#contentA .effect_1:hover .effect-text { width: 590px; padding:0 20px;height: 332px;background:#991510; transform: scale(1); opacity: 0.8;}
#contentA .effect_1 .effect-text h2 {font-family:"Microsoft YaHei"; font-size:24px; line-height:34px;  color: #fff; margin: 0 0 20px 0; text-align:center}
#contentA .effect_1 .effect-text p {width:540px; font-family:"Microsoft YaHei"; font-size:18px; line-height:28px;color: #fff; text-indent:2em }
#contentA .effect_1 .effect-text p a{color: #fff;}
#contentA .effect_1 .effect-text h2 a{color: #fff;}

#contentA .effect_1 span{width:90px; position: absolute;bottom:10px; right:10px;font-family:"Microsoft YaHei"; font-size:18px; line-height:28px; color:#fff}
#contentA .effect_1 span a{color:#fff}


#contentA .effect_2 {width:590px;height:332px;position: relative; overflow: hidden; float:left}
#contentA .effect_2 .effect-img {font-size: 0; overflow: hidden;}
#contentA .effect_2 .effect-img img { width: 590px; height: 332px;}
#contentA .effect_2:hover .effect-img img { }
#contentA .effect_2 .effect-text {position: absolute; top: 0; left: 0; width: 590px; height: 332px; display: flex; align-items: center; justify-content: center; flex-direction: column; background:#991510; transition: .5s;
 transform: scale(1); opacity: 0.8;}
#contentA .effect_2:hover .effect-text { width: 590px; padding:0 20px;height: 332px;background:#991510; transform: scale(0); opacity: 0;}
#contentA .effect_2 .effect-text h2 {font-family:"Microsoft YaHei"; font-size:24px; line-height:34px;  color: #fff; margin: 0 0 20px 0; text-align:center}
#contentA .effect_2 .effect-text p {width:540px; font-family:"Microsoft YaHei"; font-size:18px; line-height:28px;color: #fff; text-indent:2em }
#contentA .effect_2 span{width:90px; position: absolute;bottom:10px; right:10px;font-family:"Microsoft YaHei"; font-size:18px; line-height:28px; color:#fff}

#contentB{ margin-bottom:40px;}
#contentB .tupian{ margin-bottom:25px}
#contentB .tupian img{width:580px; height:327px}
#contentB .left{width:580px}
#contentB .right{width:580px}

#contentC{ margin-bottom:28px;}
#contentC .left{width:580px}
#contentC .left .box{width:580px; float:left; position:relative;}
#contentC .left .box .pic{ float:left}
#contentC .left .box .pic img{width:580px; height:326px}
#contentC .left .box span{ position:absolute; bottom:0; left:0; float:left; width:575px; height:40px; overflow:hidden; display:block;background:rgba(0,0,0,0.6); color:#fff;font-family:"微软雅黑"; font-size:18px; line-height:40px; text-align:left; padding-left:5px}
#contentC .left .box span a{ color:#fff}
#contentC .left .box .play{background:url(pic_2023_hflsbc08.png) no-repeat;display:block;width:30px;height:30px;position:absolute;left:545px;bottom:5px;}
#contentC .left img{width:580px; height:326px}
#contentC .right{width:600px}
#contentC .right .box{width:280px; float:left; margin-left:20px; margin-bottom:12px;position:relative;}
#contentC .right .box .pic{ float:left}
#contentC .right .box .pic img{width:280px; height:157px}
#contentC .right .box span{ position:absolute; bottom:0; left:0; float:left; width:275px; height:40px; overflow:hidden; display:block;background:rgba(0,0,0,0.6); color:#fff;font-family:"微软雅黑"; font-size:18px; line-height:40px; text-align:left; padding-left:5px}
#contentC .right .box span a{ color:#fff}
#contentC .right .box .play{background:url(pic_2023_hflsbc08.png) no-repeat;display:block;width:30px;height:30px;position:absolute;left:245px;bottom:5px;}

#contentD{ margin-bottom:40px;}
#contentD .left{width:580px}
#contentD .right{width:580px}

#contentE{width:100%; background:#f4efef; margin:0 auto 40px; padding:20px 0}
#contentE .box_b{width:1224px; float:left;}
#contentE .box{width:263px; margin-right:43px; float:left;}
#contentE .box .pic{width:263px; margin-bottom:10px }
#contentE .box .pic img{width:263px; height:150px}
#contentE .box h4{font-family:"微软雅黑"; font-size:16px; text-align:center; line-height:18px; margin-bottom:10px; padding:0 10px; color:#666666}
#contentE .box h4 a{ color:#666666}

#contentF{ margin-bottom:40px;}