/*.wrap{*/ /* background: url(/uploads/image/plimages/index-bg.jpg) no-repeat top center;*/ /* background-size: 100%;*/ /* padding-top: 450px;*/ /*}*/ .top { width: 1200px; margin: 10px auto; } .top>div { display: inline-block; vertical-align: middle; } .top .search { /* width: 600px; */ font-size: 0; margin-left: 51px; margin-top: 20px; } .top .logo{ margin-top: 20px; width: 243px; } .top .logo img{ width: 100%; } .search .search_text { width: 557px; border-radius: 4px; border: 1px solid #979797; height: 32px; padding-left: 10px; } /*.top .digitalnews{*/ /* margin-right: 85px;*/ /*}*/ .digitalnews img{ width: 76px; height: 111px; } .digitalnews p { font-size: 12px; width: 12px; display: inline-block; line-height: 16px; } .con { width: 1200px; margin: 0 auto; position: relative; } /* 导航 */ /*.nav .nav_list{*/ /* padding: 9px 0;*/ /*}*/ /*.nav{*/ /* background: #c80911;*/ /*}*/ .nav_list>li { font-size: 18px; font-weight: 500; color: #ffffff; line-height: 58px; display: inline-block; /*position: relative;*/ height: 58px; padding: 0; } .nav_list>li:first-child:hover{ background: #fff; color: #1873d7; border-bottom: 1px solid #1873d7; } .nav_list>li>a { margin: 0 15px; /*padding: 5px 0;*/ display: inline-block; } .nav .xq_nav{ top: 58px; } /* 新篇章新闻 */ .news_xpz .xpz_logo { margin-bottom: 11px; } .news_xpz .xpz_list { font-size: 0; } .news_xpz .xpz_list li { display: inline-block; margin-right: 20px; } .news_xpz .xpz_list li:last-child { margin-right: 0; } .xpz_list li div { display: inline-block; vertical-align: top; } .xpz_list li .xpz_pic img{ width:120px; height:80px; } .xpz_list .xpz_title { font-size: 14px; font-weight: 400; color: #000000; line-height: 24px; width: 155px; margin-left: 10px; } .xpz_list .xpz_title:hover{ color: #1873d7; } /* 滚嚨新闻 */ .con .news_gdxw { background: #ecf2f8; padding: 10px 0 10px 40px; margin: 10px 0; } .news_gdxw img{ vertical-align: middle; } .news_gdxw .swiper-container { display: inline-block; width: 1000px; margin-left: 30px; line-height: 31px; vertical-align: middle; } .news_gdxw .swiper-container .swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .news_gdxw .swiper-slide { font-size: 16px; font-weight: 400; color: #000000; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_gdxw .swiper-slide:hover{ color: #1873d7; } /* 领导 */ .con .news_leader { font-size: 0; } .news_leader .leader_left, .news_leader .leader_right { display: inline-block; vertical-align: top; } .news_leader .leader_left { width: 938px; } .leader_left .leader_news_first { text-align: center; margin: 10px 0; } .leader_left .leader_news_first a { font-size: 36px; color: #000000; line-height: 50px; } .leader_left .leader_news_other { /*display: flex;*/ /*justify-content: space-around;*/ text-align: center; margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #000000; line-height: 20px; } .leader_news_other a{ /*display: inline-block;*/ /*max-width: 449px;*/ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .leader_news_other a:first-child{ margin-right: 10px; } .leader_news_other a:nth-child(2){ margin-right: 8px; } .leader_news_first a:hover, .leader_news_other a:hover{ color: #1873d7; } .leader_right a { display: inline-block; position: relative; margin-left: 29px; } .leader_right a p:nth-child(2){ position: absolute; bottom: 18px; width: 100%; background: rgba(255, 255, 255, 0.5); text-align: center; font-size: 14px; font-weight: 900; color: #000000; line-height: 18px; } .leader_right a p:nth-child(3){ position: absolute; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.5); text-align: center; font-size: 14px; font-weight: 900; color: #000000; line-height: 18px; } .leader_right a img{ width: 102px; height: 146px; } .con_news1, .con_news2, .con_news3, .con_news4, .con_news5, .con_news6, .con_news7 { margin: 20px 0; font-size: 0; } .con_news1 { margin: 10px 0; } .con_news1>div, .con_news2>div { vertical-align: top; display: inline-block; } /* 图片轮播新闻 */ .con .news_pic, .con .topic_news { width: 795px; margin-right: 10px; font-size: 0; } .con .news_pic{ margin-top: 5px; } .news_pic .swiper-slide{ height: 467px; /*max-height: 467px;*/ } .news_pic .swiper-slide img{ width: 100%; height: 100%; } .news_pic .swiper-slide .news_pic_title { width: 100%; height: 64px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; font-size: 16px; font-weight: 500; color: #ffffff; line-height: 22px; text-align: center; padding-top: 10px; } .news_pic .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background: #ffffff; opacity: inherit; } .news_pic .swiper-container .swiper-pagination-bullet-active { width: 30px; height: 12px; border-radius: 6px; background: #c50000; } /* 新闻中心 */ .con_news1 .news_center { width: 395px; } .con .news_title { /*padding-bottom: 4px;*/ border-bottom: 1px solid #999999; margin-bottom: 10px; } .con_news1 .tab li, .con_news7 .tab li { display: inline-block; font-size: 18px; font-weight: bold; color: #999999; line-height: 22px; } .tab li:first-child{ margin-right: 5px; } .tab li:last-child{ margin-left: 5px; } .con .more { font-size: 14px; font-weight: 400; color: #1873d7; line-height: 22px; } .news_center .newslist li { font-size: 16px; font-weight: 400; color: #000000; line-height: 24px; margin-bottom: 10px; text-indent: 5px; } .news_center .newslist li:nth-child(1), .news_center .newslist li:nth-child(7){ font-size: 18px; font-weight: bold; color: #1873d7; margin-bottom: 15px; } .news_center .newslist li:nth-child(6) { /*margin-bottom: 20px;*/ padding-bottom: 5px; border-bottom: 1px solid #e6d2d2; } .news_center .newslist li:last-child { margin-bottom: 0; } .newslist li a { width: 80%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .con_news1 .newslist li a{ width: 100%; } .con_news3 .newslist li a{ width: 90%; } /* 专题 */ .con .tab { font-size: 18px; font-weight: bold; padding-bottom: 4px; color: #000000; border-bottom: 3px solid #196fcd; line-height: 22px; } .topic_news .topiclist li { width: 258px; display: inline-block; margin-right: 10px; } .topic_news .topiclist li img{ width: 100%; height: 145px; } .topic_news .topiclist li:last-child { margin-right: 0; } .topic_news .topiclist li p { font-size: 16px; font-weight: bold; color: #000000; line-height: 20px; margin-top: 5px; text-align: center; } .topic_news .topiclist li p:hover{ color: #1873d7; } /*.con_news1 .tab,*/ .con_news7 .tab{ padding-bottom: 0; border-bottom: none; } /*.con_news1 .tab .current,*/ .con_news7 .tab .current { color: #000000; padding-bottom: 4px; border-bottom: 3px solid #196fcd; } .con_news1 .tab li{ color: #000000; } /* 啄木é¸ÿ */ .con_news2 .woodpecker { width: 395px; } .woodpecker .woodlist li { font-size: 16px; font-weight: 500; color: #1873d7; line-height: 20px; padding-bottom: 9px; border-bottom: 1px solid #e6d2d2; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 5px; } .woodpecker .woodlist li span{ color: #000000; } .woodpecker .woodlist li:hover span{ color: #1873d7; } .woodpecker .woodlist li:last-child { margin-bottom: 0; } .con_news3 .news_item { display: inline-block; width: 390px; margin-right: 15px; } .con_news3 .news_item:last-child { margin-right: 0; } .con_news3 .news_item .newslist li::before { content: ''; width: 5px; height: 5px; background: #000; display: inline-block; border-radius: 50%; margin-right: 10px; vertical-align: middle; } .news_item .newslist li { font-size: 16px; font-weight: 400; color: #000000; line-height: 20px; margin-bottom: 10px; } .news_item .newslist li:last-child { margin-bottom: 7px; } .news_item .newslist{ padding: 0 5px; } .news_item .pic_news { margin-bottom: 10px; padding: 0 5px; } .pic_news img { width: 100%; height: 222px; } .pic_news a { position: relative; display: inline-block; } .pic_news a p{ position: absolute; bottom: 0; font-size: 16px; padding: 10px; background: rgba(0,0,0,.5); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } /* 图片展播 */ .pic_swiper { font-size: 0; background: #ecf2f8; position: relative; } .pic_swiper .swiper-container { display: inline-block; width: 1048px; vertical-align: top; margin-top: 16px; margin-left: 56px; } .pic_swiper .swiper-container p { font-size: 16px; font-weight: 500; color: #000000; line-height: 20px; margin-top: 16px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pic_swiper .swiper-slide{ width: 238px; /*height: 156px;*/ } .pic_swiper .swiper-slide p:hover{ color: #1873d7; } .pic_swiper .swiper-slide img{ width: 100%; height: 156px; } .pic_swiper .pic_swiper_title { vertical-align: top; display: inline-block; width: 40px; background: linear-gradient(to bottom, #35abed, #1873d7); } .pic_swiper .pic_swiper_title a { display: inline-block; width: 16px; font-size: 16px; font-weight: 500; padding: 34px 12px 64px 12px; color: #ffffff; line-height: 30px; } .pic_swiper .swiper-button-prev, .pic_swiper .swiper-container-rtl .swiper-button-next { background-image: url(/uploads/image/plimages/prev.png); left: 55px; right: auto; width: 20px; height: 20px; background-size: 20px 20px; } .pic_swiper .swiper-button-next, .pic_swiper .swiper-container-rtl .swiper-button-prev { background-image: url(/uploads/image/plimages/next.png); right: 15px; left: auto; width: 20px; height: 20px; background-size: 20px 20px; } /* 文圖 图片中心 */ .con_news5{ display: flex; } .con_news5 .news_item { display: inline-block; width: 585px; margin-right: 30px; } .con_news5 .news_item:last-child { margin-right: 0; } .con_news5 .news_item .first_news{ padding: 0 5px; } .con_news5 .news_item .first_news img { width: 315px; height: 216px; margin-right: 10px; margin-bottom: 10px; } .con_news5 .news_info { display: inline-block; width: 250px; } .con_news5 .news_info .title { font-size: 16px; font-weight: 900; color: #000000; line-height: 22px; margin-bottom: 19px; } .con_news5 .news_info .title:hover{ color: #1873d7; } .con_news5 .news_info .desc { font-size: 14px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #666666; line-height: 28px; overflow: hidden; text-overflow: ellipsis; text-indent: 2em; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .con_news5 .newslist li img { vertical-align: middle; margin-right: 10px; } .con_news5 .newslist li>span { float: right; } /* 全媒体çÿ©é˜µ */ .con_news6 .qrcodelist { /*text-align: center;*/ margin-top: 20px; } /*.con_news6 .qrcodelist li {*/ /* display: inline-block;*/ /* width: 120px;*/ /* margin-right: 40px;*/ /*}*/ .con_news6 .qrcodelist .swiper-slide img { width: 100%; height: 120px; } /*.con_news6 .qrcodelist li:last-child img{*/ /* height: 119px;*/ /*}*/ .con_news6 .qrcodelist .swiper-slide p { font-size: 16px; font-weight: 400; color: #000000; line-height: 22px; margin-top: 4px; text-align: center; } /* 网ç›ÿ */ .con_news7 .netlist { text-align: left; width: 1200px; margin: 0 auto; margin-top: 20px; } .con_news7 .netlist li { display: inline-block; margin-right: 34px; margin-bottom: 20px; } .con_news7 .netlist li:nth-of-type(8n){ margin-right: 0; } .netlist li img{ width: 120px; height: 40px; } .newslist li:hover { color: #1873d7; } /* 广呚 */ .adver{ display: flex; justify-content: space-between; } .adver a{ display: inline-block; } .adver a img{ width: 100%; height: 100px; } .adver.adver0 a img{ height: 80px; } .adver.adver1 a:first-child{ width: 795px; } .adver.adver1 a:last-child{ width: 395px; } .adver.adver2 a, .adver.adver3 a{ width: 390px; } .adver.adver4 a, .adver.adver5 a{ width: 585px; } .adver.adver6 a, .adver.adver0 a{ display: inline-block; width: 1200px; } .adver.adver0{ margin-top:10px; display: inline-block; } .adver.adver0 a{ margin-bottom: 10px; } .couplet { width: 100%; position: absolute; top: 245px; } .couplet a{ display: inline-block; position: absolute; width: 100px; height: 500px; } .couplet a .close{ width: 20px; height: 20px; position: absolute; right: 0; top: 0; font-size: 20px; line-height: 15px; text-align: center; border: 1px solid black; border-radius: 50%; } .couplet a:last-child .close{ left: 0; } .couplet a img{ width: 100%; height: 100%; } .couplet a:first-child{ left: 0; } .couplet a:last-child{ right: 0; }