* { margin: 0; padding: 0; border: 0; } ul,li { list-style-type: none; } select,input,img,select{vertical-align:middle;} a { text-decoration: none; color: #333; } body { font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体","宋体","Arial Narrow"; color: #333; background-repeat: no-repeat; background-position: center top; background-color: #fffff4; } /*通用*/ header::before,header::after,.column,#hdgg .tab span::before,.btn { background-image: url(../imgs/img.png); background-repeat: no-repeat; } header::before,header::after,section ul.txtlist li::before,#hdgg .tab span::before { display: block; content: ''; } .column { width: 100%; font-size: 0; } .column a { display: block; width: 100%; height: 100%; font-size: 0; } section ul.txtlist { display: flex; flex-direction: column; justify-content: space-between; } section ul.txtlist li { display: flex; align-items: center; overflow: hidden; } section ul.txtlist li::before { background: #dc1616; } section ul.txtlist li a { overflow: hidden; line-height: 1; height: 1em; } label { text-align:justify; text-align-last:justify; } input,textarea { box-sizing: border-box; border:1px solid #c8c8c8; background: #f5fcfb; color: #000; } input { line-height: 100%; } textarea { height: 100%; } /*头部*/ header { position: relative; } header::before,header::after { position: absolute; left: 50%; } header::before { -webkit-animation:zoomIn 1s linear backwards; animation:zoomIn 1s linear backwards; } header::after { -webkit-animation:fadeIn 1s linear 1s backwards; animation:fadeIn 1s linear 1s backwards; } /*主体*/ article { display: flex; flex-direction: column; align-items: center; } /*焦点图片*/ #jdtp .swiper-slide { position: relative; overflow:hidden; } #jdtp .swiper-slide h2 { overflow:hidden; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); font-weight: normal; box-sizing: border-box; padding-left: 2%; display: flex; } #jdtp .swiper-slide h2 a { color: #fff; max-width: 80%; } #jdtp .swiper-slide img { display: block; width: 100%; min-height: 100%; } #jdtp .swiper-pagination { width: auto; left: auto; } #jdtp .swiper-pagination-bullet { background: #ffffff; opacity: 1; } #jdtp .swiper-pagination-bullet-active { background: #e00000; } /*新闻报道*/ #xwbd { display: flex; flex-direction: column; justify-content: space-between; } #xwbd dl { display: flex; justify-content: space-between; flex-direction: column; box-sizing: border-box; border-bottom: 1px dashed #999; } #xwbd dl dt { font-size: 0; } #xwbd dl dt,#xwbd dl dd { overflow: hidden; } #xwbd dl dd { color: #666; } /*活动公告*/ #hdgg { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } #hdgg .con { background-position: center; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: 100%; } #hdgg .con figure { background-position: center; background-repeat: no-repeat; background-size: 100%; } #hdgg .box { display: flex; justify-content: space-between; flex-direction: column; align-items: center; } #hdgg .tab { display: flex; } #hdgg .tab span { background: #999; border-radius: 5px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 0; } #hdgg .tab span.cur { background: #dd2025; } #hdgg form { display: none; } #hdgg .boxcon { display: flex; justify-content: space-between; } #hdgg .boxcon span { display: flex; justify-content: space-between; align-items: flex-start; } /*感人故事*/ #grgs { display: flex; justify-content: space-between; flex-direction: column; align-items: center; } #grgs .con { background-position: center; background-repeat: no-repeat; background-size: 100%; display: flex; align-items: center; justify-content: center; } #grgs .con dl { box-sizing: border-box; border-bottom: 1px dashed #999; box-sizing: border-box; } #grgs .con dl dt,#grgs .con dl dd { overflow: hidden; } #grgs .con dl dd { color: #666666; } #grgs .con ul li::before { background-color: #ff4c68; } /*巾帼风采*/ #jgfc { display: flex; justify-content: space-between; flex-direction: column; align-items: center; } #jgfc .con { display: flex; } #jgfc .con dl dt,#jgfc .con dl dd { overflow: hidden; } /*美丽瞬间*/ #mlsj { display: flex; flex-direction: column; align-items: center; } #mlsj .swiper-wrapper div h2 { font-size: 0; overflow: hidden; display: flex; } /*想对她说*/ #xdts { display: flex; justify-content: space-between; flex-direction: column; align-items: center; } #xdts .con { box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; align-items: center; background-size: 100%; } #xdts .txtbox dl { border-bottom: 1px dashed #999; position: relative; display: flex; flex-direction: column; box-sizing: border-box; background-position: 5px top; background-repeat: no-repeat; background-image: url(//img.fznews.com.cn/news/zt/2020/fnj/06/ico.png); } #xdts .txtbox dl dt { overflow: hidden; } #xdts .txtbox dl dd { font-size: 18px; line-height: 30px; margin-bottom: 35px; } #xdts .frombox { display: flex; flex-direction: column; justify-content: space-between; } #xdts .frombox span { display: flex; } #xdts .frombox .btn { margin:0 auto; } /*pc*/ @media screen and (min-width: 1081px) { body { background-image: url(../imgs/bg_body.jpg); } /*通用*/ .column { width: 999px; height: 117px; } section ul.txtlist li::before { width: 7px; height: 7px; margin-right: 12px; } section ul.txtlist li a { width: 342px; font-size: 16px; } /*头部*/ header { width: 100%; height: 250px; margin-bottom: 70px; } header::before { width: 936px; height: 484px; background-position: 0 0; top: 29px; margin-left: -474px; } header::after { width: 966px; height: 797px; background-position: 0 -510px; top: 43px; margin-left: -450px; } /*主体*/ article { width: 100%; overflow: hidden; } article section { width: 1000px; display: flex; justify-content: space-between; margin-bottom: 320px; } /*焦点图片*/ #jdtp { width: 615px; height: 410px; margin:0; } #jdtp .swiper-slide { height: 410px; } #jdtp .swiper-slide h2 { width: 100%; height: 40px; } #jdtp .swiper-slide h2 a { font-size: 14px; line-height: 40px; } #jdtp .swiper-pagination { width: auto; left: auto; bottom: 12px; right: 8px; } #jdtp .swiper-pagination-bullet { margin:0 4px; width: 8px; height: 8px; } /*新闻报道*/ #xwbd { width: 361px; height: 410px; } #xwbd .column { height: 29px; background-position: 0 -1330px; } #xwbd dl { height: 95px; } #xwbd dl dt { height: 25px; overflow: hidden; font-size:0; } #xwbd dl dt a { font-size: 20px; line-height: 25px; font-weight: bold; } #xwbd dl dd { height:52px; font-size: 14px; line-height: 2; margin-bottom: 10px; } #xwbd ul { height: 130px; } #xwbd ul li:last-nth-type { display: none; } /*活动公告*/ #hdgg { height: 1250px; margin-bottom: 220px; } #hdgg .column { width: 971px; height: 190px; background-position: 0 -1380px; } #hdgg .con { width: 1131px; height: 1000px; background-image: url(../imgs/bg_hdgg.png); } #hdgg .con figure { width: 895px; height: 860px; background-image: url(../imgs/img_hdgg.png); margin-bottom: -480px; } #hdgg .box { width: 880px; height: 480px; display: flex; justify-content: space-between; flex-direction: column; align-items: center; } #hdgg .btn { width: 216px; height: 72px; background-position: 0 -2510px; cursor: pointer; } #hdgg .tab { justify-content: center; } #hdgg .tab span { width: 165px; height: 50px; } #hdgg .tab span::before { width: 90px; height: 35px; } #hdgg .tab span:nth-of-type(1)::before { background-position: 0 -2450px; } #hdgg .tab span:nth-of-type(2)::before { background-position: -110px -2450px; } #hdgg .tab span:nth-of-type(3)::before { width: 115px; background-position: -220px -2450px; } #hdgg .tab span:nth-of-type(2) { margin:0 6px; } #hdgg .tab span:nth-of-type(3) { width: 225px; } #hdgg .boxcon { height: 300px; flex-wrap: wrap; } #hdgg .boxcon span { width: 415px; height: 35px; display: flex; justify-content: space-between; align-items: flex-start; } #hdgg .boxcon span input,#hdgg .boxcon span textarea { font-size: 16px; } #hdgg .boxcon span label { width: 70px; font-size: 16px; line-height: 35px; } #hdgg .boxcon span input { width: 320px; height: 35px; } #hdgg .boxcon span textarea { width: 785px; line-height: 1.5; } #hdgg .boxcon span:last-of-type { width: 880px; height: 190px; } #hdgg #xybox { height: 320px; } #hdgg #xybox span:last-of-type { width: 880px; height: 150px; } /*感人故事*/ #grgs { height: 810px; margin-bottom: 100px; } #grgs .column { background-position: 0 -1590px; } #grgs .con { width: 1018px; height: 645px; background-image: url(../imgs/bg_grgs.png); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; } #grgs .con ul { width: 860px; height: 600px; flex-direction: row; flex-wrap: wrap; } /*巾帼风采*/ #jgfc { height: 510px; margin-bottom: 380px; } #jgfc .column { background-position: 0 -1730px; } #jgfc .con { width: 1000px; height: 330px; flex-wrap: wrap; } #jgfc .con dl { width: 330px; height: 210px; padding-left: 30px; box-sizing: border-box; position: relative; background: linear-gradient(to bottom,#eb5845 50%,#b51425); color: #fff; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; } #jgfc .con dl a { color: #fff; } #jgfc .con dl:nth-of-type(1) { margin-right: 200px; } #jgfc .con dl dt { width: 150px; max-height: 60px; overflow: hidden; margin-bottom: 5px; } #jgfc .con dl dt a { font-size: 16px; line-height: 30px; } #jgfc .con dd { overflow: hidden; } #jgfc .con dd:nth-of-type(1) { width: 150px; font-size: 12px; line-height: 22px; max-height: 88px; } #jgfc .con dd:nth-of-type(2) { width: 240px; height: 160px; position: absolute; left: 215px; top: 25px; } #jgfc .con dd:nth-of-type(2) img { display: block; width: 240px; min-height: 160px; } #jgfc .con ul { width: 1000px; height: 175px; flex-direction: row; flex-wrap: wrap; } #jgfc .con ul li { width: 470px; } /*美丽瞬间*/ #mlsj { height: 1200px; margin-bottom: 125px; margin-top:-150px } #mlsj > .column { background-position: 0 -1870px; } #mlsj .con { width: 1000px; height: 900px; padding: 80px 0 135px; background-color: #ffe7e5; box-shadow: 2px 2px 18px rgba(19,136,161,.5); } #mlsj .con .column { width: 899px; height: 74px; } #mlsj .con > div { height: 850px; display: flex; justify-content: space-between; flex-direction: column; align-items: center; } #mlsj .swiper-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; text-align:center} /*想对她说*/ #xdts { height: 1600px; margin-bottom: 660px; } #xdts .column { background-position: 0 -2310px; } #xdts .con { width: 1059px; height: 1400px; background-image: url(..imgs/bg_xdts.png); } #xdts .txtbox { width: 880px; height: 710px; overflow-y: scroll; margin-bottom: 55px; } #xdts .txtbox dl { padding:0 15px 0 110px; margin-bottom: 40px; min-height: 80px; background-size: 80px 80px; } #xdts .txtbox dl dt { height: 50px; font-size: 22px; line-height: 50px; } #xdts .txtbox dl dd:nth-of-type(1) { font-size: 18px; line-height: 30px; margin-bottom: 35px; } #xdts .frombox { width: 880px; height: 370px; } #xdts .frombox label { width: 70px; font-size: 22px; margin-right: 20px; } #xdts .frombox span input,#xdts .frombox span textarea { background-color: #fff; font-size: 22px; } #xdts .frombox span input { width: 350px; height: 40px; } #xdts .frombox span:nth-of-type(2) { height: 200px; } #xdts .frombox span textarea { width: 775px; } #xdts .frombox .btn { width: 189px; height: 56px; background-position: -240px -2510px; } } .footer { background:#FFFAF4; width:98%; line-height:28px; overflow:hidden; padding:15px 1%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 12px; }.footer a { font-size: 12px; }.footer div:nth-of-type(1){ margin-right: 20px; padding:0 20px 0 0; border-right: 1px solid #8D8A8A; text-align: right; display: flex; flex-direction: column; }.footer div:nth-of-type(1) p { display: flex; justify-content: flex-end; }.footer div:nth-of-type(1) p span,footer div:nth-of-type(1) p a { margin:0 5px; }.footer div:nth-of-type(2){ display: flex; flex-direction: column; }.footer div:nth-of-type(3){ width: 100%; min-width: 1200px; display: flex; justify-content: center; align-items: center; }.footer .gaba { display: flex; align-items: center; }.footer .gaba::before { display: block; content: ""; width: 20px; height: 20px; background:url(https://img2.fznews.com.cn/www/TopMenu/gabatb.png) center no-repeat; background-size: 100%; margin-right:5px; }.footer b { color: #004a85; }@media screen and (max-width: 1279px) {.footer { width: 100%; padding:15px 0; }.footer div:nth-of-type(1){ margin-right: 5px; padding: 0 5px 0 0; border-right: 1px solid #8D8A8A;text-align: right;display: flex;flex-direction: column;}}#footer { width:98%; background:#F4F4F4; line-height:28px; overflow:hidden; padding:15px 1%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 12px; }#footer a { font-size: 12px; }#footer div:nth-of-type(1){ margin-right: 20px; padding:0 20px 0 0; border-right: 1px solid #8D8A8A; text-align: right; display: flex; flex-direction: column; }#footer div:nth-of-type(1) p { display: flex; justify-content: flex-end; }#footer div:nth-of-type(1) p span,footer div:nth-of-type(1) p a { margin:0 5px; }#footer div:nth-of-type(2){ display: flex; flex-direction: column; }#footer div:nth-of-type(3){ width: 100%; min-width: 1200px; display: flex; justify-content: center; align-items: center; }#footer .gaba { display: flex; align-items: center; }#footer .gaba::before { display: block; content: ""; width: 20px; height: 20px; background:url(https://img2.fznews.com.cn/www/TopMenu/gabatb.png) center no-repeat; background-size: 100%; margin-right:5px; }#footer b { color: #004a85; }#footer a {font-size:13px; line-height:28px;}@media screen and (max-width: 1279px) {#footer { width: 100%; padding:15px 0; }#footer div:nth-of-type(1){ margin-right: 5px; padding: 0 5px 0 0; border-right: 1px solid #8D8A8A;text-align: right;display: flex;flex-direction: column;}}