.wrap { width: 100%; } .main_box { width: 100%; background: url(/uploads/image/wf4gimg/big_bg.png) no-repeat center; background-size: cover; height: 2729px; } .main { width: 1400px; margin: 0 auto; margin-top: 44px; } .tt_box { width: 100%; height: 135px; border: 1px solid #e9e9e9; background-color: #f9f9f9; display: flex; justify-content: center; align-items: center; padding-left: 14px; padding-right: 35px; } .tt_box>img { display: block; width: 90px; height: 73px; padding-right: 20px; border-right: 1px solid #e3e3e3; } .tt_box .txt_box { width: 1220px; margin-left: 20px; } .tt_box .txt_box .b_tit { color: #454545; font-size: 32px; font-weight: 550; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 22px; text-align: center; } .tt_box .txt_box .t_tit { width: 100%; display: flex; justify-content: center; align-items: center; } .tt_box .txt_box .t_tit a { font-size: 18px; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tt_box .txt_box .t_tit a:nth-child(2) { margin: 0 15px; } .swiper_box { width: 100%; margin-top: 42px; display: flex; justify-content: space-between; } .swiper1 { width: 748px; height: 480px; position: relative; left: -19px; } .swiper1 .swiper-slide { width: 100%; height: 100%; } .swiper1 .swiper-slide a { display: block; position: relative; width: 100%; height: 100%; } .swiper1 .swiper-slide a img { display: block; width: 100%; height: 100%; } .swiper1 .swiper-slide a p { width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .5); height: 47px; line-height: 47px; padding-left: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; color: #fff; } .swiper1 .swiper-horizontal>.swiper-pagination-bullets, .swiper1 .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper1 .swiper-pagination-custom, .swiper1 .swiper-pagination-fraction { width: auto; left: auto; right: 30px; bottom: 15px; } .swiper1 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background-color: #fff; } .swiper1 .swiper-pagination-bullet-active { background-color: #f72622; } .tab-box { width: 614px; } .tab-box .hd { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .tab-box .hd ul { width: 100%; } .tab-box .hd ul li { float: left; padding: 0 24px; border-right: 1px solid #777; } .tab-box .hd ul li:nth-child(1) { padding-left: 0; } .tab-box .hd ul li:last-child { border: none; } .tab-box .hd ul li a { font-size: 28px; color: #bebebe; } .tab-box .hd ul li.on a { color: #064da1; font-weight: 550; } .tab-box .bd { width: 100%; } .tab-box .bd ul li { width: 100%; display: flex; align-items: center; line-height: 50px; margin-top: 11px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .tab-box .bd ul li .date { margin-right: 10px; } .tab-box .bd ul li .date .dm { font-size: 20px; color: #c2aa7a; line-height: 25px; font-weight: 550; } .tab-box .bd ul li .date .year { font-size: 18px; color: #c2aa7a; line-height: 25px; font-weight: 550; } .tab-box .bd ul li a { display: block; width: 88%; /* margin-left: 10px; */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; padding-left: 10px; border-left: 1px solid #f5f5f5; } .mid_banner { width: 100%; height: 120px; margin-top: 44px; } .mid_banner a { display: block; } .mid_banner a img { display: block; width: 100%; height: 100%; } .wxzw { width: 100%; margin-top: 48px; } .wxzw .title { width: 100%; display: flex; justify-content: center; } .wxzw .title img { width: 397px; height: 83px; display: block; } .wxzw .cont { width: 100%; margin-top: 36px; display: flex; justify-content: space-between; } .wxzw .cont .wxdt { width: 674px; } .wxzw .cont .wxdt .tit { width: 100%; } .wxzw .cont .wxdt .tit img { float: left; width: 36px; height: 37px; display: block; } .wxzw .cont .wxdt .tit a { float: left; margin-left: 10px; font-size: 28px; color: #000; font-weight: 550; } .wxzw .cont .wxdt .con { width: 100%; margin-top: 30px; } .wxzw .cont .wxdt .con ul li { width: 100%; height: 90px; padding-left: 32px; padding-right: 50px; display: flex; align-items: center; background: #fff; } .wxzw .cont .wxdt .con ul li .date { color: #c7ac7c; padding-right: 15px; } .wxzw .cont .wxdt .con ul li .date .day { font-size: 36px; } .wxzw .cont .wxdt .con ul li .date .ym { font-size: 16px; } .wxzw .cont .wxdt .con ul li a { font-size: 20px; padding-left: 15px; border-left: 1px solid #cfbe9a; color: #4f4f4f; display: block; width: 84%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .wxzw .cont .wxdt .con ul li:nth-child(n 2) { margin-top: 12px; } .ztzl { width: 100%; margin-top: 58px; } .ztzl ul { display: flex; } .ztzl ul li:nth-child(n 2) { margin-left: 22px; } .ztzl ul li a { display: block; width: 334px; height: 202px; } .ztzl ul li a img { display: block; width: 100%; height: 100%; } .hdfw { width: 100%; margin-top: 52px; } .hdfw .title { width: 100%; display: flex; justify-content: center; } .hdfw .title a img { display: block; width: 397px; height: 83px; } .hdfw .cont { width: 100%; margin-top: 45px; } .hdfw .cont>div { width: 100%; display: flex; justify-content: space-between; } .hdfw .cont>div a { width: 690px; height: 120px; display: block; } .hdfw .cont>div a img { display: block; width: 100%; height: 100%; } .hdfw .cont>a { display: block; width: 100%; height: 120px; margin-top: 25px; } .hdfw .cont>a img { display: block; width: 100%; height: 100%; } .tab-box2 { width: 100%; margin-top: 75px; } .tab-box2 .hd { width: 100%; padding-bottom: 5px; border-bottom: 1px solid #7ea9df; padding-left: 15px; padding-right: 15px; } .tab-box2 .hd ul li { float: left; width: 171px; height: 56px; line-height: 56px; text-align: center; font-size: 28px; } .tab-box2 .hd ul li.on { background-color: #065ec2; } .tab-box2 .hd ul li.on a { color: #fff; } .tab-box2 .bd { width: 100%; margin-top: 52px; } .tab-box2 .bd .txt { width: 100%; } .tab-box2 .bd .txt .new_des { width: 417px; height: 251px; background: url(/uploads/image/wf4gimg/tabbox2-txt-bg.png) no-repeat center; background-size: cover; padding-top: 30px; padding-left: 35px; padding-bottom: 35px; padding-right: 30px; float: left; } .tab-box2 .bd .txt .new_des>img { width: 45px; height: 4px; display: block; } .tab-box2 .bd .txt .new_des .tit { font-size: 22px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4a4a4e; margin-bottom: 20px; } .tab-box2 .bd .txt .new_des .des { margin-top: 20px; display: -webkit-box; width: 100%; line-height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; font-size: 18px; color: #797c80; } .tab-box2 .bd .txt .news_list { width: 954px; float: right; } .tab-box2 .bd .txt .news_list .h { width: 100%; } .tab-box2 .bd .txt .news_list .h a { font-size: 28px; color: #000; } .tab-box2 .bd .txt .news_list .con { width: 100%; margin-top: 25px; } .tab-box2 .bd .txt .news_list .con ul { width: 100%; } .tab-box2 .bd .txt .news_list .con ul li { width: 458px; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; float: left; display: flex; align-items: center; } .tab-box2 .bd .txt .news_list .con ul li:nth-child(2n) { margin-left: 24px; } .tab-box2 .bd .txt .news_list .con ul li:nth-child(n 3) { margin-top: 27px; } .tab-box2 .bd .txt .news_list .con ul li a { font-size: 20px; display: block; width: 95%; color: #4a4a4a; padding-left: 18px; background: url(/uploads/image/wf4gimg/blue_dot.png) no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-box2 .bd .pic .news_list { width: 510px; } .tab-box2 .bd .pic .news_list .con ul li:nth-child(2n) { margin-left: 0; } .tab-box2 .bd .pic .news_list .con ul li:nth-child(n 2) { margin-top: 27px; } .tab-box2 .bd .pic>a { width: 442px; height: 251px; display: block; float: left; } .tab-box2 .bd .pic>a img { display: block; width: 100%; height: 100%; } .tab-box .bd ul li a:hover { color: #044ca0; } .wxzw .cont .wxdt .con ul li a:hover { color: #044ca0; } .tab-box2 .bd .txt .news_list .con ul li a:hover { color: #044ca0; }