@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(common.css);
@import url(footer.css);
i{font-style: normal;}

.warp{width: 100%; max-width: 1920px;margin: 0 auto;min-width: 1200px;}
.header{width: 100%;height: 680px;background: url(dszbxsfwzx_top.png) no-repeat center;}
.logo>a{display: inline-flex;width: 318px;}

.main{ width: 100%;background: url(dszbxsfwzx_bg.png) no-repeat top;}
.main>div{width: 1200px;margin: 0 auto;}

/* 通知 */
.tz_box{ overflow:hidden; position:relative; height: 160px; }
.tz_box .bd,.tz_box .btn{float: left;}
.tz_box .bd{width: calc(100% - 14px);display: flex;justify-content: center;margin-top: 35px;}
.tz_box .btn{width: 14px;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.tz_box  .btn a{background: url(2023_top_bottom_jt.png) no-repeat;width: 14px;height: 9px;}
.tz_box  .btn a.prev{transform: rotate(180deg);margin-top: 10px;}
.btn .prevStop,.btn .nextStop{background-position:0 -19px !important;}
.btn .nextStop{transform: rotate(180deg) !important;}
.btn .prevStop{transform: rotate(0) !important;}
.tz_box .bd ul{width: 1000px;}
.tz_box .bd ul li{display: flex;flex-direction: column;align-items: center;}
.tz_box .bd ul li h1{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 34px;color: #df100c;text-align: center;font-weight: bold;height: 45px;}
.tz_box .bd ul li h1 a{color: #df100c;}
.tz_box .bd ul li h1:hover a{color: #ff0b07;}
.tz_box .bd ul li p{color: #333333;font-size: 14px;text-indent: 2em;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 10px;height: 38px;}
.tz_box .bd{display: flex;}
.tz_box .bd ul{flex: 1;}

/* 征兵宣传 */
.zbxz_left{width: 803px;}
.zbxz_left .zbxz_l_t{width: 100%;height: 77px;background:#df100c;}
.zbxz_left .zbxz_l_b{width: 100%;height: 430px;}
.zbxz_left .zbxz_l_b .xztj{width: 100%;height: 100%;background: #000;overflow: hidden;}
.zbxz_right{width: 377px;}
.zbxz_right>div{box-shadow: 0px 2px 6px 0px  rgba(209, 209, 209, 0.78);padding: 17px;display: flex;justify-content: space-between;background: #ffffff;}
.zbxz_right>div.zbxz_r1{flex-direction: column;}
.zbxz_right>div.zbxz_r1 p{height: 38px;line-height: 23px;font-size: 16px;color: #333333;margin-top: 20px;}
.zbxz_right>div a{display: inline-flex;background-color: #df100c;height: 61px;width: 165px;justify-content: center;align-items: center;color: #ffffff;font-size: 16px;}
.zbxz_right>div a:hover{font-size: 18px;}
.zbxz_right>div.zbxz_r1 a,.zbxz_right>div.zbxz_r2 a{background: url(2023_zb_img1.png);}
.zbxz_right>div.zbxz_r3 a{width: 345px;background: url(2023_zb_img2.png);}
.zbxz_right>div.zbxz_r4 a{background: url(2023_zb_img3.png);}

.main .part3,
.main .part4,
.main .part5{margin-top: 40px ;}
.f_c_ac{display: flex;flex-direction: column;align-items: center;}

/* 优抚优待政策  */
.yfyd{background: #ffffff;box-shadow: 0px 2px 6px 0px  rgba(209, 209, 209, 0.78);}
.yfyd ul li{width: 100%;height: 120px;border-bottom: 1px dashed #e3dbdb;}
.yfyd ul li a{display: inline-flex;width: 100%;height: 100%;}
.yfyd ul li a>i{display: block;width: 10px;height: 121px;background: #f5cb25;}
.yfyd ul li a .conter{width: calc(100% - 250px);flex: 1;margin: 0 50px;}
.yfyd ul li a .conter h2{font-size: 24px;color: #df100c;font-weight: bold;margin: 20px 0 0;}
.yfyd ul li a .conter p{line-height: 23px;font-size: 14px;color: #999999;margin: 10px 0 0;height: 46px;-webkit-line-clamp: 2;}
.yfyd ul li a .right{width: 90px;height: 90px;display: flex;flex-direction: column;margin: 15px 12px 0 0;justify-content: center;align-items: center;background: url(2023_zb_lt.png) no-repeat  right top #e1e1e1;color:#888888;  }
.yfyd ul li a .right i{font-size: 32px;}
.yfyd ul li a .right span{width: 80px;height: 21px;background: rgba(255,255,255,.53);border-radius: 3px;display: inline-flex;margin-top: 10px;justify-content: center;align-items: center;}

.yfyd ul li:hover a>i{background-color: #df100c;}
.yfyd ul li:hover a .right{background: url(2023_zb_lt_s.png) no-repeat  right top #df100c;color: #ffffff;}
.yfyd ul li:hover a .right span{background: rgba(255,255,255,.26)}


/* 征兵政策条例解读 */
.zctl{width: 1200px;height: 514px;background: url(2023_zb_tlzc.png);margin-top: 15px;display: flex;}
.zctl>div{height: 505px;}
.zctl ul{margin-top: 30px;}
.zctl ul li{height: 110px;}
.zctl .left{width: 549px;margin-left: 60px;}
.zctl .right{width: 554px;}
.zctl ul li a::after{content: '';position: absolute;top: 28px;width: 51px;height: 33px;left: 30px;background: url(2023_zb_tl_icon.png) no-repeat center;display: inline-flex;}
.zctl .right ul li a::after{left: 68px;}
.zctl ul li a{display: inline-flex;padding-left: 88px;width: calc(100% - 135px);position: relative;padding-top: 20px;padding-bottom: 20px;}
.zctl ul li a h2{-webkit-line-clamp: 2;height: 100%;font-weight: bold;font-size: 20px;line-height: 34px;color: #333333;}
/* .zctl ul li:a{} */
.zctl .right ul li a{padding-left: 126px;width: calc(100% - 165px);}



/* 荣誉墙 */
.main .part5{width: 100%;}
.ryq{width: 100%;height: 579px;background: url(2023_dsjrryq.png);margin-top: 50px;}
.ryq_box{width: 955px;margin:85px 0 0 247px;position: relative;}
.ryq_box ul li{width: 280px;height: 480px;margin: 0 19px;background-color: rgba(136, 12, 12, 0.1);}
.ryq_box ul li a{display: inline-flex;flex-direction: column;height: 313px;width: calc(100% - 36px);background: rgba(255,255,255,.84);padding: 18px;}
.ryq_box ul li img{width: 100%; height: 182px;object-fit: cover;}
.ryq_box ul li a h2{font-size: 18px;line-height: 30px;color: #333333;margin-top: 20px;-webkit-line-clamp: 3;height: 92px;}
.ryq_box .ryq_list li{float:left;}

.ryq_box>a{width: 49px;height: 49px;position: absolute;top: 170px;border-radius: 50%;box-shadow: 0px 2px 6px 0px  rgba(223, 16, 12, 0.78);}
.ryq_box>a.prev{background:url(2023_zb_left.png) no-repeat center rgba(223, 16, 12,.8);left: 0;}
.ryq_box>a.next{background:url(2023_zb_right.png) no-repeat center rgba(223, 16, 12,.8);right: 0;}



.part6{margin: 40px auto !important;}
.part6>a{display: inline-flex;width: 592px;height: 112px;background-color: #df100c;overflow: hidden;}

.part6 a:hover img{ transform: scale(1.05);}
.part6 a img{transition: all .6s;}
.tit_box:hover img { transform: scale(1.1);}
.tit_box .img{transition: all .6s;}

.zctl ul li a:hover h2,.ryq_box ul li a:hover h2{color: #df100c;}

.yfyd ul li a .conter h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ryq_box ul li a h2,.zctl ul li a h2,
.yfyd ul li a .conter p{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}